body
{
margin: 0;
padding: 0;
background-color: #272727;
background-image: url("images/header_bg_3.jpg");
background-repeat: repeat-x;
background-position: top;
font-family: arial, verdana, trebuchet ms;
}
#container
{
margin: 0 auto;
width: 970px;
}
#nav
{
width: 970px;
height: 70px;
background: url("images/nav_bar.png") no-repeat;
padding-top: 8px;
position: relative;
}
.logo
{
left: 41px;
top: 10px;
position: absolute;
border: none;
}
#web_designer_text
{
position: absolute;
top: -53px;
right: 35px;
}
#nav_links
{
margin-left: 120px;
}
a.nav
{
font-size: 14px;
color: #ffa029;
text-decoration: none;
padding-right: 15px;
padding-left: 15px;
}
a.nav:hover
{
text-decoration: underline;
}
a.active
{
font-size: 14px;
color: #ffa029;
text-decoration: none;
padding-right: 15px;
padding-left: 15px;
background-image: url("images/nav_active.jpg");
background-position: bottom;
padding-bottom: 12px;
}
#content_container
{
position: relative;
width: 970px;
margin-top: 160px;
}
#content_container a
{
color: #dda029;
text-decoration: none;
}
#content_container a:hover
{
text-decoration: underline;
}
#content_top
{
width: 100%;
height: 13px;
background: url("images/cont_top.png") no-repeat;
}
#content
{
background: url("images/cont_repeat.gif") repeat-y;
width: 100%;
padding-top: 1px;
height: auto;
}
#content_bottom
{
width: 100%;
height: 13px;
background: url("images/cont_bottom.png");
clear: both;
margin-bottom: 50px;
}
#content h1
{
font-weight: lighter;
color: #ebc03f;
font-size: 24px;
margin: 20px 0 0 0;
}
#content p
{
color: #eee;
font-size: 14px;
margin: 10px 0 50px 0;
}
#left
{
float: left;
width: 520px;
margin-left: 40px;
}
#right
{
float: right;
width: 300px;
margin-right: 40px;
}
.side_container
{
margin-top: 30px;
position: relative;
}
.side_header
{
color: #efc64b;
font-weight: lightest;
position: absolute;
top: -17px;
left: 5px;
font-size: 18px;
}
#login_box
{
background: url("images/login_box.jpg") no-repeat;
width: 307px;
height: 72px;
overflow: visible;
padding-left: 10px;
}
#login_box table
{
margin-top: 7px;
color: #eee;
font-size: 14px;
border: none;
float: left;
}
#login_box input
{
background: #2d2d2d;
border: 1px solid #50504a;
color: #bbb;
padding: 1px;
}
#login_button
{
float: right;
height: 45px;
margin-top: 10px;
margin-right: 30px;
}
.sidebox_top
{
background: url("images/side_top.jpg");
width: 302px;
height: 18px;
}
.sidebox
{
background: url("images/side_repeat.jpg");
width: 302px;
color: #eee;
padding: 1px 0 1px 0;
}
.sidebox_bottom
{
background: url("images/side_bottom.jpg");
width: 302px;
height: 18px;
margin-bottom: 20px;
}
.sidebox ul
{
margin-top: 0;
margin-bottom: 0;
}
li.yes
{
list-style-type: square;
list-style-image: url("images/bullet_tick.jpg");
font-size: 14px;
}
li.no
{
list-style-image: url("images/bullet_cross.jpg");
font-size: 14px;
}
#portfolio_container
{
margin: 0 40px 35px 20px;
width: 900px;
float: left;
}
.portfolio
{
margin: 20px 0 0 20px;
width: 221px;
height: 221px;
float: left;
background: url("images/portfolio_bg.jpg") no-repeat;
text-align: center;
}
.portfolio img
{
width: 190px;
height: 170px;
margin: 10px 15px 10px 15px;
border: none;
}
.portfolio a
{
color: #ebc03f;
text-decoration: none;
font-size: 12px;
}
#contact_container
{
margin-top: 20px;
margin-bottom: 20px;
position: relative;
}
#contact_header
{
color: #efc64b;
font-weight: lightest;
position: absolute;
top: -17px;
left: 5px;
font-size: 18px;
}
#contact_box
{
border: 1px solid #464646;
width: 700px;
}
#contact 
{
border: none;
margin: 10px;
}
#contact span
{
color: #efc64b;
font-size: 12px;
padding: 10px;
}
.input
{
background: #101010;
border: 1px solid #464646;
padding: 2px;
color: #9f9f9f;
font-family: arial, verdana, trebuchet ms;
font-size: 12px;
}
.submit
{
background: #101010;
border: 1px solid #565656;
padding: 5px;
color: #efc64b;
font-family: arial, verdana, trebuchet ms;
font-size: 12px;
}
a.logout
{
font-size: 14px;
color: #7d7d7d;
text-decoration: none;
padding-right: 15px;
padding-left: 15px;
}
a.logout:hover
{
text-decoration: underline;
}
.client_box
{
margin: 20px 20px 0 20px;
width: 221px;
height: 221px;
float: left;
background: url("images/portfolio_bg.jpg") no-repeat;
text-align: center;
}
.client_box h3
{
font-weight: lighter;
color: #ebc03f;
font-size: 24px;
margin: 20px 0 0 0;
}
.client_box span
{
font-weight: lighter;
color: #eee;
font-size: 24px;
margin: 20px 0 0 0;
}
#message_box
{
border: 1px solid #464646;
width: 600px;
margin: 20px;
margin-top: 50px;
position: relative;
}
#client_side_box
{
background: url("images/login_box.jpg") no-repeat;
width: 307px;
height: 72px;
overflow: visible;
position: absolute;
right: 20px;
}
#client_side_box h5
{
font-weight: lighter;
color: #ebc03f;
font-size: 20px;
margin: 10px 0 0 20px;
}