/* GENERAL STYLES */
* {padding: 0; margin: 0;}
body {text-align: center; background: #fff; font-family: helvetica, Arial, verdana, sans-serif; font-size: 12px; color: #666;}
p {line-height: 19px; margin: 10px 0;}
button {cursor:pointer; border:0; background: none;}
.clear {clear: both;}
a img {border: none;}
a img {cursor: pointer;}
ul, ol {list-style: none;}
.hide {display: none;}
a:link, a:visited {text-decoration: none; color: #666;}
a:hover, a:active {text-decoration: none; color: #900;}
.img_replace{ /* apply image replacement */ text-indent:-999999px; text-align:justify; overflow:hidden;}
.left_49 {float: left; width: 49%;}
.right_49 {float: right; width: 49%;}
.float_right {float: right;}
.float_left {float: left;}

/* LAYOUT */

#wrapper {width: 850px; margin: 0 auto; text-align: left;}
#logo {margin-top: 40px;}
#header {position: relative;}
#footer {text-align: center;}
#home_content, #port_content {position: relative;}
#flash {position: absolute; top: 0; left: 14px; z-index: 1;}
#home_png, #port_png {position: absolute; top: 50px; left: 28px; background: transparent url(../images/home_bg.png) 0 0 repeat-y; width: 800px; z-index: 100;}
#port_png {top: 20px;}
#port_body, #grey_bg 
{position: absolute; top: 120px; left: 28px; background: transparent url(../images/port_body.png) 0 0 repeat-y; width: 800px; z-index: 100; padding: 20px;}
#grey_bg {top: 20px;}
#portfolio_main, #contact_main {min-height: 400px; background: #999; width: 800px; position: absolute; top: 150px; left: 28px; padding-bottom: 30px;}
#port_flash {position: absolute; top: 85px; left: 24px; z-index: 1;}

#contact_main {top: 180px; min-height: 330px;}

/* NAVIGATION */

#nav ul {position: absolute; top: 35px; right: 20px;}
#nav ul li {text-transform: uppercase; display: inline; font-weight: normal; letter-spacing: -1px; font-size: 14px; margin: 0 10px;}
#nav ul li a {font-family: "Futura", Helvetica, arial, verdana, sans-serif;}
#home_page #nav ul li#nav_1 a,
#work_page #nav ul li#nav_2 a,
#contact_page #nav ul li#nav_3 a,
#about_page #nav ul li#nav_4 a,
#pricing_page #nav ul li#nav_5 a
{color: #900;}

/* TEXT */
#footer p, #footer a {color: #999; text-transform: lowercase;}
#home_png p, #port_png p, #grey_bg p {color: #fff; padding: 8px 20px; font-size: 16px; line-height: 23px;}
#port_png p, #grey_bg p {padding: 0 20px; font-size: 16px;}
#grey_bg p {padding-left: 0;}
ul.port_body_ul li {display: inline; margin: 0 10px; z-index: 400;}
ul.port_body_ul {margin-bottom: 20px;}

#portfolio_main h2 { padding: 15px 0 30px 550px; color: #fff; font-size: 18px; font-weight: normal; }
#portfolio_main p {padding: 5px 0 5px 550px; color: #fff;margin-right: 20px; line-height: 16px;}
#portfolio_main p a:link, #portfolio_main p a:visited {color: #000; text-decoration: none;} 
#portfolio_main p a:hover,  #portfolio_main p a:active {color: #fff; text-decoration: underline;}
#portfolio_main p a.white_link {color: #fff;}
#contact_main h2 {padding: 15px 0 0px 550px; font-size: 18px; font-weight: normal; color: #fff;}
#contact_main p {color: #fff; padding: 8px 0 8px 550px;}

/* form */

#contact_form {position: absolute; top: 15px; left: 14px;}
fieldset {border: none;}
label {display: block; color: #fff; margin: 0 10px;}
#contact_form div {margin: 10px;}
#contact_form input, #contact_form textarea {width: 280px;}
textarea {height: 100px;}