.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:800px;}
table td {border:1px solid #000;}


#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-size:60%;background:url(../img/bg.gif) repeat;}

a {
	color: #fff;
	
	}
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-family:georgia;
	font-weight:100;
	font-style:italic;
	font-size:4em;
	color: #fff;
	letter-spacing:-.03em;
	width:762px;
	}
h2 {

	font-family:times;
	font-weight:100;
	font-style:italic;
	font-size:2.6em;
	color: #fff;
	letter-spacing:-.04em;
	}

h2.category {
	
	font-family:arial;
	font-weight:100;
	font-style:normal;
	font-size:1.4em;
	color: #fff;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin:0 0 .3em 0;
	}

.reminder {color:#CCCCCC;}

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

.content {
float:left;
	position:relative;
	left:2em;
	top:10em;
	}

.text {
float:left;

	position:relative;
	}

.group {
float:left;

position:relative;
}
.smalltext {
float:left;

margin:3em 2em 0 0;
	position:relative;
	}
.smalltext h2.category{
font-size:1em;
font-weight:bold;
letter-spacing:0;

	}
.smalltext h2{
font-size:1.8em;
letter-spacing:0;

	}


div#logo { 
	position: fixed; 
	top: 1em; 
	left: 1em;
	z-index:2; 
	
	}

div#navigation {

float:left;
	position: fixed; 
	top: 3.5em; 
	left: 312px;
	z-index:2;
	}

div#navigation span { 
display:block;
float:left;
	text-decoration:none;
 	padding:.5em 1em .5em 1em;
	margin-right:.8em;
	cursor: pointer; 
	color: #fff;
	text-transform:uppercase;
	font-family:arial;
	font-size:1.1em;
	font-weight:bold;
	letter-spacing:.1em;
	}

div#footer { 

	color:#fff;
	font-size:1em;
	font-family:arial;
	text-transform:uppercase;
	
	height:8em;
	font-weight:bold;
	
	}
	
div#footer a { 
	text-decoration:none;
	}
	
div#footer a:hover { 
	text-decoration:underline;
	}
	
div#footer ul {

	bottom: 2em; 
	left: 1.5em;
	color:#fff;
	font-size:1em;
	font-family:arial;
	text-transform:uppercase;
}
div#footer ul li{ 
display:inline;

	}
	
.contact:hover { 
	border-bottom:2px #333 solid;
	}
.services:hover { 
	border-bottom:2px #0066cc solid;
	}
.portfolio:hover { 
	border-bottom:2px #00cc66 solid;
	}
.testimonials:hover { 
	border-bottom:2px #cccc00 solid;
	}
.links:hover { 
	border-bottom:2px #cc6600 solid;
	}
	
ul#frames li { 
	float: left; 
	}