body{
	background:#164085 url(/images/layout/bg_top.jpg) top no-repeat;
	margin:0;
	padding:0;
	font:.8em "Trebuchet MS";
	color:#666;
}
h1 {
	font-size:1.6em;
}
h2 {
	font-size:1.2em;
	color:#333;
	font-weight:normal;
	width:90%;
}
h3 {
	font-size:1.1em;
	width:90%;
	color:#2576CF;
}
#logo {
	height:50px;
	width:780px;
	margin:40px auto 0 auto;
	padding:10px 0;
}
#header {
	height:272px;
	width:780px;
	margin:0 auto;
}
#logic-logo {
	float:right;
}
#telephone {
	float:left;
}

#navigation {
	width:780px;
	height:50px;
	background:url(/images/layout/navigation_bg.jpg) no-repeat;
	margin:0 auto;
}
#navigation ul {
	margin:0;
	padding:0;
	list-style:none;
}
#navigation ul li {
	float:left;
}
#navigation ul a {
	display:block;
	padding:0 2em;
	line-height:3em;
	text-decoration:none;
	background:url(/images/layout/navigation_divider.gif) repeat-y left top;
	color:#333;
}
#navigation ul a:hover {
	color:#990000;
}
#navigation ul .first a{
	background:none;
}
body.home #navigation a#home, 
body.standards #navigation a#standards,
body.portfolio #navigation a#portfolio, 
body.contact #navigation a#contact{
	color:#990000;
}

.clear-both{
	clear:both;
	margin:0;
	padding:0;
}



#main-wrap{
	background:url(/images/layout/content_bg.jpg) repeat-y;
	background-position:center;	
	margin:0;
	padding: 0;
}

#inner-wrap{
	background:url(/images/layout/bg_mid.jpg) top no-repeat;
	width: 100%;
	margin:0;
	padding: 0;
}

#content{
	width: 800px;
	margin:5px auto 0 auto;
}


/************************/
/* Content Left Styles */
/************************/
#content-left{
	width: 500px;
	float:left;
	margin: 10px 0 0 10px;
}
#content-left h1{
	background: #D1E3E9;
	color:#333;
	padding:5px;
	width:480px;
}

/************************/
/* Content Right Styles */
/************************/
#content-right{
	float:right;
	width: 210px;
	margin:10px 10px 0 0;
	font-size: 90%;
	min-height:300px;
	border-left:1px solid #E2E2E2;
	padding:0 0 0 20px;
}
#content-right h1 {
	background:#fff;
	color:#2576CF;
	padding:5px;
}
#our-work ul{
	margin:0;
	padding:0;
	list-style:none;
}
#our-work ul li{
	margin:0;
	padding:0;
}
#our-work ul li a{
	color:#333;
	text-transform:capitalize;
	text-decoration:none;
	text-align:center;
	display:block;
	line-height:2.5em;
	font-size:1.2em;
	border-bottom:1px dashed #666;
}
#our-work ul li a:hover{
	background:#2576CF;
	color: #fff;
}
#portfolio {	
}
#portfolio dt {
	color:#333;
}


#footer{
	background:url(/images/layout/footer_bg.jpg) no-repeat bottom;
	width: 100%;
	height: 240px;
	background-position:center;
	text-align:center;
	padding:10px 0 0 0;
}
#below-footer{
	width: 100%;
	text-align:center;
	margin:45px 0 0 0;
	color:#fff;
}
#below-footer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#below-footer ul li{
	display:inline;
}
#below-footer ul li a{
	color:#CFECF1;
	text-decoration:none;
	margin:0 5px;
}
#below-footer ul li a:hover{
	color:#fff;
	text-decoration:underline;
	
}
/*************** http://snippets.dzone.com/posts/show/1728 clear fix ****************************/
.cf:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.cf {display: inline-block;}



/****** Hides from IE-mac *********/
* html .cf {height: 1%;}
.cf {display: block;}