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

*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	background: #858585 url(../img/bg_tile.gif) 0 0 repeat-x;
	overflow: -moz-scrollbars-vertical;
}
a img{
	border: 0;
}
h1, h2, h3, h4, h5, h6, a{
	color: #486580;
}
#container{
	width: 960px;
	margin: 0 auto ;
	padding-bottom: 100px;
	background: #FFF url(../img/bg_shadow.gif) 0 bottom no-repeat;
}
/* ### Header ### */
#header{
	float: left;
	width:960px;
}
#header img{
	margin: 10px 0 0 40px;
	float: left;
}
#header ul{
	list-style-type: none;
	float: left;
	font-size: .8em;
	width: 580px;
	height: 50px;
	padding: 30px 0 0 40px;
	margin: 38px 10px 40px 8px;
}
#services #header ul li ul, #home #header ul li ul, #what #header ul li ul, #approach #header ul li ul, #about #header ul li ul, #team #header ul li ul, #contact #header ul li ul, #domains #header ul li ul, #default #header ul li ul {
	background-image: none;	
	display:none;

	
}

*html #services #header ul li ul, *html #home #header ul li ul, *html #what #header ul li ul, *html #approach #header ul li ul, *html #about #header ul li ul, *html #team #header ul li ul, *html #contact #header ul li ul, *html #domains #header ul li ul, #default #header ul li ul {

}

#header ul li.headlink ul {
	height:90px;
	padding:0px;
	margin:0px;
	float:none;
	z-index:1000;
	
	
	
}

*:first-child+html #header ul li.headlink ul {
	position:relative;

}
*html #header ul li.headlink ul {
	padding-top:30px;
	height:90px;
	position: absolute;
	margin-left:-60px;
	width:150px;
	background-color:#e6e6e6;
	display:block;
	float:left;

}

#services #header ul li:hover ul, #home #header ul li:hover ul, #what #header ul li:hover ul, #approach #header ul li:hover ul, #about #header ul li:hover ul, #team #header ul li:hover ul, #contact #header ul li:hover ul, #domains #header ul li:hover ul, #default #header ul li:hover ul{
	display:block;
	background-color:#e6e6e6;
	-moz-border-radius-bottomleft:9px;
	border-bottom-left-radius:9px;
	-moz-border-radius-bottomright:9px;
	border-bottom-right-radius:9px;
	width:140px;
	height:50px;
	padding:15px 10px 5px 0;
	margin:7px 0 0 2px;
	z-index:1000;
}

*html #services #header ul li:hover ul, *html #home #header ul li:hover ul, *html #what #header ul li:hover ul, *html #approach #header ul li:hover ul, *html #about #header ul li:hover ul, *html #team #header ul li:hover ul, *html #contact #header ul li:hover ul, *html #domains #header ul li:hover ul, *html #default #header ul li:hover ul{
display:block;
float:left;

}

#header ul li ul li {
	text-align: left;
	padding-left:10px;
	margin-bottom:10px;
	
}

#header ul li ul li a {
	color:#666;
	font-size: 13px;
}
#header ul li ul li.hi a {
	color:#666;
	font-size: 13px;
}



#header ul li ul li a:hover {
	color:#999;
}

#home #header ul{
	background: url(../img/nav_sprite2.gif) 4px 0px no-repeat;
}
#what #header ul{
	background: url(../img/nav_sprite2.gif) 4px -70px no-repeat;
}
#services #header ul{
	background: url(../img/nav_sprite2.gif) 4px -140px no-repeat;
}
#approach #header ul{
	background: url(../img/nav_sprite2.gif) 4px -210px no-repeat;
}
#about #header ul{
	background: url(../img/nav_sprite2.gif) 4px -280px no-repeat;
}
#team #header ul{
	background: url(../img/nav_sprite2.gif) 4px -350px no-repeat;
}
#contact #header ul{
	background: url(../img/nav_sprite2.gif) 4px -420px no-repeat;
}
#domains #header ul{
	background: url(../img/nav_sprite2.gif) 4px -140px no-repeat;
}
#default #header ul{
	background: url(../img/nav_sprite2.gif) 4px -490px no-repeat;
}
#header ul li.hi a{
	color: white;
}
#header ul li{
	float: left;
	text-align: center;
}
#header ul li.home{
	width: 68px;
}
#header ul li.what{
	width: 90px;
}
#header ul li.services{
	width: 72px;
}
#header ul li.approach{
	width: 94px;
}
#header ul li.about{
	width: 76px;
}
#header ul li.team{
	width: 72px;
}
#header ul li.contact{
	width: 84px;
}
#header ul li a, #header ul li{
	text-decoration: none;
	color: #d2d0d0;
}
#header ul li a:hover{
	text-decoration: none;
	color: white;
}
/* ### Homepage content ### */
#content{
	background: url(../img/bg_inner_tile.gif) 0 bottom no-repeat;
	margin: 0 0 0 20px;
	width: 920px;
}
*:first-child+html #contentInner{
	padding: 0 0 20px 0;
}
*html #contentInner{
	padding: 0 0 20px 0;
}
#content a{
	text-decoration: none;
	color: #333;
}
#content a:hover{
	border-bottom: 1px dotted #295aa2;
	color: #295aa2;
}
#content p a{
	border-bottom: 1px dotted #295aa2;
	color: #295aa2;
}
#content a:hover{
	border-bottom: 1px solid #295aa2;
	color: #295aa2;
}
#content h1, #content h2, #content h3, #content h4, #content p, #content ul, #content ol, #content table{
	margin-bottom: 20px;	
	
}
#content h1{
	font-size: 1.6em;
	margin-bottom: 10px
}
*:first-child+html #content h1{
	margin-top: 30px
}
#content h2{
	font-size: 1em;
	margin-bottom: 10px;
}
#content ul{
	padding-left: 25px;
}
#content ol{
	padding-left: 30px;
}
#content ul.link{
	list-style-type: none;
	padding: 0;
}
#content ul.link li{
	height: 30px;
	background: url(../img/arrow_sml.gif) 0 5px no-repeat;
	padding-left: 10px;
}
#content p, #content ul, #content ol, #content table{
	font-size: .8em;
	line-height: 1.4em;
}
#contentInner{
	background: url(../img/postit.jpg) 320px 10px no-repeat;
	margin: 0 0 0 20px;
	width: 880px;
}
#hpText{
	width: 360px;
	min-height: 470px;
}
#hpText p{
	width: 290px;
}
#hpText h2{
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/line_grad.gif) -130px bottom no-repeat;
}
/* ### Pages Inner ### */
#pageInner{
	margin: 0 0 0 20px;
	width: 880px;
}
*:first-child+html #pageInner{
	padding: 0 0 20px 0;
}
*html #pageInner{
	padding: 0 0 20px 0;
}
.columns{
	float: left;
	width: 420px;
	margin: 0 20px 20px 0;
}
div.columns h2{
	margin: 0!important;
	font-size: 1em!important;
}
div.columns h3{
	margin: 0!important;
	font-size: .8em!important;
}
.columnsFour{
	float: left;
	width: 205px;
	margin: 0 20px 20px 0;
}
.columnsFour h3{
	padding-bottom: 10px;
	margin-bottom: 10px!important;
	background: url(../img/line_grad.gif) -180px bottom no-repeat;
}
.columnsFour ul{
	margin-left: -25px;
	list-style-type: none;
	padding: 0;
}
.columnsFour ul li{
	margin-bottom: 15px;
	padding-left: 20px;
	background: url(../img/bullet.gif) 2px 2px no-repeat;
}
.columnsFour ul a{
	border-bottom: 1px dotted #295aa2;
	color: #295aa2;
}
.columnsFour ul a:hover{
	border-bottom: 1px solid #295aa2;
	color: #295aa2;
}
/* ### Our Team ### */
.photo h2{
	font-size: .9em!important;
	background: url(../img/line_grad.gif) 0 bottom no-repeat;
	float: left;
	width: 430px;
	padding-bottom: 7px;
	margin-bottom: 10px!important;
}
.photo{
	width: 430px;
	margin-right: 20px;
	float: left;
}
.photo img{
	float: left;
	margin: 0 10px 60px 0;
}
.photo p{
	padding-right: 10px;
}
/* ### Contact Us ### */
#map {
	width: 428px;
	float: left;
	margin: 0 20px 20px 0;
}
#map iframe{
	border: 1px solid #cdcdcd;
}
/* ### Form ### */
#form{
	float: left;
	width: 428px;
}
* html #form{
	width: 408px;
}
#form h3{
	font-size: .9em;
	float: left;
	width: 400px;
	padding: 0;
	margin: 0 0 8px 0;
}
#formBox{
	background: url(../img/form_tile.gif) 0 0 repeat-x;
	width: 390px;
	border: 1px solid #cdcdcd;
	float: left;
	height: 304px;
	padding: 20px;
}
* html #formBox{
	width: 380px;
	height: 300px;
}
*:first-child+html #formBox{
	height: 308px;
}
#formBox label{
	display: block;
	font-size: .8em;
	margin: 0 0 5px 0;
}
#formBox input{
	width: 385px;
	height: 22px;
	padding: 5px 0 0 3px;
	margin: 0 0 10px 0;
	border: 1px solid #cdcdcd;
}
* html #formBox input{
	width: 381px;
}
#formBox textarea{
	padding: 5px;
	width: 378px;
	height: 130px;
	border: 1px solid #cdcdcd;
	margin-bottom: -5px;
}
* html #formBox textarea{
	width: 373px;
	height: 122px;
	margin-bottom: -6px;
}
*:first-child+html #formBox textarea{
	margin-bottom: -6px;
}
#formBox .submit{
	width: 83px;
	height: 19px;
	border: 0;
	float: right;
	margin-right: 5px;
}
/* ### hp middle content ### */
.middle{
	width: 220px;
	float: left;
	margin-right: 20px;
	padding-left: 50px;
}
.middle h2{
	margin-bottom: 5px!important;
}
.mOne{
	background: url(../img/hp_icon1.gif) 0 0 no-repeat;
}
.mTwo{
	background: url(../img/hp_icon2.gif) 0 0 no-repeat;
	padding-left: 60px;
}
.mThree{
	background: url(../img/hp_icon3.gif) 0 0 no-repeat;
	padding-left: 60px;
	margin-right: 0;
}
/* ### Info Boxes ### */
.box{
	width: 428px;
	border: 1px solid #cdcdcd;
	background: #FFF url(../img/bg_box_tile.gif) 0 0 repeat-x;
	margin: 0 20px 20px 0;
	float: left;
	height: 135px;	
}
.box h2{
	margin: 15px 20px 10px 20px!important;
	padding-bottom: 10px;
	background: url(../img/line_tile.gif) 0 bottom repeat-x;
	font-size: .9em!important;
}
#contact h2{
	margin: 15px 0 10px 20px!important;
}
.box ul{
	list-style-type: none;
}
.box ul li{
	margin-bottom: 5px;
}
.box ul li a{
	background: url(../img/arrow_sml.gif) 0 5px no-repeat;
	padding-left: 10px;
}
.box p{
	margin: 0 20px 0 20px;
}
.box img{
	margin: 10px 10px 0 20px;
}
* html .box img{
	margin: 10px 10px 0 10px;
}
/* ### Footer ### */
#footer{
	text-align: center;
	margin-top: -8px;
}
#footer a{
	border-bottom: 1px dotted #295aa2;
	color: #295aa2;
	text-decoration: none;
}
#footer a:hover{
	border-bottom: 1px solid #295aa2;
	color: #295aa2;
}
#footer ul{
	list-style-type: none;
	font-size: .8em;
	margin-top: 30px;
}
#footer ul li{
	display: inline;
	border-right: 1px solid #cdcdcd;
	padding: 0 10px 0 10px;
}
#footer ul li.last{
	display: inline;
	border-right: 0;
	padding: 0 10px 0 10px;
}
#footer img{
	position: relative;
	top: 8px;
}
/* ### Overrides ### */
.clearer{
	clear: both;
}
.tight{
	margin: 0;
	padding: 0;
}
.floatL{
	float: left;
}
.floatR{
	float: right;
}
.floatImg{
	float: right;
}
.w232{
	width: 232px;
}
.mR20{
	margin-right: 20px;
}
.mR25{
	margin-right: 25px;
}
.mR30{
	margin-right: 30px;
}
.mL20{
	margin-left: 20px;
}
.pR20{
	padding-right: 20px;
}
.bRight{
	border-right: 1px solid #cdcdcd;
}
.w480{
	width: 480px;
}
.w420{
	width: 420px;
}

*:first-child+html .w420{
	width: 400px;

}
*html .w420{
	width: 400px;
	
}

*:first-child+html .w350{
	width: 300px!important;
}
*html .w350{
	width: 300px!important;
}