

.box{ 
	margin:1.4em 0 0 .1em; 
	padding:0; 
	float:left;
}

.orange{ color:#f2aa24; }
.cyan, a{ color:#78c7f2; }


ul{ list-style:none;}
ol{ list-style-position:inside; margin:0 0 10px 0; padding:0;}

#wrapper {width:760px; margin:40px auto 0 auto;}
table td {padding:0 1px 1px 0;}


#components, #tests, .customization{ margin:10px 0 20px 25px; }
#components li, #tests li, .customization li{ margin-bottom:3px; }

.gallery{margin:0 0 1.6em 0;}

.gallery img{margin:0 0 0 0;}

.code{ 
	margin:10px;
	font-size:12px;
	color:#6C0;
}

body {font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;font-size:60%;background:#15181d url(../img/bg.gif) repeat;text-align:center;}

a {
	color: #fff;
	text-decoration:none;
	font:bold 10px arial;
	outline:none;
	
	}
a:hover {text-decoration:none;color:#eb911b;}
a.location:hover {
	color: #80bffe;
	
	}
a.email:hover {
	color: #80febf;
	
	}
a.linkedin:hover {
	color: #feff80;
	
	}
a.twitter:hover {
	color: #febf80;
	
	}
a.location {
	color: #0066cc;
	text-decoration:none;
	}
a.email {
	color: #00cc66;
	text-decoration:none;
	}
a.linkedin {
	color: #cccc00;
	text-decoration:none;
	}
a.linkedinS {
	color: #80bffe;
	text-decoration:none;
	}
a.linkedinS:hover {
	color: #bfdffe;
	text-decoration:none;
	}
	
	
	
	
a.twitter {
	color: #cc6600;
	text-decoration:none;
	}
a.links {
	text-decoration:none;
	}
a.links:hover {
	text-decoration:underline;
	}
h1 {



	font-size:4em;
	color: #fff;
	letter-spacing:-.03em;
	width:762px;
	}
h2 {

font-family:Baskerville, Garamond, Palatino, "Palatino Linotype", "Hoefler Text", "Times New Roman", serif;
font-style:italic;
	font-size:2.6em;
	line-height:2em;
	color: #fff;

	}
	
	h4 {
position:relative;top:40px;
font:bold 10px arial;
	color: #fff;
	text-transform:uppercase;

	}

h2.category {
	


	font-size:1.8em;
	color: #fff;

	margin:0 0 .3em 0;
	}

h3 {
	font-size:1.1em;
	color:#fff;
	text-transform:uppercase;
}

hr {border-top:1px solid #fff;border-bottom:1px solid #000;border-right:0;border-left:0;}


.reminder {color:#CCCCCC;}

div#container { 
position:fixed;
	overflow: hidden; 
	visibility: hidden; 
	}

.content {

text-align:left;

		text-shadow: #000 1px 1px 3px;

	}


.group {
float:left;

position:relative;
}





