@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	background-color:#FFF;
	background-repeat:repeat-x;
	color:#333;
	}

#wrapper{
	margin-left: auto;
	margin-right: auto;
	
	width:900px;
	/* border: 1px solid #2a4e97;*/
	border-top:0;
	padding-left:25px;
/*	background-color:#FFF;*/
}	
#header {
	background-repeat: no-repeat;
	height: 210px;
	width: 683px;
	padding:25px;
	padding-right:0;
	padding-bottom:0;
	z-index:100;
	position:relative;
	float:left;
	top:17px;
	margin-bottom:17px;
	left:130px;

}
#headerLeft{
	width:93px;
	height:235px;
	top:17px;
	float:left;
	position:relative;
	margin-bottom:17px;
	background-repeat:no-repeat;
	left:130px;
	}
	
#headerRight{
	width:93px;
	height:235px;
	top:17px;
	float:left;
	position:relative;
	margin-bottom:17px;
	background-repeat:no-repeat;
	left:130px;
	
	}
	
#logo{
background-image:url(../images/web-design-logo.png);
width:260px;
height:185px;
background-repeat:no-repeat;
z-index:500;
position:relative;
left:-250px;
}

#strapline{
	text-align:center;
	color:#2a4e97;
	text-transform: uppercase;
	font-size:12px;
	padding:15px;
	font-family: Arial, Helvetica, sans-serif;
position:relative;
padding-top:115px;
}	
#strapline a{
	text-decoration:none;
	color:#2a4e97;
}
.h_left1{background-image: url(../images/header-images/pngs/left1.png);}
.h_right1{background-image: url(../images/header-images/pngs/right1.png);}
.h_img1{background-image: url(../images/header-images/pngs/middle1.jpg);}
.h_bg1{background-image:url(../images/main-bg.jpg);}

.h_left2{background-image: url(../images/header-images/pngs/left2.png);}
.h_right2{background-image: url(../images/header-images/pngs/right2.png);}
.h_img2{background-image: url(../images/header-images/pngs/middle2.jpg);}
.h_bg2{background-image:url(../images/main-bg2.jpg);}

.h_left3{background-image: url(../images/header-images/pngs/left3.png);}
.h_right3{background-image: url(../images/header-images/pngs/right3.png);}
.h_img3{background-image: url(../images/header-images/pngs/middle3.jpg);}
.h_bg3{background-image:url(../images/main-bg3.jpg);}

.h_left4{background-image: url(../images/header-images/pngs/left4.png);}
.h_right4{background-image: url(../images/header-images/pngs/right4.png);}
.h_img4{background-image: url(../images/header-images/pngs/middle4.jpg);}
.h_bg4{background-image:url(../images/main-bg4.jpg);}


a{color:#FF9900;
text-decoration:none;}
a:hover{text-decoration:underline;}

	
#nav{
	width:900px;
	background-image:url(../images/divider.jpg);
	height:54px;
	background-repeat:repeat-x;
	clear:both;
	}	
#nav a{
	color:#FFF;
	line-height:33px;
	padding-right:15px;
	padding-left:15px;
	font-size:13px;
	text-decoration:none;
	display:inline-block;
	border-width: 1px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-style: solid;
	border-color: #036;
	text-shadow: 1px 1px 1px #09366f;

}
#nav a:hover{
	background-color:#fff;
	border: 1px solid #036;
	padding-right:14px;
	padding-left:14px;
	color:#000;
	text-shadow: none;
}
	

#content{
	padding-left:0px;
	min-height:350px;

	}
.box{
	width:400px;
	padding-right:15px;
	float:left;
	margin-bottom:15px;}
	
	.box2{
	width:400px;
	padding-right:15px;
	float:left;}
	
h1{color:#2a4e97;
font-size:18px;
text-shadow: 1px 1px 1px #ccc;
}
h2{
	color:#2a4e97;
	font-size:15px;
}	

#footer{
	background-color:#244386;
	height:300px;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	background-image:url(../images/footer-fade.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	bottom:0;
	clear:left;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	}
#footer h3{
	margin-top:3px;
}
#footer a{
	color:#FFF;
}
.footerBlock{
	width:250px;
	float:left;
	height:150px;
	padding-left:25px;
	padding-right:15px;

	}	
#footer ul{
padding:0;
margin:0;
}
#footer li{
padding:0;
} 
.small{
	font-size:9px;}	
	
.portfolio a{
	width:190px;
	height:210px;
	float:left;
	border: 1px solid #CCCCCC;
	padding:7px;
	margin-left:15px;
	margin-bottom:15px;
}
.portfolio a:hover{
border: 1px solid #ccc;
background-color:#FF9900;
}
#contentNoPad {
	padding-top:15px;
	margin-right:0;
	min-height:320px;

}	
.contentNormal {
	padding:25px;
	padding-top:0;
}


	
#portfolioNav a{

	padding-left:10px;
	padding-right:10px;
	margin:3px;
	display:inline-block;
	background-color:#2a4e97;
	height:35px;
	line-height:35px;
	color:#FFF;
}

#portfolioNav a:hover{
	background-color:#FF9900;
	text-decoration:none;
}

#slideshow * { margin: 0; padding: 0; }
#slideshow {
	background-image:url(../images/bg-slider.jpg);
    position: relative;
	padding: 0px 0 15px;
	width: 850px;
	height: 345px;
	background-position:right;
	border: 1px solid #CCC;
	background-repeat:no-repeat;
	
}
#slideshow #menu, #slideshow #pictures, #slideshow #loading { position: absolute; }
#slideshow #loading { background: url('../images/spinner.gif'); display: block; top: 218px; left: 265px; text-indent: -7000px; width: 100px; height: 29px; visibility: hidden; z-index: 5; }
#slideshow #pictures {
	background-image:url(../images/slider-bg.gif);
	width: 636px;
	height: 360px;
	left: 0;
	overflow: hidden;
	background-color:#284c93;
	}
#slideshow #pictures li { display: block; position: absolute; top: 0; width: 867px; }
#slideshow #pictures li img { display: block; position: relative; bottom: 0; }
#slideshow #menu {
	list-style-type: none;
	width: 214px;
	height: 257px;
	right: 0;
	padding-top: 45px;
}
#slideshow #menu li { display: block; z-index: 1000; position: relative;  }
#slideshow #menu li a { display: block; font: 11px "Lucida Grande", "Verdana"; text-decoration: none; padding: 7px 0 7px 28px; z-index: 1000; color: #ccc; line-height: 14px; vertical-align: middle; text-shadow: 1px 1px 1px #000; }
#slideshow #menu li a:focus { outline: 0; }
#slideshow #menu li a:hover { color: #fff; }
#slideshow #menu li.current a { font: 13px "Georgia"; color: #fff; padding: 5px 0 5px 28px; line-height: 18px; }
#slideshow #menu li.background { background: url('../images/arrow.gif') no-repeat left center; position: absolute; font-size: 1px; height: 7px; width: 4px; z-index: 5; }
.quotes{
	border:1px solid #ccc;
	font-size:11px;
	padding:15px;
	font-style:italic;
	margin-bottom:15px;
	padding-bottom:0;
	padding-top:0;
	background-color:#e1ebff;
	
	}	
.quotes strong{
	color:#2a4e97;
	font-style:normal;
	}	
	
#footerWrapper{
	width:900px;
	margin-left: auto;
	margin-right: auto;
	padding-top:20px;}	
#validate img{
	margin-right:20px;
	margin-top:30px;
	float:left;}	
	
#clients{
	overflow:auto;
width:840px;}	

	
#clientContents{
	width:2000px;
	padding:15px;
	}	
#clientContents img{
	vertical-align:middle;
	margin-right:35px;
}	

#hosting a{
	background-image:url(../images/hosting-icon.png);
	width:213px;
	height:48px;
	display:block;
	position:absolute;
	z-index:500;
	top:17px;
	right:10px;
	}
#hosting a:hover{
	background-position: -216px;
}

#maintenance a{
	background-image:url(../images/maintenance-icon.png);
	width:213px;
	height:48px;
	display:block;
	position:absolute;
	z-index:500;
	top:17px;
	right:227px;
	}
#maintenance  a:hover{
	background-position: -217px;
}
.green{
	color:#093;}
#mediaBanner a{
	background-image:url(../images/media-banner.gif);
	background-repeat:no-repeat;
	height:50px;
	width:100%;
	margin-top:100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	background-position: center 5px;
	display:block;
	bottom:0;
	clear:left;
	margin-left:-1px;
	}	
#portfolioBox, #portfolioBox2{
	width:830px;
	overflow:auto;
	margin-top:-30px;
	padding:10px;
	height:170px;
	border: 1px solid #ccc;
	background-color:#E8E8E8;
	background-image:url(../images/grey-bg.jpg);
	background-repeat:repeat-x;
	}
.portfolioIcon{
	background-image:url(../images/portfolio-graphic.jpg);
	background-repeat:no-repeat;
	background-position: 0px 13px;
	float:left;
	width:30px;
	height:160px;
	z-index:100;
	position:absolute;
	margin-top:-30px;}

#portfolioThumbs{
	width:3000px;
	margin-left:5px;
	margin-top:10px;
	height:132px;
	margin-right:30px;


	}	
	
 #portfolioThumbs2{
	width:1650px;
	margin-left:5px;
	margin-top:10px;
	height:132px;
	margin-right:30px;

	}
#portfolioThumbs img, #portfolioThumbs2 img{
	margin-right:10px;
	margin-left:3px;
	border: 1px solid #CCC;

}

#portfolioThumbs img:hover, #portfolioThumbs2 img:hover{
	border: 1px solid #000;

}
.alt{
	font-size:12px;
	text-decoration:underline;}
	
.dividerTwirl{
	background-image:url(../images/divider-twirl.jpg);
	background-repeat:no-repeat;
	width:850px;
	background-position: center center;
	height:100px;
	}	

.dottedSpacer{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	margin-bottom:15px;
	margin-top:15px;
	}
	
#latestBlog{}	
#latestBlog ul{
	margin:0;
	padding:0;
	list-style:none;
	line-height:18px;
	margin-bottom:15px;}
#viewportfolio {
	margin-top:25px;
	margin-left:120px;}	
#viewportfolio a{
	display:block;
	background-image:url(../images/view-portfolio.gif);
	height:38px;
	width:188px;
	position:absolute;
	}	
#viewportfolio a:hover{
		background-position: -200px;
	}		
.strapline{
	color:#999;
	font-size:11px;
	margin-top:-10px;
	padding:0;
	text-transform: uppercase;}