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

/*  Colors
========================
#03344c - (headings)
#b96605 - (orange, )
#08415d - (bg)
#3990ba - (light blue)
#dca567 - (dev)
#1683a1 - (web marketing)
#5ac187 - (seo)
#784102 - 
#6771bf


=========================
*/

/*reset*/
*, html{margin:0;padding:0}
ul{list-style-type:none;}
a{text-decoration:none}
li, div, a, img{ behavior: url(iepngfix.htc) }

p{padding:10px;font-size:1.2em;line-height:1.6;color:#05303f}
h2{padding:10px;font-size:1.8em;color:#03344c;border-bottom:1px solid;text-transform:uppercase}
li.webdesign h2{border-color:#fff}
li.development h2{border-color:#dca567}
li.webmarketing h2{border-color:#1683a1}
li.seo h2{border-color:#5ac187;}
a.readmore{display:block;padding:10px;font-size:1.2em;font-weight:bold;color:#3990ba}
a.readmore:hover{color:#b96605}
div.inside{padding:20px}

body{background:url(images/bg.jpg) center top #08415d no-repeat;text-align:center;font-size:62.5%;font-family:Arial, Helvetica, sans-serif}

#wrapper{width:980px;margin:0 auto;text-align:left}
#mast{width:980px;height:394px;background:url(images/mast.jpg) no-repeat top left;clear:both}
#mast_sub{width:980px;height:136px;background:url(images/sub_mast.jpg) no-repeat top left;clear:both}
#header{margin-top:20px;}
#branding{float:left;}

#nav{float:right;margin-top:60px;}
#nav li{display:inline}
#nav li a{color:#fff;font-size:1.4em;padding:0 10px 10px 10px;text-align:center}
#nav li a:hover{border-bottom:4px solid #3990ba;}
body#home #nav li.home a, body#about #nav li.about a, body#services #nav li.services a, body#portfolio #nav li.portfolio a, body#contact #nav li.contact a{color:#3990ba;border-bottom:4px solid #3990ba;}

#content{width:980px;overflow:hidden;margin-top:10px;background:url(images/content_bg.png) repeat-x top left #fff;}
#serviceslist{margin-top:20px}
#serviceslist li{width:245px;float:left;display:block}
#serviceslist li.webdesign{background-image:url(images/webdesign_icon.png);background-position:bottom right;background-repeat:no-repeat;padding-bottom:100px}
#serviceslist li.development{background:url(images/development_icon.png) bottom right no-repeat;padding-bottom:100px}
#serviceslist li.webmarketing{background:url(images/webmarketing_icon.png) bottom right no-repeat;padding-bottom:100px}
#serviceslist li.seo{background:url(images/seo_icon.png) bottom right no-repeat;padding-bottom:100px}

#footer{background-color:#3990ba;text-align:right;}
#footer span{padding:10px 20px;color:#fff;display:block;}