@charset "utf-8";
/* CSS Document */

*	{margin:0;
	padding:0;}

body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	background-color: #A1B0C7;
	}
		
a:visited {
	color:#005679;
	}		
	
a {
	text-decoration:none;
	}	
	
a:hover {
	color:blue;
	text-decoration:underline;
	}

a.current2 {
	color:#6B81A6;
	}
	
#topBack { 
	float:left;
	background-color:#6B81A6;
	width:100%;
	padding-top:10px;
	padding-left:10px;
	}
	
#bodyBack {
	float:left;
	background-color:#A1B0C7;
	width:100%;
	height:100%;
	padding-left:10px;
	padding-bottom:20px;
	}

#header, #navBar, #topSection, #content, #footer {
	width:96em;
	padding-left:10px;
	margin:auto;
	}
	
#header {
	float:left;
	text-align:left;
	background-color:#C1CAD9;
	padding-bottom:5px;
	color:#005679;
	border-top: 1px solid #3B4D65;
	border-right: 1px solid #3B4D65;
	border-bottom: 0px solid #c1cad9;
	border-left: 1px solid #3B4D65;
	}
	
#header p{
	font-size:2em;
	padding-left: 8px;
	}
	
#header a{
	color: #005679;
	text-decoration: none;
	}

#header a:hover{
	color: #FFFFFF;
	text-decoration: underline;
	}

.addthis {
	position:absolute; 
	left:630px; 
	top:16px;
	}

#contactClip {
	background:transparent url(../images/contactClip.jpg) no-repeat right top;
	float:right;	
	font-size:6px;
	font-weight:bold;
	height:110px;
	left: 760px;
	padding-bottom:0;
	padding-right:0;
	padding-top:20px;
	position: absolute;
	top: 0px;	
	width:210px;
	color:#333333;
	}
	
#contactClip p {
	padding-top:1px;
}
	
#contactClip p.request {
	padding-bottom:7px;
	font-size:2.8em;
	}	

.tel {font-weight:normal}

#contactClip a{
	color:blue;
	}
	
#contactClip a:hover {
	color:blue;
	}	
	
#headerContact {
	font-size:0.55em;
	font-weight:bold;
	float:right;
	position:absolute;
	left: 780px;
	top:20px;
	padding: 6px;
	}
	

.clearing {
		clear: both;
		height: 1px;
		overflow: hidden;
}

#navBar {
	float:left;
	border-left:1px solid #3B4D65;
	border-right:1px solid #3B4D65;
	border-bottom:1px solid #9BA2AA;
	border-top:1px solid #9aa2ae;
	background-color:#FFF;
	height: 2.5em;
	display: inline;
	color: #DFE4EB!important;
}

#navBar ul {
	padding: 0 0 0 10px;
	margin: 0;
	list-style: none;
}

#navBar a {
	text-decoration:none;
	display: block;
	color:#333;
	font-size:1.6em;
	padding: 1px 16px 4px 16px;
	border-left:none;
	border-right:none;
	line-height:1.2em;
	border-bottom:1px solid #9BA2AA;
}
	
#navBar a:hover {
	color:#DFE4EB;
	padding: 1px 15px 4px 15px;
	border-left:1px solid #9BA2AA;
	border-right:1px solid #9BA2AA;
	border-bottom:1px solid #9BA2AA;
	background-color: #6B81A6;
	}		

#navBar li {
	float: left;
	margin-right:10px;
	background:url(../images/dot.jpg) no-repeat left center;
	color: #DFE4EB;
}

#navBar li:hover, #navBar li.sfhover {
	left: auto;
	background:#6B81A6 url(../images/none.html) no-repeat left center;
	color: #DFE4EB;
}

#navBar li ul {
	position: absolute;
	left: -999em;
	background-color: #6B81A6;
	border-left:1px solid #9BA2AA;
	border-right:1px solid #9BA2AA;
	padding: 0;
	margin:  0;
	font-size: 0.8em;
	width: 16em;
	color: #DFE4EB;
	z-index:5000;
}

#navBar li li {
	margin: 0;
	width: 100%;
	background-image: none;
	color: #DFE4EB;
}

#navBar li:hover ul, #navBar li.sfhover ul {
	left: auto;
}

#navBar li ul a {
	background-image: none;
	border: none;
	border-bottom: 1px solid #9BA2AA;
	padding: 5px 8px;
	margin: 0;
	display: block;
	color: #FFF;
}

#navBar li ul a:hover {
	background-image: none;
	background-color: #fff;
	border: none;
	border-bottom: 1px solid #9BA2AA;
	padding: 5px 8px;
	margin: 0;
	color: #6B81A6;
}

#navBar li.plainli {
	background: transparent url(../images/none.html) no-repeat left center;
	border: none;
	padding: 1px 10px 4px 10px;
}

#navBar li.plainli:hover {
	background-color: transparent;
	border: none;
}

#navBar .plainli a {
	background-image: none;
	border: none;
	padding: 0;
}

#navBar .plainli a:HOVER {
	background-color: transparent;
	border: none;
	padding: 0;
}

#home a.current, #services a.current, #portfolio a.current, #portfolio_proj a.current, #hire a.current, #contact a.current, #blog a.current  {
	color:#005679;
	font-weight:bold;
	background:#dfe4eb url(../images/spacer.gif) no-repeat left center;
	border-left:1px solid #9BA2AA;
	border-right:1px solid #9BA2AA;
	border-bottom:1px solid #DFE4EB;
	padding:1px 15px 4px 15px;
	}	

#services .dropdown:hover a.current{
		background-color:#6B81A6;
		}

#topSection {
	background: #dfe4eb url(../images/hed_bg.jpg) repeat-x bottom left;
	float: left;
	border-left: 1px solid #3B4D65;
	border-right: 1px solid #3B4D65;
}
	
#topSection img {
	float:left;
	margin:18px 20px 1em 5px;
	padding: 0px;
	display:block;
	border: 10px solid #FFF;
	}
	
.words {
	text-align:left;
	padding-left:240px;
	padding-bottom:10px;
	padding-right:30px;
	}
	
#topSection p{
	padding-left:20px; 
	padding-right:20px;
	font-size:1.25em;
	font-weight:bold;
	line-height:1.8em;
	margin-bottom:10px;
	color:#5B5B5B;
	}	
	
#portfolio .words {
	text-align:left;
	padding-left:320px;
	padding-bottom:10px;
	padding-right:30px;
	}				

p.h1_subheading {
	color:#005679;
	font-size:1.5em;
	margin-top:-10px;
	}
	
p.h2_subheading {
	color:#005679;
	font-size:1.8em;
	margin-top:-10px;
	font-weight:bold;
	}
	
h1 {
	font-size:2em;
	color:#005679;
	padding-left:20px;
	margin-top:14px;
	padding-bottom:14px;
	}

h2 {
	font-size:1.5em;
	color:#005679;
	margin-top:-14px;
	line-height:2.5em;
	}
	
h3 {
	font-size:1.3em;
	color:#005679;
	margin-top: -8px;
	line-height:2em;
	clear: right;
	}	
	
h4 {
	font-size:1.1em;
	color:#005679;
	clear: right;
	}	
	
#content {
	line-height:1.6em;
	color:#5B5B5B;
	clear:both;
	background:#FFFFFF none repeat scroll 0 0;
	border-left:1px solid #333333;
	border-right:1px solid #333333;
	float:left;
	}
	
#content ul {
	list-style-image:url(../images/smalldot.jpg);
	padding-left:15px;
	}	
	 
#content li {
	line-height:1.8em;
	}		

.column{
	background: url(../images/hedlineback.jpg) top left no-repeat;
	border: 1px solid #e3e3e3;
	padding: 0 0 10px 15px;
	margin: 1em 1em 1em 0;
}	

.column h2 {
	color:#005679;
	font-size:1.9em;
	line-height:1.8em;
	margin: 0;
}

.column h3 {
	clear:right;
	color:#005679;
	font-size:1.6em;
	line-height:2em;
	margin: 0;
}

.column li{
	font-size: 1.4em;
	line-height: 1.5em;
}

.column p{
	font-size: 1.3em;
	line-height: 1.8em;
	padding: 8px 20px 0 0;
}
	
#column1_1 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	width: 95%;
	text-align:left;
	float:left;
	}	
	
#column1_1 p{
	font-size:1.1em;
	line-height:1.8em;
	padding-bottom:10px; 
	}	
	
#column2_1 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	background: url(../images/divider.gif) repeat-y right top;	
	padding-left:20px;
	padding-right:20px;
	width: 45%;
	text-align:left;
	float:left;
	}
	
#column2_2 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	width: 44%;
	text-align:left;
	float:left;
	}
	
#column3_1 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	width: 25%;
	text-align:left;
	float:left;
	}	
	
#column3_2 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	width: 33%;
	text-align:left;
	float:left;
	}	
	
#column3_3 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:20px;
	width: 25%;
	text-align:left;
	float:left;
	}	
	
#column4_1 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:6px;
	width: 5%; 
	text-align:left;
	float:left;
	}	
	
#column4_2 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:2px;
	padding-right:2px;
	width: 30%;
	text-align:left;
	float:left;
	}	
	
#column4_3 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:2px;
	padding-right:2px;
	width: 10%;
	text-align:left;
	float:left;
	}	
	
#column4_4 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:2px;
	padding-right:10px;
	width: 30%;
	text-align:left;
	float:left;
	}
#portfolio_proj #content img {
	margin-bottom:10px;
	margin-right:6px;
	padding-bottom:10px;
	}	
	 
#portfolio_proj #column3_1 h3 {
	margin-bottom:6px;
	background: #EDC8A9;
	color:#005679;
	}	
	
#portfolio_proj #column3_1 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:0px;
	width: 24%;
	text-align:center;
	float:left;
	}
	
#portfolio_proj h2 {
	padding-top:0px;
	}
	
#portfolio_proj .column3_1 	{
	font-size:1.2em;
	width: 20%;	
	float:left;
	padding-left:50px;
	}
	
#portfolio_proj .column3_2 {
	font-size:1.2em;
	display:inline;
	width:49%;
	float:left;
	padding-left:20px;
	}
	
#portfolio_proj .column3_3 {
	font-size:1.2em;
	display:inline;
	width:16%;
	float:left;
	padding-left:30px;	
	}	

#portfolio_proj #column3_2 {
	background: transparent url(../images/white.png) left top repeat;
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:10px;
	padding-right:10px;
	width: 50%;
	text-align:left;
	float:left;
	}	
	
#portfolio_proj #column3_3 {
	font-size:1.2em;
	margin-top:20px;
	margin-bottom:20px;
	padding-left:20px;
	padding-right:0px;
	width: 16%;
	text-align:left;
	float:left;
	}	

.leftimage {
	float:left;
	}
	
.rightimage {
	float:right;
	}	

#client_list ul{
	list-style: none;
}	
	
#client_list li{
	float:left;
	padding-left:10px;
	list-style: none;
	}
#sampleList	a {
	font-size:1.2em;
	text-decoration:none;
	}
	
.clients {
	padding-right:12px;
}
	
.learnmore {
	padding-left: 15px;
	padding-top: 20px;
	font-weight: bold;
}

a.readmore, a.back {
	font-size: 0.8em;
	padding: 3px;
	margin:4px;
	border: 1px dotted blue;
	text-decoration: none;
	float: right;
	}
		
a.readmore:hover, a.back:hover {
	background-color: #dfe4eb;
	text-decoration: underline;
	}		
		
#services #column2_2 p {
	font-size:1em;
	padding-bottom:8px;
	}		

#services #column2_2 li {
	font-size:1em;
	}	

.testimonials p{
	padding-bottom:40px;
	}
		
ul.servicelist li{
	padding:10px;
	}		

fieldset {
	padding:16px 10px;
	float:left;
	}

legend {
	padding:4px;
	font-size:1.2em;
	}
	
ul#contactList {
	list-style-image:url(../images/smalldot.jpg);
	float:left;
	}			

ul#contactList li {
	list-style-image:url(../images/smalldot.jpg);
	display:block;
	float:left;
	padding-left:30px;
	font-size:1.2em;
	font-weight:bold;
	line-height:2em;
	}

.reqd {
	color:#FF0000;
	font-size:90%;
	}
	
ul#indent li {
	list-style:none;
	margin-left:15px;}	
	
.note {
	font-size:90%!important;
}


form#hiresteve input {
	margin-right:6px;
	width:16em;
	}

.hire{
	list-style-type: none;
	font-size: 1.3em;
	font-weight:bold;
	line-height:1.6em;
	}

.hire li{ float:left; width:270px; margin:0 40px 0 0;}

#formDiv{ float:left; width:43em; margin:1em 16px 1em 0; padding:15px 15px 6px 15px; border:1px solid #e3e3e3;}

#formDiv h2{
	font-size:1.7em;
	} 

label{ font-size:1.25em; font-weight:bold; padding:0 10px 0 0;}

#formDiv p{ margin:0 0 10px 0; text-align:right;}

#formDiv span{ color:#FF0000;}

#textDiv{float:left; width:48em;}

.down{ background:url(../images/button.jpg) left center no-repeat; height:2em; width:28.7em; font-size:1.1em; padding:15px 10px; }

#formDiv button {
	font-size:1.25em;
	}

button {
	font-size:1.1em;
	margin:12px 0;
	}

	
#footer	{
	clear:both;
	float:left;
	background:#dfe4eb;
	border-bottom:1px solid #3B4D65;
	border-left:1px solid #3B4D65;
	border-right:1px solid #3B4D65;
	border-top:1px solid #a6b4c9;
	line-height:2em;
	text-align:center;
	}
	
/*
#footer	p{
	float:right;
	color:#069;
	clear:right;
	padding:6px;
	}*/
	
#footer	p{	
	color:#006699;
	font-size:1.3em;
	font-weight:bold;
	}	
	
#footer a {
	color:#333333;
	}	
	
#footer a:hover {	
	color:blue;
	}	
	
span.footerText {
	color:#005679;
	}
	
.seo {
	clear:left;
	color:#CCEAFF;
	width:96em;
	padding-left:10px;
	}
	
.seo a{
	color:#CCEAFF;
	}	
	
.seo a:hover{
	color:#005679;
	}	
	
.sitemapLink {
	background:white url(../images/dot.jpg) no-repeat scroll left center;
	border-bottom:1px solid #5588B3;
	border-left:1px solid #5588B3;
	bottom:3px;	
	font-size:110%;	
	margin-top:2px;	
	padding:2px 10px 4px 18px;
	position:relative;
	right:0px;
	float:right;
	}
	
.toplist_note {
	font-size:1.45em; 
	line-height:1.5em; 
	color:#333; 
	margin-left:280px; 
	margin-right:70px;
	}	
	
.toplist {
	font-size:1.3em;
	font-weight:bold;
	list-style-position:inside;
	margin-left:315px;
	display:block;
	margin-bottom:20px;
	}