/*
	Resets
*/
* {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
img,a,table,td,tr,div {
	border: 0;
	background: transparent;
}
body {
	line-height: 1.3;
	font-family: Arial;
	font-size: 11px;
	color: #808080;
}
ol, ul {
	list-style: none;
}
a{
	color: #4897DA;
}
#page {
	margin-top: 25px;
}

	#header{
		background: url('images/pngs/header.png') repeat-x;
		height: 394px;
		position: relative;
	}
	#headersmall{
		background: url('images/pngs/headersmall.png') repeat-x;
		height: 174px;
		position: relative;
	}
		#header-center{
			width: 908px;
			position: relative;
			margin: 0 auto;
		}
		#header-top{
			width: 908px;
			height: 112px;
			background: url('images/pngs/navbg.png') no-repeat;
			position: absolute;
			z-index: 5;
		}
		#logo{
			position: absolute;
			z-index: 99;
			top: 20px;
			left: 54px;
		}
		#number{
			position: absolute;
			left: 660px;
			top: 50px;
		}
		#nav{
			position: absolute;
			top: 85px;
			left: 60px;
		}
			#nav ul{
				list-style-type: none;
			}
			#nav ul li{
				display: inline;
			}
			#nav a{
				text-decoration: none;
				display: inline-block;
				width: 107px;
				height: 26px;
				text-indent: -9999px;
			}
				#nav-home{
					background: url('images/pngs/navhome.png');
				}
					#nav-home:hover{
						background: url('images/pngs/navohome.png');
					}
				#nav-about{
					background: url('images/pngs/navabout.png');
				}
					#nav-about:hover{
						background: url('images/pngs/navoabout.png');
					}
				#nav-ecommerce{
					background: url('images/pngs/navecommerce.png');
				}
					#nav-ecommerce:hover{
						background: url('images/pngs/navoecommerce.png');
					}
				#nav-guarantee{
					background: url('images/pngs/navguarantee.png');
				}
					#nav-guarantee:hover{
						background: url('images/pngs/navoguarantee.png');
					}
				#nav-portfolio{
					background: url('images/pngs/navportfolio.png');
				}
					#nav-portfolio:hover{
						background: url('images/pngs/navoportfolio.png');
					}
				#nav-news{
					background: url('images/pngs/navnews.png');
				}
					#nav-news:hover{
						background: url('images/pngs/navonews.png');
					}
				#nav-seo{
                                        background: url('images/pngs/navseo.png');
                                }
                                        #nav-seo:hover{
                                                background: url('images/pngs/navoseo.png');
                                        }

				#nav-quote{
					background: url('images/pngs/navquote.png');
				}
					#nav-quote:hover{
						background: url('images/pngs/navoquote.png');
					}
		#header-bg{
			background: url('images/pngs/headerbg.png');	
			height: 237px;
			width: 908px;
			position: absolute;
			top: 112px;
			z-index: 1;
		}
			#header-overlay{
				background: url('images/pngs/headeroverlay.png') transparent;
				position: absolute;
				height: 237px;
				width: 908px;
				z-index: 20;
			}
			#banner {
				width: 820px;
				height: 235px;
				top: 2px;
				left: 49px;
				position: absolute;
				z-index: 40;
			}
			#header-strip{
				position: absolute;
				top: 350px;
				left: 70px;
				z-index: 20;
			}
	#content{
		width: 810px;
		margin: 25px auto;
		min-height: 350px;
	}
		#sidebar{
			float: left;
			width: 210px;
		}
			.box{
				padding: 10px;
				margin-bottom: 10px;
				position: relative;
			}
				.mininav{
					position: absolute;
					bottom: 35px;
					right: 5px;
				}
				.box h2{
					font-size: 15px;
					color: #1B75BA;
					border-bottom: 1px solid #FF7F00;
					font-weight: normal;
				}
				.box p{
					font-size: 9px;
				}
			#box-quote{
				background: url('images/pngs/boxquote.png') no-repeat;
				height: 167px;
			}
			#box-testimonial{
				background: url('images/pngs/boxtestimonial.png') no-repeat;
				height: 180px;
			}
			#box-twitter{
				background: url('images/pngs/boxtwitter.png') no-repeat;
				height: 141px;
			}
				.twitter{
					height: 65px;	
				}
		#main{
			float: right;
			margin-left: 20px;
			width: 545px;
			padding: 5px 15px 10px 10px;
			background:#F2F2F2;
			border: 1px solid #FF7F00;
			position: relative;
		}
			#main h1, #main h2, #main h3{
				color:#1B75BA;
				font-weight: normal;
			}
			#main h2{
				border-bottom: solid 1px #FF7F00;
			}
		#quote-button{
			clear: both;
		}
			#quote-button img{
				float: right;
			}
		#advantage-container{
			margin: 20px auto;
			width: 765px;
		}
			.advantage{
				height: 187px;
				width: 230px;
				float: left;
				padding: 12px 10px 5px 15px;
			}
				.advantage h2{
					color: #0C4B80;
					border-bottom: 1px solid #FF7F00;
					font-size: 15px;
					font-weight: bold;
					width: 200px;
				}
				.advantage p{
					color: #666666;
					font-size: 9px;
					width: 200px;
				}
				.readmore{
					margin-left: 130px;
				}
			#advantage-design{
				background: url('images/pngs/advantagedesign.png') no-repeat;
			}
			#advantage-search{
				background: url('images/pngs/advantagesearch.png') no-repeat;
			}
			#advantage-ecommerce{
				background: url('images/pngs/advantageecommerce.png') no-repeat;
			}
			
		#portfolio-container{
			margin-bottom: 20px;
		}
			#portfolio-top{
				width: 793px;
				height: 29px;
				background: url('images/pngs/portfoliotop.png');				
			}
				#portfolio-top h2{
					float: left;
					display: inline;
					padding-top: 3px;
					padding-left: 10px;
				}
				#moreportfolio{
					float: right;
					padding-top: 5px;
					padding-right: 10px;
				}
			#portfolio-main{
				width: 793px;
				height: 186px;
			}
				#portfolio-left{
					float: left;
					width: 34px;
				}
				#portfolio-right{
					float: left;
					width: 31px;
				}
				#portfolio-box{
					background: url('images/pngs/portfoliobg.png');
					height: 186px;
					float: left;
					width: 728px;
					overflow: hidden;
					position: relative;
				}
					#portfolio-box ul{
						list-style-type: none;
						margin: 15px 0;
						width: 5000px;
						position: absolute;
						left: 0px;
					}
					#portfolio-box li{
						display: inline-block;
						float: left;
						width: 150px;
						margin: 0 15px;
						padding: 3px;
						border: solid 1px #000;
						background: #eee;						
					}
					#portfolio-box li:hover{
						background: #ccc;
					}
		#news-container{
			margin-bottom: 70px;
			border-bottom: 1px solid #FF7F00;
		}
			#news-top{
				height: 30px;
				border-bottom: 1px solid #FF7F00;
				padding-right: 20px;
			}
				#news-top h2{
					display: inline;
				}
				#morenews{
					float: right;
				}
			#news-row{
				clear: both;
				margin: 5px 0;
			}
				#news-date{
					width: 160px;
					float: left;
				}
				#news-info{
					width: 630px;
					float: left;
				}
				
	#footer{
		background: url('images/pngs/footerbg.png');
		width: 100%;
		height: 175px;
		color: #0C4B80;
	}
		#footer-nav{
			margin: 0 auto;
			padding-top: 20px;
			padding-bottom: 10px;
			width: 650px;
		}
			#footer-nav a{
				color: #0C4B80;
				text-decoration: none;
			}
		#footer-logo{
			float: left;
		}
		#footer-number{
			float: right;
			margin-top: 75px;
		}
		#footer-center{
			margin: 0 auto;
			width: 910px;
		}
	
/*
	Elements	
*/
h1{
	color: #0C4B80;
	border-bottom: 1px solid #FF7F00;
	font-size: 22px;
	padding-bottom: 8px;
	font-weight: normal;
}
h2{
	color: #0C4B80;
	font-size: 18px;
}
p{
	margin: 1em 0;
}

.clear{
	clear:both;
}
.white{
	color: #fff;
}
.lightblue{
	color: #4897DA;
}


/* 
	Setup for Frontpage Accordion	
*/
.accordion{
	display:none;
}
/*Main Container*/
.accordion-container {
	width: 100%;
	height:235px;	
	background: url('images/pngs/accordionright.png') no-repeat scroll 770px 0px;
	margin-left:20px;
}
.accordion{
	list-style-type: none;
	margin: 0;
	padding:0;	
}
.accordion-li{
	display: inline;
	margin: 0px;
	padding:0px;
}
/*Content Container*/
.accordion-content {
	padding-left: 0px;	
	float: left;
	width:0px;
	height: 235px;	
	overflow:hidden;
	background: url('images/pngs/accordionbg.png') no-repeat;
}
.accordion-wrapper{	
	width: 632px;
}
.accordion-inner{
}
/* Handle*/
.accordion-handle{
	float: left;
	width: 50px;
	height: 235px;
	background:  #ccc;
}
.accordion-handle-over{	
	background: #ddd;
}
.accordion-handle-select{	
	background: #fcc;
}