/* AdvancedPresence.com */

html {height: 100%; background-color:#F5F5F5; margin:0; padding:0;}
body {font-family:Arial, Verdana, Geneva, Lucinda, Lucinda grande; font-size:11px; color:#999; width:100%; height:100%; text-align:center; margin:0px; padding:0; background:url(/images/bg.jpg) repeat-x top;}

#wrapper {width:980px; margin:0px auto;}
* html #wrapper {height:100%;}

#header {width:980px; height:45px; background: #fff url(/images/header_bg.gif) top center no-repeat;}
.logo {display:block; float:left; margin:7px 0 0 10px;}

#content {width:980px; height:345px;}

div#col {position:relative; text-align:center; width:960px; }
div#col div#about {width:350px; margin-top:5px; text-align:left; float:left; padding-right:10px;}
div#col div#contact {width:340px; margin-top:5px; float:left; text-align:justify;}
div#col div#networks {width:240px; margin-top:5px; float:right;}

.about-header {width:335px; padding:20px 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF; clear:both;}
.contact-header {width:355px; padding:20px 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF; clear:both;}
.networks-header {width:235px; padding:20px 0 5px 5px; text-align:left; border-bottom:1px solid #DFDFDF; clear:both;}

.text {margin:20px 5px 0 5px; width:330px;}

div#networks ul {margin:0px; padding:0px; list-style: none;}
div#networks li {text-align:left; margin: 0px; padding:10px 0 10px 5px;; border-bottom:1px solid #EAEAEA;}
div#networks div.imgs {display:inline;margin-right:10px; vertical-align:middle;}
div#networks a.nl:link, div#networks a.nl:visited, div#networks a.nl:active {color:#999; text-decoration:none;}
div#networks a.nl:hover {color:00CCCC; text-decoration:none;}

.textinput {background-color:#F3F3F3; width:130px; height:15px; padding:0.25em 0.5em; border:1px solid #CCC; color:#666; font-size:10px;}
.textinput:focus, .textinput:hover, select:focus, select:hover {border:1px solid #999933;}
textarea#styled{background-color:#F3F3F3; padding:0.25em 0.5em; border:1px solid #CCC; color:#666; font-size:11px; width:130px; height:90px;}
.activeField {background-image: none; background-color: #EAEAEA; border: solid 1px #999933;}

div#contactform {position:relative; width:320px; margin:20px 0px 0px 10px;}
div#contactform label,input {display:block; width:120px; float:left; margin-bottom:10px;}
div#contactform label {text-align:left;	width:130px; padding-right:20px;}
div#contactform br {clear:left;}