/* ////////////////////////
///////////////////////////
////////////////// main css 
//////// paxtoncreative.com
//////////////////////// */

@import url('reset.css');
html, body {height: 100%;}
body {background: #f2f2f2 url('../images/back_sliv.png') repeat fixed right top; font-family: Verdana, Helvetica, sans-serif;}
#top {height: 42px;}

/* //////// begin nav_bar */
#nav_bar {position: absolute; width: 90px; float: left; z-index: 1; padding: 0 0 0 5px;}
#nav_block {width: 90px; height: 228px; padding: 0 0 0 30px;}
#logo {width: 304px; height: 63px; background: url('../images/pax_logo.png') no-repeat; text-indent: -9999px;}
#logo a {width: 304px; height: 63px; display: block; text-indent: -9999px;}
#navigation {width: 100px; height: 150px; padding: 30px 0 0 0;}
#port_nav {width: 80px; height: 39px; padding: 0 0 0 0; overflow: hidden;}
#about {height: 21px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #292929;}
#portfolio {height: 21px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #292929; padding: 13px 0 0 0;}
#about:hover, #portfolio:hover {color: #eef6e5;}
#sub_nav {padding: 13px 0 0 5px;}
#sub_nav li {padding: 0 0 7px 0;}
#sub_nav a {font-size: 10px; text-transform: uppercase; color: #eef6e5; text-align: left;}
#sub_nav a:hover {padding: 0 0 0 7px; color: #292929;}
/* ////////////////////// */

/* //////// begin content */
#content {position: absolute; left: 50%; margin-left: -350px; top: 50%; margin-top: -247px;}
#slideshow {width: 700px; height: 494px;}
#about_content {position: absolute; left: 50%; margin-left: -320px; top: 50%; margin-top: -213px;}
#about_middle {width: 640px; height: 426px; background-color: #fdfffe;}
#about_text {width: 410px; height: 260px; font-size: 14px; line-height: 22px; color: #292929; padding: 84px 0 0 118px;}
.green {color: #6EAB23;}
.bold {font-weight: bold;}
.pad_bottom {padding: 0 0 24px 0;}
/* ////////////////////// */

/* ///// begin bottom_info */
#bottom {position: absolute; height: 87px; bottom: 0; width: 100%; z-index: 2;}
#bottom_info {position: absolute; width: 300px; height: 50px; padding: 21px 0 5px 42px;}
#bottom_info p, #bottom_info a {font-size: 10px; text-transform: uppercase; color: #eef6e5; white-space: pre;}
#bottom_info a:hover {color: #000000;}
#facebook, #twitter {width: 23px; height: 23px; position: relative; top: -6px; float: left; display: block; text-indent: -9999px;}
#facebook {margin-right: 30px; background-image: url('../images/FaceBook_23_sprite2.png');}
#facebook:hover {background: url('../images/FaceBook_23_sprite2.png') 0 -23px;;}
#twitter {margin-right: 20px; background-image: url('../images/Twitter_23_sprite.png');}
#twitter:hover {background: url('../images/Twitter_23_sprite.png') 0 -23px;}
/* /////////////////////// */