* {border:0; padding:0; margin:0;}
section, nav {display:block;}

body {font-family: Union, Rockwell, Georgia, serif; font-size:16px;text-shadow: 1px 1px 1px rgba(0,0,0, .2);letter-spacing: -0.05em;}
header {width: 100%;}
section section {width: 960px; margin: 10px auto 1000px auto; display:block;}
section section section {padding-top:0; display:block}

#thecontent {width: 960px; margin: 0 auto; position:relative; float: none;}
#thecontent h2 {margin:35px 0 15px 63px; }

#offsite_links ul, nav ul {float:right;display:block; text-align:right;}
#offsite_links ul li, nav ul li {display:inline;}
#offsite_links a, nav ul li a {border:none; background: none; text-decoration:none;}
#offsite_links a:hover {border-bottom: 2px solid #ff9c32;}

#logo {background: url(../images/header.jpg); height:149px; -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
nav ul li a{-webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);}
#thelogo h1 {text-indent: -9999px;}
#thelogo a {background: url(../images/logo.png)0px 30px no-repeat; height: 135px; width: 435px; display:block;}
#offsite_links, #thelogo, nav { width: 960px; margin: 0 auto; }
nav ul li a {position: relative; top:7px; padding:7px 15px 7px 15px; font-size: 22px; background: #131313; color: #888; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; text-shadow: 1px 1px 1px rgba(255, 255, 255, .9);}
nav ul li a:hover {color: #ff9c32;text-shadow: 1px 1px 1px rgba(255, 255, 255, .4);}

#tothetop {position:fixed; bottom: 10px; right: 1px; background: url(../images/tothetop.png)0 0 no-repeat; text-indent: -9999px; width: 47px; height: 55px; z-index: 999;}

em {font-style: normal; font-weight: bold; color: #444;text-shadow: 2px 2px 2px rgba(0,0,0, .5); line-height: 1.5em; letter-spacing:0;}



#services {width:960px; float: left;}
#services p, #about p {line-height: 1.5em; margin-bottom: 1em;}
#services #design, #services #hosting {width: 430px;}
#services ul{margin-bottom: 1em;}
#services ul li {list-style:square; list-style-position: inside; text-indent: 15px; line-height: 1.5em;}

#design {float: left; background: url(../images/design.png)0 20px no-repeat;}
#hosting {float: right; background: url(../images/globe.png)0 20px no-repeat;}

#design a {float: left; background: url(../images/clipboard.png)0 0 no-repeat; padding: 15px 0 0 65px; width: 240px; height: 69px; font-size: 85%; text-decoration: none; color: #aaa;text-shadow: 1px 1px 1px rgba(0,0,0, 1); font-weight: bold; letter-spacing: 0;}
#design a:hover {color: #ff9c32;text-shadow: 1px 1px 1px rgba(0,0,0, .8);}

#recent {width: 960px; float: left; background: url(../images/work.png)0 20px no-repeat;}
#recent ul {float: left;}
#recent ul li {float: left; display: inline; margin:10px 5px;}
#recent img {padding: 3px; background: #ccc;border: 8px solid rgba(220, 220, 220, 0.9); -moz-border-radius: 5px; -webkit-border-radius:5px; border-radius:5px;}
#recent img:hover {border: 8px solid rgba(200, 200, 200, 0.65);}

#contact {width:960px; float: left; background: url(../images/contact.png)0 20px no-repeat;}
input[type="text"] { width: 350px; }
textarea { width: 650px; height: 275px; }
label { color: #555; }
input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 5px solid rgba(220, 220, 220, 0.85); padding: 10px; color: #444; font-size: 18px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: 0px; font:Union, Rockwell, Georgia, serif;}
input:focus, textarea:focus { border: 5px solid #ffcc52; background-color: rgba(250, 250, 250, 0.5); }
input[type="submit"] { border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius:5px; background:#ffcc52; border:2px solid #eee; margin:1em; padding:3px 10px; color:#fff;}
input[type="submit"]:hover { border:2px solid #ff9c32; cursor:pointer;}

#about {width: 960px; float: left; background: url(../images/info.png)0 20px no-repeat; margin-bottom: 150px;}

footer { width: 100%;float: none; clear: both; display: block; min-height: 200px; background: #333; font-size: 0.9em; color: #ddd;-moz-box-shadow: 0 -5px 10px #ccc; -webkit-box-shadow: 0 -5px 10px #ccc; box-shadow: 0 -5px 10px #ccc;border-top: 1px solid #ddd;}
footer strong {font-weight: bold; color: #ff9c32; text-shadow: 1px 1px 2px #000; font-size: 1.1em;}
footer small {font-style: italic; font-size: 0.7em;}
footer ul { width:960px; margin: 0 auto; position: relative; list-style:none; line-height: 1em;}
footer ul ul {width: inherit;}
footer ul li {width:299px; margin:10px;float: left;}
footer ul li ul li {float: none;}
footer ul li ul li ul li {margin:0;}
footer p {text-align: center; font-size: 10px;clear: left; padding-top: 1em;}

li#twitter_update_list {margin:0;}
#twitter_update_list {font-size:0.9em; line-height: 1.25em; letter-spacing:-0.04em;}
#twitter_update_list a {color: #aaa; text-decoration: none;}
#twitter_update_list a:hover {border-bottom: 1px dotted #ff9c32;}