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

body{margin:0; padding:0;
	 font-family: "Trebuchet MS", Arial, sans-serif; font-size:.85em; color:#666;
	 line-height:1.5em; background:#333;}
.clear{clear:both;}
.orange{color:#cc3300;}

a img{border:none;}
.white{color:#fff; background:#666; padding:0px 5px;}
h1 {	font-family:"Trebuchet MS", "Myriad Pro", Arial; font-size:2em;	color:#333;	font-weight:normal;	letter-spacing:-0.025em; margin:.25em 0;}
h1.pagetitle {	font-size:2.5em; line-height:1.05em;}
h2 {	font-family:"Trebuchet MS", "Myriad Pro", Arial; font-size:1.8em;	color:#666;	font-weight:normal;		margin:.25em 0;}
h3 {	font-family:"Trebuchet MS", "Myriad Pro", Arial; font-size:1.3em;	color:#333;	font-weight:bold;		margin:.25em 0;}
h4 {	font-family:"Myriad Pro", "Trebuchet MS", Arial;font-size:1.2em;	color:#333;	font-weight:normal;		margin:.25em 0;}
hr{height:1px; border:none; background:#ccc; color:#ccc; clear:both;}
a{color:#006699; text-decoration:none;}
a:hover{color:#006699; text-decoration:underline;}
a[target=_blank]{background:url(../images/icon_blank.gif) no-repeat center right; padding-right:12px;}

/*NAVIGATION */
#nav_contain{width:100%; height:35px; background:url(../images/menu_bg.jpg) repeat-x; margin:0; padding:0;}
#nav{width:800px; height:35px; padding:0; margin:0px auto; font-size:.85em;}
#nav ul{margin:0px auto; height:35px; padding:0; display:block; width:800px;}
#nav ul li{display:block; float:left; width:75px; height:35px; padding:0px 30px 0px 0px; text-align:center;}
#nav ul li a{width:100%; height:100%; display:block; color:#fff; text-decoration:none; }
#nav ul li a:hover, #nav ul li a.active{background:url(../images/menu_on.jpg) repeat-x; width:100%; height:100%;color:#fff;}

/* HEADER */
#header_contain{background:#fff; width:100%; margin:0; padding:20px 0;}
#header{width:800px; margin:0px auto;}
#header #logo{width:280px; height:34px; background:url(../images/webdev_logo.jpg) no-repeat; float:left;}
#header #logo a{display:block; width:100%; height:100%; }
#header #logo span{display:none;}
#header #impressedyet{background:url(../images/impressedyet.jpg) no-repeat; width:157px; height:30px; float:right;}
#header #impressedyet a{display:block; width:100%; height:100%;}
#header #impressedyet a span{display:none;}

/* SIDEBAR */
#sidebar{padding-top:5px;}
/* BANNER */
#banner_contain{background:#fff;}
#banner{ width:800px; height:320px;  margin:0px auto; background:url(../images/banner_middle.jpg) no-repeat top left; font-size:.85em;}
#wrapper{width:780px; padding:10px;}
#panes{width:780px; height:270px; overflow:hidden;  }
.pane{ width:780px; height:270px; overflow:hidden;}
#heading{display:none;}
#prevnext{float:right;}
#prevnext #previous, #prevnext #next{padding:5px; background:#333; color:#fff; cursor:pointer;}
.pane .sitescreen{width:460px;float:left; }
.pane .sitescreen img{border:7px solid #333; }
.pane .sitescreen img.png{border:none;}
.pane .sitedetails{float:left; width:310px; padding-top:40px;}
.pane h1{font-size:2.1em; line-height:1em;}
.pane h2{font-size:2em;}
.pane h3{}
.pane strong{padding:3px; background:#333; color:#fff; font-weight:normal;}
.pane ul{margin:0; padding-left:15px; font-size:.9em;}
.pane li{margin:0; padding:0; list-style:none;}
/*MAINBODY */
#mainbody_contain{background:url(../images/mainbodybg.jpg) repeat-x bottom #fff;}
#mainbody{width:800px; padding:20px 0; margin:0px auto; font-size:.85em;}
#mainbody_left{width:460px; float:left;}
#twitter{padding-bottom:20px;}
#twitter ul{padding:0;margin:0;list-style:none;} 
#mainbody #twitter li{font-size:.9em;line-height:1.25;margin:0;padding:8px 0 8px 35px;list-style:none;background:url(../images/tweetie_2.png) left top no-repeat;}
#twitter ul{ font-size:1.25em; }

#mainbody_right{width:320px; float:left; padding-left:15px;}
#breadcrumbs{font-size:.95em; border-bottom:1px solid #ccc; margin-bottom:10px;}
#secondarymenu{ border-bottom:1px solid #ccc; text-align:right;}
/* RECENT WEB SITES */
ul.recentsites img{margin:0px; padding:5px; background:#333; border:none;}
ul.recentsites{margin:0px 0px 10px 0px; padding:0; width:800px; display:block;}
ul.recentsites li{margin:5px 0px 5px 0px;  padding:5px 50px 0px 0px; display:block; float:left; list-style:none; font-size:.95em;}

.rightcontent{background:url(../images/rightside_bg.jpg) no-repeat; padding:10px;}
.rightcontent .post:hover{background:none !important;}
.rightcontent .postdate{width:80px;}
.rightcontent .posttitle{width:210px;}
.rightcontent .testimonial{ padding:5px 0; font-family:Georgia;}

/*COMPAREBTN*/
#comparebtn{width:394px; height:62px;}
#comparebtn a{display:block; background:url(../services/images/comparepackages_btn_off.jpg) no-repeat; width:394px; height:62px;}
#comparebtn a:hover{background:url(../services/images/comparepackages_btn_on.jpg) no-repeat; width:394px; height:62px;}
#comparebtn span{display:none;}

/* FOUR SIMPLE STEPS*/
.foursteps{ margin:10px 0;}
.planning_orange{color:#ff6600;}
.design_green{color:#009900;}
.develop_blue{color:#006699;}
.maintain_blk{color:#000;}


/*PACKAGES*/
.package{width:800px;  background:#e1e1e1; clear:both; margin:20px 0;  border-bottom:1px solid #ccc;}
.package_contain{padding:5px;}
h1.package_title{ font-weight:bold;}
.package_desc{}
.package_features{}
.package_includes{width:500px; float:left;}
.package_includes ul{margin:0px 10px 0px 0px; padding-left:15px; font-size:.95em;}
.package_includes li{margin:0; padding:0; line-height:1.5em;}
.package_includes .leftcolumn{float:left;}
.package_includes .rightcolumn{float:left;}
.package_price{width:150px; float:left; padding-top:20px;}
.package_price h3{}
.package_price h1{font-size:3em; font-weight:bold;}
#customcms.package{background:url(../images/package_bg.jpg) repeat-x bottom #d0e0e6;}
#customcms.package .package_contain{background:url(../images/bestvalue.jpg) no-repeat bottom right;}
#predesignedcms.package{background:url(../images/package_bg_green.jpg) repeat-x bottom #daece3;}


#mainbody_right .post:hover{background:#d0dcef;}
#mainbody_right .post{ font-size:.95em; padding:5px;}
#mainbody_right .postdate{width:80px; float:left; }
#mainbody_right .posttitle{width:220px; float:left;}

.newsupdates .post:hover{background:#d0dcef;}
.newsupdates .post{ font-size:.95em; padding:5px;}
.newsupdates .postdate{width:80px; float:left; }
.newsupdates .posttitle{width:220px; float:left;}


#mainbody #columns{background:#333; height:315px;}
#mainbody #columns h1{color:#fff;}
#mainbody .column{float:left; width:180px; padding:10px; background:#333; color:#fff; font-size:.85em;}
#mainbody .column ul{margin:0; padding-left:10px;}
#mainbody .column li{margin:0; padding:0;}
#mainbody .column a{color:#fff;}
#mainbody .column a[target=_blank]{color:#fff; background:none; padding:0}

#mainbody .screenshot{float:left; width:460px;}
#mainbody .screenshot img{border:1px solid #ccc; background:#fff; padding:5px;}
#mainbody .details{float:left; width:320px; padding:10px; font-size:1em; line-height:1em;}
#mainbody .details p{margin:.5em 0;}
#mainbody .details ul{margin:0; padding-left:20px; line-height:1.5em;}
#mainbody .casestudy_left{width:460px; float:left; font-size:.95em; text-align:justify;}
#mainbody .casestudy_right{width:320px; padding:10px 0px 0px 20px; float:left;}
#mainbody .casestudy_right blockquote{margin:0; padding:0; font-size:1.25em;}
/*FOOTER*/
#footer_contain{background:#333; height:100px; border-top:5px solid #000; }
#footer{width:800px; margin:0px auto; padding:10px 0; font-size:.8em; color:#ccc;}
#footer a{color:#fff;}
#footer_left{width:450px; float:left; padding-right:10px;}
#footer_right{width:320px; float:left; padding-left:10px;}

/* MOOSLIDER */