body { background:#fff url(../images/body_bg.jpg) repeat-x; margin:0; padding:0 0 65px 0; font-family:Arial, Helvetica, sans-serif, "Myriad Pro";}
.clear { clear:both; font-size:0; line-height:0;}

#header { width:1000px; margin:0 auto;}
a.logo { width:150px; height:58px; display:block; float:left; background:url(../images/wdc_logo.jpg) no-repeat; margin:14px 0 22px 0;}
#banner { width:1000px; background:url(../images/banner_img2.jpg) no-repeat; width:1000px; height:262px; margin:0 auto; padding:135px 0 0 0;}
#banner-new { width:1000px; background:url(../images/new_banner_img.jpg) no-repeat; height:262px; margin:0 auto; padding:135px 0 0 0;}

#banner-new2 { width:1000px; height:247px; margin:0 auto; padding:150px 0 0 0; position:relative;}
#banner-new3 { width:100%; background:url(../images/new_banner_img3.jpg) center no-repeat;}
.banner-projects { position:absolute; width:784px; height:396px; background:url(../images/banner_projects.jpg) no-repeat; left:519px; top:0px;}

p.banner-text { font-size:15px; color:#FFFFFF; margin:0; padding:0 0 19px 0; width:428px;}
p.banner-text-new2 { font-size:15px; color:#FFFFFF; margin:0; padding:0 0 19px 0; width:500px;}
a.banner-learn-more { width:229px; height:43px; display:block; margin-top:7px; }

ul.menu { list-style:none; margin:0; padding:0; float:right; width:652px; margin-top:34px;}
ul li { float:left; margin:0; padding:0;}
ul li a.home { display:block; background:url(../images/menu_home.jpg) 0px -28px no-repeat; width:81px; height:28px;}
ul li a.home:hover { background-position:0px 0px;}

ul li a.webdesign { display:block; background:url(../images/menu_webdesign.jpg) 0px -28px no-repeat; width:102px; height:28px;} 
ul li a.webdesign:hover { background-position: 0px 0px;}

ul li a.featuretour { display:block; background:url(../images/menu_featuretour.jpg) 0px -28px no-repeat; width:102px; height:28px;} 
ul li a.featuretour:hover { background-position:0px 0px;}

ul li a.pricing { display:block; background:url(../images/menu_pricing.jpg) 0px -28px no-repeat; width:71px; height:28px;} 
ul li a.pricing:hover { background-position: 0px 0px;}

ul li a.contact { display:block; background:url(../images/menu_contact.jpg) 0px -28px no-repeat; width:81px; height:28px;} 
ul li a.contact:hover { background-position: 0px 0px;}

ul li a.blog { display:block; background:url(../images/menu_blog.jpg) 0px -28px no-repeat; width:51px; height:28px;} 
ul li a.blog:hover { background-position: 0px 0px;}

ul li a.getstarted { display:block; background:url(../images/menu_getstarted.jpg) 0px -28px no-repeat; width:88px; height:28px; margin-left:15px;}
ul li a.getstarted:hover { background-position: 0px 0px;}

ul li a.login { display:block; background:url(../images/menu_login.jpg) 0px -28px no-repeat; width:61px; height:28px;}
ul li a.login:hover { background-position: 0px 0px;}

.boxes { width:1000px; margin:32px auto 0 auto;}
.box-left { width:304px; height:126px; float:left; background:url(../images/box_left.jpg) no-repeat; padding:19px 0 0 17px;}
.box-center { width:304px; height:126px; float:left; margin:0 18px; background:url(../images/box_center.jpg) no-repeat; padding:19px 0 0 17px;}
.box-right { width:304px; height:126px; float:left; background:url(../images/box_right.jpg) no-repeat; padding:19px 0 0 17px;}
p.box-heading { color:#502B82; font-size:23px; margin:0; padding:0; font-family:"Myriad Pro", Calibri, Arial;}
p.box-text { color:#626262; font-size:14px; margin:0; padding:4px 0 11px 0;}
a.box-link { color:#2161A9; text-decoration:underline; font-size:14px;}
a.box-link:hover { color:#2161A9; text-decoration:none;}

#footer { width:855px; background:url(../images/wdc_footer_logo.jpg) 0px 8px no-repeat; margin:33px auto 0 auto; padding:18px 0 0 145px; border-top:1px solid #EBEBEB; color:#ABABAB; font-size:12px;}
#footer a { color:#ABABAB; text-decoration:none;}
#footer a:hover { text-decoration:underline;}
p.copy { color:#C7C7C7; margin:0; padding:5px 0 0 0;}

#main-content { width:1022px; margin:0 auto; background:#FFF url(../images/main_content_bg.jpg) top center no-repeat;}

.left { width:195px; float:left;}
a.icon-link { display:block; width:85px; height:85px; float:left;}
