/* Css Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table { border-collapse:collapse; border-spacing:0;}
fieldset,img {	border:0;}
ol,ul {list-style:none;}

/* Global styles */
body{background:#252525;font-family:Arial,Tahoma,sans;font-size:12px}
a:link, a:visited {text-decoration: none; color : white}
a:hover, a:active{text-decoration: none ; color:#4daa2e}
p{margin:5px 0 5px 0;padding:5px 0 5px 0;line-height: 18px;}
h2{color:#4daa2e;font-size:24px;font-weight:normal;letter-spacing:-1.5px;padding:8px 0 0 0;margin:0 0 -10px 0 }
h3{position:relative;height:50px;padding:2px 0 0 52px;color:#373e39;font-size:30px;font-weight:normal;letter-spacing:-1.5px;}
h3 span {position:absolute;display: block;width:50px;left:0;text-indent: -9999px;height:50px }
h4{position:relative;height:50px;color:#373e39;font-size:30px;font-weight:normal;letter-spacing:-1.5px;padding:2px 0 0 0;}


.green{color:#4daa2e !important}
.clear{clear: both;height:1px;text-indent: -9999px;}
.txt-gray{color:#4b4e4c}
.txt-12px{font-size:12px}
.main-bg{background: url(media/main-bg.gif) repeat-x white;}
.pages-bg{background: url(media/pages-bg.gif) repeat-x white;}
.border-gray{border-bottom:1px solid #d8d8d8}
.wrapper{margin:0 auto 0 auto; width:940px; }
.dotted{border-bottom:1px dotted #ccc;height:1px;margin:10px 0 0 0}

#header{background: url(media/header-bg.jpg);height:106px;position:relative}
	#header img{position:absolute;top:30px;left:0}
	#header ul{position:absolute;top:0;top: 48px;right:0}
	#header li{font-family:Arial;display:inline;padding-left: 5px;text-transform: uppercase;font-size:12px;}

#footer { height:70px; font-size:14px;position:relative;color:white}
	#footer div {position:absolute;top:20px;left:0;width:50px;height:50px }
	#footer span {position:absolute;top:30px;left:50px }
	#footer ul {position:absolute;top:30px;right:0px }
	#footer li {display:inline;padding:0 0 0 5px}
	
/* Sprites */

.key-icon{background: url(media/main-sprite.png) -5px -8px;}
.book-icon{background: url(media/main-sprite.png) -55px -9px;}
.print-icon{background: url(media/main-sprite.png) -105px -8px;}
.web-icon{background: url(media/main-sprite.png) -155px -5px;}
.recent-icon{background: url(media/main-sprite.png) -203px -6px;}
.rss-icon{background: url(media/main-sprite.png) -253px -6px;}
.about-icon{background: url(media/main-sprite.png) -303px -2px;}
.code-icon{background: url(media/main-sprite.png) -353px -2px;}
.cms-icon{background: url(media/main-sprite.png) -403px -2px;}
.dollar-icon{background: url(media/main-sprite.png) -503px -8px;}
.contact-icon{background: url(media/main-sprite.png) -5px -55px;}
.social-icon{background: url(media/main-sprite.png) -55px -57px;}
.wp-icon{background: url(media/main-sprite.png) -105px -55px;}
.digg-icon{background: url(media/main-sprite.png) -155px -55px;}
.flickr-icon{background: url(media/main-sprite.png) -200px -55px;}
.tec-icon{background: url(media/main-sprite.png) -251px -55px;}
.s-icon{background: url(media/main-sprite.png) -300px -55px;}
.visit-site{background: url(media/main-sprite.png) -1px -112px; }
.notavai-site{background: url(media/main-sprite.png) -100px -112px; }

/* Homepage Styling */

.main-web{float:left;width:300px;border-right:1px solid #d8d8d8;padding:10px 0 0 0 }
	.main-web ul{padding:10px 0 0 0;font-size:15px;color:#373e39}
	.main-web li{padding:9px 0 9px 25px;background: url(media/main-sprite.png) no-repeat -560px -12px;}
	.main-web a:link, .main-web a:visited{color:#373e39;}
	.main-web a:hover, .main-web a:hover{color:#4daa2e;}
.main-web-spacer{margin-right: 15px;}
	
#splash{background: url(media/main-splash.jpg) no-repeat;height:300px;position:relative;margin-top:6px;text-indent: -9999px;}
	#splash img {position:absolute;top:130px;right: 50px;}
	
#content{margin:20px 0 0 0}

#services{float:left;width:620px;padding-right:20px}
#blog-news{float:left;width:300px}
	#blog-news em{display: block;margin:-5px 0 0 0;font-style: normal;font-size:10px;background: url(media/main-sprite.png) -555px -61px no-repeat; padding-left:25px;height:14px }
	
.recent-projects{margin:10px 0 0 0 }
	.recent-projects div {float:left;width: 300px;padding:0 0 10px 0 }	
	.recent-projects img {border:1px solid #dbdbdb;margin:20px 0 0 0 }
	.recent-projects .spacer{margin:0 20px 0 0 }
	.recent-projects p {font-family:Tahoma,Arial}
/* Portfolio Styling */
#splash-portfolio{background: url(media/portfolio-splash.gif) no-repeat;height:151px;position:relative;margin-top:7px;text-indent: -9999px;}
	#splash-portfolio img {position:absolute;top:130px;right: 50px;}

.latest-web{margin:10px 0 0 0 }

	.latest-web .portfolio-item .wider { float:left;width:320px;} 
	.latest-web .portfolio-item .mid { float:left;width:300px;} 
	.latest-web .portfolio-item .last { float:left;width:290px;padding-left:10px} 
	.latest-web img {border:1px solid #dbdbdb;margin:20px 0 0 0 }
	.latest-web h2 {margin-top:10px}
	.latest-web ul{padding:8px 0 0 5px}
	.latest-web li{padding:7px 0 0 25px;font-family:Tahoma,Arial;background: url(media/main-sprite.png) -563px -112px no-repeat ;}
	.latest-web p  {font-family:Tahoma,Arial;margin-top:10px}
	.latest-web span {position: relative;display:block;}
	.latest-web span a {position:absolute;right:0;top:0; display:block; width:100px;height:27px;}
	
/* About Styling */
#splash-about{background: url(media/about-splash.gif) no-repeat;height:151px;position:relative;margin-top:7px;text-indent: -9999px;}
	#splash-about img {position:absolute;top:130px;right: 50px;}	
	
#skills div{float:left;width:312px}
#skills-sub ul{float:left;width:312px}
	#skills-sub li{width:270px;padding:10px;font-size:15px}
	#skills-sub .wider{width:290px;padding:10px;font-size:15px}
	#skills-sub span{float:left}	
	#skills-sub b{float:right;background: url(media/main-sprite.png) -453px -15px;width:20px;text-indent: -9999px;}


/* Services Styling */
#splash-services{background: url(media/services-splash.gif) no-repeat;height:151px;position:relative;margin-top:7px;text-indent: -9999px;}
	#splash-services img {position:absolute;top:130px;right: 50px;}
	.serv div{float:left;width:300px}
	.serv img{margin:15px 0 0 0}
	.serv .sp{width:300px;margin-right:20px}
	.serv ul{padding:0 0 0 0;font-size:12px;color:#373e39}
	.serv li{padding:8px 0 8px 25px;background: url(media/main-sprite.png) no-repeat -560px -15px;}
	.serv a:link, .serv a:visited{color:#373e39;}
	.serv a:hover, .serv a:hover{color:#4daa2e;}
	
/* Contact Styling */
#splash-contact{background: url(media/contact-splash.gif) no-repeat;height:151px;position:relative;margin-top:6px;text-indent: -9999px;}
	#splash-contact img {position:absolute;top:130px;right: 50px;}
#contact div{float:left;width:313px}
	.quoteform p{width: 270px;}
	.quoteform fieldset{width: 270px}
	fieldset input{ padding:5px;margin:5px 0 5px 0;width: 260px;border:1px solid #d2d2d2;color:#525861 ;-moz-border-radius: 3px;-webkit-border-radius: 3px;}	
	fieldset input[type=submit]{ width:135px;float:right;margin:20px 0 0 0; background: url(media/main-sprite.png) -355px -55px;height:40px;border:0;text-indent: -9999px; }	
	fieldset textarea{ padding:5px;margin:5px 0 5px 0;width: 260px;height:100px;border:1px solid #d2d2d2;color:#525861 ;-moz-border-radius: 3px;-webkit-border-radius: 3px;font-family:Arial;font-size:12px}	
	.quoteform li{ padding:15px 0 15px 50px;position:relative }
	.quoteform li span{display: block; position:absolute;top:0;left:0px;height:40px;width:40px;text-indent:-9999px ; }

/* Other Pages */

#splash-terms{background: url(media/terms-splash.gif) no-repeat;height:151px;position:relative;margin-top:7px;text-indent: -9999px;}
	#splash-about img {position:absolute;top:130px;right: 50px;}
	
#splash-privacy{background: url(media/privacy-splash.gif) no-repeat;height:151px;position:relative;margin-top:7px;text-indent: -9999px;}
	#splash-about img {position:absolute;top:130px;right: 50px;}