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

body, form{margin:0px; padding:0px; background-color:#FFFFFF; font: normal 14px Arial, Helvetica, sans-serif; color:#4a4a4a;}

h1, h2, p{margin:0px; padding:0px;}

img{behavior:url(iepngfix.htc);}

hr{color:#FFFFFF;}

/* MAIN BACKGROUND STYLE */

#mainbg{background:url(../images/mainbg1.jpg) repeat-x center top; width:100%; height:900px;}

#wrapper{height:auto !important; margin:0 auto;	width:1000px; height:100%; min-height:100%;}

.clear{clear:both;}

/* HEADER STYLE */

#header_area{width:1000px; height:100px;}

#header_left{float:left; width:263px; height:100px;}

#header_right{float:right; width:737px; height:100px;}

#logo{padding:8px 0px 0px 5px; width:255px; height:75px;}

#logo a{float:left; display:block; width:255px; height:75px; background:url(../images/logo.gif) no-repeat; text-indent:-9999px;}

.hdr-top{width:737px; height:67px;}

.hdr-phone{float:right; padding:0px 17px 0px 0px; font:normal 20px 'Arial Black', Gadget, sans-serif; color:#20578d;}

.hdr-phone2{float:right; padding:0px 17px 0px 0px; font:normal 20px 'Arial Black', Gadget, sans-serif; color:#20578d; width:277px;}

.hdr-font{clear:right; float:right; padding-right:17px; font-size:16px; font-weight:bold;}

.hdr-font a{color:#4a4a4a; text-decoration:none;}

.hdr-font a:hover{text-decoration:underline;}

#hd-icon{float:left; width:420px;}

.fb-hd{float:right; padding-top:16px;}

/* MENU STYLE */

#menu_area{width:737px; height:33px;}

#navimenu{float:left; width:737px; height:26px; padding: 0px;}

#navimenu ul{list-style-type:none; margin: 0px;	padding: 0px; text-align:center; padding-left:28px;}

#navimenu ul li{width:auto;	float:left;	padding-right:24px;}

#navimenu ul li a{padding:0px 10px;	color:#316192; font-weight:bold; text-decoration:none; display:block; width:auto; height:26px; line-height:26px;}

#navimenu a:hover{color:#FFFFFF; text-decoration:none; background-color:#f56d00;}

#navimenu a.active{color:#FFFFFF; text-decoration:none;	background-color:#f56d00;}

/* BANNER STYLE */

#banner_area{width:1000px; height:266px;}

#inner-bn-container{float:left; padding-left:294px; width:463px; height:266px;}

#inner-bn-container h2{padding:50px 0px 10px 20px; color:#FFFFFF; font:normal 20px "Arial Black", Gadget, sans-serif;}

#inner-bn-container p{padding-left:20px; color:#FFFFFF;}

.bn-contactpage{width:1000px; height:266px; background:url(../images/bnr-contact.jpg) no-repeat;}

.bn-servicepage{width:1000px; height:266px; background:url(../images/bnr-services.jpg) no-repeat;}

.bn-industrypage{width:1000px; height:266px; background:url(../images/bnr-industries.jpg) no-repeat;}

.bn-aboutpage{width:1000px; height:266px; background:url(../images/bnr-about.jpg) no-repeat;}

.bn-ourworkpage{width:1000px; height:266px; background:url(../images/bnr-ourwork.jpg) no-repeat;}

.bn-seopage{width:1000px; height:266px; background:url(../images/bnr-seo.jpg) no-repeat;}

.bn-paypage{width:1000px; height:266px; background:url(../images/bnr-payperclick.jpg) no-repeat;}

.bn-frontpage{width:1000px; height:266px; background:url(../images/bnr-frontpage.jpg) no-repeat;}

.bn-webdesignpage{width:1000px; height:266px; background:url(../images/bnr-webdesign.jpg) no-repeat;}

.bn-linkbuildingpage{width:1000px; height:266px; background:url(../images/bnr-linkbuilding.jpg) no-repeat;}

.bn-prpage{width:1000px; height:266px; background:url(../images/bnr-pressrelease.jpg) no-repeat;}

.bn-articlepage{width:1000px; height:266px; background:url(../images/bnr-articlemarketing.jpg) no-repeat;}

.bn-webconwritingpage{width:1000px; height:266px; background:url(../images/bnr-webconwrite.jpg) no-repeat;}

.bn-socialpage{width:1000px; height:266px; background:url(../images/bnr-social.jpg) no-repeat;}

.bn-localmappage{width:1000px; height:266px; background:url(../images/bnr-localmap.jpg) no-repeat;}

.bn-micropage{width:1000px; height:266px; background:url(../images/bnr-micro.jpg) no-repeat;}

.bn-ptrackingpage{width:1000px; height:266px; background:url(../images/bnr-ptracking.jpg) no-repeat;}

.bn-videopage{width:1000px; height:266px; background:url(../images/bnr-video.jpg) no-repeat;}

.bn-hostingpage{width:1000px; height:266px; background:url(../images/bnr-hosting.jpg) no-repeat;}

.bn-cmspage{width:1000px; height:266px; background:url(../images/bnr-cms.jpg) no-repeat;}

.bn-blpage{width:1000px; height:266px; background:url(../images/bnr-brandlogo.jpg) no-repeat;}

.bn-lawpage{width:1000px; height:266px; background:url(../images/bnr-law.jpg) no-repeat;}

/* SUBMENU STYLE */

#submenu_area{width:1000px; height:69px; padding-bottom:7px;}

#submenu{padding-top:5px; width:1000px; height:61px;}

#submenu ul{list-style-type:none; margin: 0px;	padding: 0px; text-align:center;}

#submenu ul li{float:left;}

#submenu ul li a{display:block; text-decoration:none; text-indent:-9999px;}

li#nav1 a{width:248px; height:61px; background:url(../images/s1.jpg) no-repeat; background-position:top;}

li#nav1 a:hover{background-position:bottom;}

li#nav2 a{width:248px; height:61px; background:url(../images/s2.jpg) no-repeat; background-position:top;}

li#nav2 a:hover{background-position:bottom;}

li#nav3 a{width:248px; height:61px; background:url(../images/s3.jpg) no-repeat; background-position:top;}

li#nav3 a:hover{background-position:bottom;}

li#nav4 a{width:248px; height:61px; background:url(../images/s4.jpg) no-repeat; background-position:top;}

li#nav4 a:hover{background-position:bottom;}

li#divider{width:2px; height:61px; background:url(../images/divider.jpg) no-repeat;}

/* MID STYLE */

#mid_area{width:1000px; height:inherit;}

#midbg{float:left; width:1000px; height:inherit; background:url(../images/midbg.png) repeat-y; behavior:url(iepngfix.htc);}

#midbox{float:left; width:331px; height:auto;}

.midspacer{padding-right:3px;}

.midtop1{width:331px; height:112px; background:url(../images/webdesign.png) no-repeat top left; behavior:url(iepngfix.htc);}

.midtop2{width:331px; height:112px; background:url(../images/seo.png) no-repeat top left; behavior:url(iepngfix.htc);}

.midtop3{width:331px; height:112px; background:url(../images/dev.png) no-repeat top left; behavior:url(iepngfix.htc);}

.midtitle{padding:27px 0px 0px 97px; font:normal 19px 'Arial Black', Gadget, sans-serif; color:#20578d;}

.mid_note{padding:0px 13px 15px;}

#mid_btm{float:left; width:1000px; height:22px; background:url(../images/midbtm.png) repeat-x; behavior:url(iepngfix.htc);}

#learn{padding-bottom:20px;}

#learn ul{padding:0; margin:0; width:113px; height:14px;}

#learn ul li{padding-left:13px; list-style-type:none;}

#learn li a{display:block; width:113px; height:14px; text-decoration:none; color:#AFAFAF; background:url(../images/learnbutton.gif) no-repeat; background-position:top;}

#learn a:hover{background-position:bottom; color:#f56d00;}

/* CONTENT STYLE */

#content_area{width:1000px; height:inherit;}

.spacer{padding-top:16px;}

/* LEFT CONTENT STYLE */

#left_content_area{float:left; padding-left:6px; width:723px; height:inherit;}

#welcomebox{width:723px; height:auto; padding-bottom:16px;}

.cntop{width:723px; height:3px; background:url(../images/cntop.gif) no-repeat;}

.cnbg{width:723px; height:auto; background:url(../images/cnbg.gif) repeat-y;}

.cnbtm{width:723px; height:3px; background:url(../images/cnbtm.gif) no-repeat;}

.wbg{width:723px; height:auto; background:url(../images/wbg.jpg) no-repeat top center;}

#content_note h2{padding:20px 0px 10px 20px; font:normal 25px "Arial Black", Gadget, sans-serif; color:#000000;}

#content_note p{text-align:justify; padding:0px 20px 10px;}

#content_note ul{margin:0; padding:0; padding:0px 0px 15px 60px;}

#content_note li{padding-bottom:6px;}

#content_note li a{color:#4a4a4a; font-weight:normal;}

#content_note ul ol{margin:0; padding:0;}

.bigtitle{color:#20578d;}

#content_note a{text-decoration:none; color:#20578d; font-weight:bold;}

#content_note a:hover{text-decoration:underline;}

.readbox{height:15px; width:auto; padding-bottom:15px;}

#read ul{padding:0; margin:0; width:113px; height:14px; float:right; padding-right:30px;}

#read ul li{padding-left:13px; list-style-type:none;}

#read li a{display:block; width:113px; height:14px; text-decoration:none; color:#AFAFAF; background:url(../images/learnbutton.gif) no-repeat; background-position:top;}

#read a:hover{background-position:bottom; color:#f56d00;}

#featured_box{width:723px; height:151px; padding-bottom:25px;}

.feat-left{float:left; width:197px; height:151px; background:url(../images/feat-left.gif) no-repeat;}

.feat-bg{float:left; width:517px; height:151px; background:url(../images/feat-bg.gif) repeat-x;}

.feat-right{float:right; width:9px; height:151px; background:url(../images/feat-right.gif) no-repeat;}

.ftbg_left{float:left; width:310px; height:151px;}

.ftbg_right{float:right; width:207px; height:151px;}

.ftbg_left p{padding:17px 20px; color:#3b6b9c;}

#cstudy{width:190px; height:26px; padding-left:20px;}

#cstudy a{display:block; width:190px; height:26px; background:url(../images/cstudy.jpg) no-repeat; background-position:top; text-indent:-9999px;}

#cstudy a:hover{background-position:bottom;}

.ft_thumbnail{padding-top:9px;}

/* RIGHT CONTENT STYLE */

#right_content_area{float:right; padding-right:6px; width:252px; height:inherit;}

#estimate_box{width:252px; height:auto; background-color:#F0F0F0; margin-bottom:16px;}

.estimate_form{background-color:transparent;}

.est_top{width:252px; height:48px;}

.esttop_title{padding-left:22px; font:normal 20px 'Arial Black', Gadget, sans-serif; color:#2c5700; height:48px; line-height:48px;}

.estbtm{width:252px; height:82px; background:url(../images/estbtm.jpg) no-repeat;}

.est_button{padding:25px 0px 0px 16px;}

#callbox{width:252px; height:151px; background:url(../images/callbg.gif) no-repeat; margin-bottom:10px;}

.call_font p{padding:15px 0px 0px 13px; font-size:18px; font-weight:bold; color:#a50000;}

.call_phone{font:normal 20px 'Arial Black', Gadget, sans-serif; color:#000000;}

.call_font a{color:#000000;}

/* FOOTER STYLE */

#footer_area{clear:both; width:100%; height:398px;}

#footerbg{float:left; width:100%; height:398px; background:url(../images/footerbg.gif) repeat-x;}

#footer_wrapper{margin:0 auto; padding:0; width:1000px; height:398px;}

#footer_top{padding-top:13px; width:1000px; height:258px;}

#footer_btm{width:1000px; height:120px;}

.fttop_left{float:left; padding-left:18px; width:276px; height:258px;}

.fttop_mid{float:left; width:472px; height:258px;}

.fttop_right{float:right; padding-right:18px; width:216px; height:258px;}

.fttop_title{padding-top:18px; font:normal 20px 'Arial Black', Gadget, sans-serif; color:#f2c544;}

.fttop_white{padding-top:18px; font:normal 20px 'Arial Black', Gadget, sans-serif; color:#FFFFFF;}

#services ul{margin:0; padding:0; color:#FFFFFF; padding:10px 0px 0px 18px; list-style-type:square;}

#services li{padding-bottom:6px;}

#services li a{text-decoration:none; color:#FFFFFF;}

#services li a:hover, #click4more a:hover, .footer_menu a:hover{text-decoration:underline;}

#click4more a, .footer_menu a{text-decoration:none; color:#FFFFFF;}

#connect ul{margin:0; padding:0; padding-top:17px; list-style-type:none;}

#connect li{width:216px; height:30px; padding-bottom:10px;}

#fb a{display:block; padding-left:40px; width:176px; height:30px; line-height:30px; color:#FFFFFF; text-decoration:none; background:url(../images/fb.gif) no-repeat; background-position:top;}

#fb a:hover{background-position:bottom; text-decoration:underline;}

#twitter a{display:block; padding-left:40px; width:176px; height:30px; line-height:30px; color:#FFFFFF; text-decoration:none; background:url(../images/twitter.gif) no-repeat; background-position:top;}

#twitter a:hover{background-position:bottom; text-decoration:underline;}

#linkedin a{display:block; padding-left:40px; width:176px; height:30px; line-height:30px; color:#FFFFFF; text-decoration:none; background:url(../images/linkedin.gif) no-repeat; background-position:top;}

#linkedin a:hover{background-position:bottom; text-decoration:underline;}

#rss a{display:block; padding-left:40px; width:176px; height:30px; line-height:30px; color:#FFFFFF; text-decoration:none; background:url(../images/rss.gif) no-repeat; background-position:top;}

#rss a:hover{background-position:bottom; text-decoration:underline;}

#footer_logo{float:left; padding-left:18px; width:276px; height:75px;}

#footer_logo a{display:block; width:276px; height:75px; background:url(../images/footerlogo.gif) no-repeat; text-indent:-9999px;}

.footer_menu{float:right; padding:10px 18px; color:#FFFFFF;}

.copyright{clear:right; float:right; color:#FFFFFF; padding-right:18px;}