/* 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;padding:0;margin:0}
ol,ul {list-style:none;}

/* Global */
a:link, a:visited {text-decoration: none; color : #4f5c67}
a:hover, a:active{text-decoration: none ; color: black}

/*body{background: url(../images/main-bg.jpg) repeat-x white;font-family:Arial,sans;font-size:11px;color:#828282}*/
body{background: url(../images/main-bg.jpg) repeat-x white;font-family:Arial,sans;font-size:11px;color:#5e5e5e}
p{padding:5px 0 5px 0}

.orange{color:#e0683b}
.light-gray{color:#c7c7c7}
.blue {color:#0c6aaa}
.justify {text-align: justify;}
.clear{clear:both;font-size:1px;height:1px}
.center{text-align: center;}
.times {font-family:"Times new roman",Tahoma,arial;}
.narrow{width:510px}
.de{border:1px solid black}

#header {height:101px;position: relative; background: url("../images/header-top-new.png") right 0 no-repeat;z-index: 10;}
	#header div {position:absolute;top:70px;right:0px}

	#header div a {padding:9px;float: left;background: url("../images/spacer-bg.png") 0 5px no-repeat ;}
	#header div a.first {padding:9px;float: left;background: none}
	#header div a:hover {background: url("../images/menu-hover.gif") 0 3px repeat-x;color:white}
	#header div a.contact {padding:15px 9px 11px 12px}
	#header div a.why-us {padding:15px 8px 11px 8px}
	#header div a.about {padding:15px 11px 11px 8px}
	#header div a.blog {padding:15px 10px 11px 10px}
	#header div a.results {padding:15px 10px 11px 10px}
	#header div a.online-marketing {padding:15px 11px 11px 11px}
	#header div a.ppc{padding:15px 11px 11px 11px}
	#header div a.seo{padding:15px 11px 11px 11px}
	#header div a.web-design{padding:15px 11px 11px 11px}
	#header div a.current {background: url(../images/menu-hover.gif) 0 3px repeat-x;color:white}
	
	#header a#get-a-quote {display: block;width:100px;height:35px;position: absolute;top: 25px;right:0}
	#header a#get-home {display: block;width:250px;height:100px;position: absolute;top: 0;left:0;z-index: 5;}
	
	#header a#call {display: block;width:150px;position: absolute;top: 25px;left:645px;z-index: 5;font-size:11px;text-transform: uppercase;font-weight: bold;color:#828282}
	#header a#phone {display: block;width:135px;position: absolute;top: 40px;left:651px;z-index: 5;font-size:17px;letter-spacing: 1px;color:#708495;font-weight: bold;}
	
#footer {height:200px;position: relative;margin-top:10px}
	#footer ul {position: absolute;top:0;right: 0;}
	#footer ul li { display: inline;color:#4f5c67}
	#footer .right{text-align: right;}
	#footer a.orange{color:#e0683b}
	#footer #social {position:absolute;top:0;left:0;width:250px;height:25px;background:url("../images/social.png") -2px -2px no-repeat;}
	#footer #social a {position: absolute;width:16px;height:16px;top: 6px;left:0}
	#footer a#home{width:80px;height:22px;top: 0;}
	#footer a#facebook{left:91px}
	#footer a#twitter{left:113px}
	#footer a#google{left:136px}
	#footer a#linkedin{left:159px}
	#footer a#delicious{left:182px}
	#footer a#digg{left:205px}
	#footer a#technorati{left:228px}
	

/* Home Page */
#wrapper{width:900px;margin:0 auto 0 auto;position: relative;}
#logo{position: absolute;left:-170px;top:0;background: url("../images/logo-blur.png") no-repeat 1px -6px ;z-index: 2; width:600px;height:300px}

#splash {background: url("../images/splash.gif") no-repeat white;position: relative;z-index: 10;padding-bottom:20px; min-height:60px;height:auto !important;height:60px;}
	#splash h1{font-family:"Times new roman",Tahoma,arial;font-size:14px;color:white;padding-top:5px;letter-spacing: 1px;}
	#splash h2{font-family:Verdana;font-size:14px;color:#2c7eb5}
	#splash div {float:left;width:250px;padding-top:15px;text-align: justify;}
	#splash div.left{padding-left:20px}
	#splash div.mid{margin:0 55px 0 55px;}

#case-study {height: 190px;background: #dfdfc2;border-top:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;position: relative;z-index: 10;}
	#case-study div {float:left;width:200px;padding:18px 0 0 15px}
	#case-study h3 {font-size:12px;color:#d65627;padding:0 0 0 5px}
	#case-study p {font-size:10px;padding:0 0 0 5px;line-height: 14px;}

#blog {height:190px;background: white;border-bottom:1px solid #bdbdbd;}
	#blog h2 {font-family:"Times new roman",Tahoma,arial;font-size:14px;color:black;padding:20px 0 0 40px;letter-spacing: 1px;}
	#blog h3 {font-weight: normal;text-transform: uppercase;padding:10px 0 5px 0;font-size:14px}
	#blog h3 a {color:#0c6aaa}
	#blog small {font-size:10px}
	#blog p {line-height: 18px;}
	#blog div {float:left;width:375px;}
	#blog div.left {padding-left:40px;}
	#blog div.right {padding-left:90px;}

#services {background: #b9d4ec;}
	#services h1 {font-size:15px;text-transform: uppercase;padding:25px 0 25px 0}
	#services h2 {font-size:18px;text-transform: uppercase;padding:0 0 7px 22px;color:black}
	#services #top {height:15px;background: url("../images/service-top.gif") no-repeat;}
	#services #content {background: url("../images/service-cont.gif") repeat-y }
	#services div.left {float:left;padding-left:20px;width:420px}
	#services div.right {float:left;padding-left:20px;width:420px}
	#services #content p {padding:5px 20px 5px 20px;line-height: 18px;text-align: justify;}

#services-bottom {background: url(../images/service-bot.gif);height: 32px;}

/* Inner pages */

#inner-page {border-top:8px solid #3a3a3a;position:relative; z-index:20;background: url("../images/side-nav-bg.gif") repeat-y ; border-bottom:8px solid #3a3a3a;height:99.9%}
	#inner-page .side-nav {float:left;width:161px;}
	#inner-page .side-nav h1 {background:#3a3a3a;font-size:14px;color:white;padding:15px 0 15px 20px;text-transform: uppercase;}
	#inner-page .side-nav ul li{height:38px;width:161px;}
	#inner-page .side-nav ul li a{display: block; color:#919168;width:141px;padding:13px 0 10px 20px;font-size:12px;font-weight: bold;background: url("../images/side-nav-def.gif") no-repeat;}
	#inner-page .side-nav ul li a:hover {color:black;background: url("../images/side-nav-hover.gif") no-repeat white;}
	#inner-page .side-nav ul li a.current {color:black;background: url("../images/side-nav-hover.gif") no-repeat white;}
	/* Ie6 min-height hack */
	#inner-page .content {float:left;width:701px;background: white;padding:19px;line-height: 18px;min-height:500px;height:auto !important;  height:500px;}
	#inner-page .content img#eric {position: absolute;right:20px;top:620px}
	#inner-page .content strong {}
	#inner-page .content h2 {font-size:18px;color:black;padding:15px 0 15px 0}
	#inner-page .content h2.nospace {font-size:18px;color:black;padding:0 0 15px 0;margin-top:-5px}
	#inner-page .content h3 {font-size:12px;color:black}
	#inner-page .content ul {padding:0 0 0 23px}
	#inner-page .content ul.green-box li {background: url("../images/li-box.gif") no-repeat 0 6px;padding-left:12px}

#contact-form input.input {padding:2px; border: 1px solid #dadada;display: block;margin:0 0 10px 0;width:200px}
#contact-form textarea.txt {padding:2px; border: 1px solid #dadada;display: block;margin:0 0 10px 0;width:300px;height:100px;font-family: arial;font-size:12px}