/*
CSS file created with:Instant Blueprint - Create a web project framework in seconds.
http://instantblueprint.com

Project: Hoxxybydesign v3
File: css/style.css
Last edited: June 2, 2010, 2:30 pm

  Fixed page shift by adding permanent scrollbar */


/*  Main  */
body {
background:#F6EEE3 url(../images/stripes.gif) repeat-y;
color:#666;
font:14px/20px "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
line-height:1.5;
}

#header {
max-width:1016px;
text-align:right;
}

div.tab {
-moz-border-radius-bottomright:45px;
-moz-border-radius-topright:45px;
-webkit-border-bottom-right-radius:45px;
-webkit-border-top-right-radius:45px;
background:#CC333F url(../images/h2-bg.gif);
border:solid #aa222d;
border-width:0 1px 2px 0;
clear:both;
color:#F6EEE3;
font-size:26px;
margin:2px 0;
max-width:972px;
padding:11px 40px 10px 0;
text-align:right;
text-shadow:2px 1px 0 #aa222d;
}
div.tab span {
cursor:pointer;
}

.content {
background:#F6EEE3;
max-width:996px;
margin:-3px 0 0;
padding:10px 20px;
}

.content ul {
display:block;
height:400px;
margin:0 auto;
}

.content li {
display:inline;
float:left;
margin:5px 20px 5px 0;
width:312px;
}

.content img.work {
border:1px solid #CC333F;
display:block;
padding:5px;
}

.content div.wrk {
background:#F6EEE3 url(../images/zoom.png) no-repeat top center;
}

.content a {
color:#CC333F;
display:block;
text-decoration:none;
}

.content h3 {
border-bottom:1px solid #CC333F;
color:#CC333F;
font-size:16px;
font-weight:400;
margin:5px 0 0;
text-align:left;
}

.content ul li em {
font-size:11px;
font-style:normal;
padding:0 0 0 3px;
text-align:left;
text-transform:uppercase;
}

#about,#work,#contact,#cmore {
display:none;
}

#about h2 {
padding:40px 0 0;
}

#about img {
float:right;
padding:10px 0 10px 20px;
}

#contact p {
display:inline;
float:left;
margin:20px 0 40px 30px;
width:400px;
}

#Contactform {
float:left;
}

/*  Typography  */
h2 {
color:#CC333F;
font-size:16px;
font-weight:400;
text-align:left;
}

p {
margin:0 0 10px;
text-align:justify;
}

/*  Forms  */
form {
text-align:left;
}

label {
display:block;
margin:0 0 2px 30px;
}

input {
background:#e8e3de;
border-bottom:1px solid #e5e5e5;
border-left:2px solid #bbb7b0;
border-right:1px solid #e5e5e5;
border-top:2px solid #bbb7b0;
color:#666;
margin:0 0 5px 30px;
padding:7px 5px;
width:450px;
}

textarea {
background:#e8e3de;
border-bottom:1px solid #e5e5e5;
border-left:2px solid #bbb7b0;
border-right:1px solid #e5e5e5;
border-top:2px solid #bbb7b0;
clear:both;
color:#666;
height:70px;
margin:0 0 5px 30px;
overflow:auto;
padding:5px;
width:450px;
}

input:hover,textarea:hover {
background:#fff;
}

input#btn {
-moz-border-radius:15px;
-webkit-border-radius:15px;
background:#CC333F;
border:0;
color:#fff;
cursor:pointer;
display:block;
height:36px;
margin:5px 0 0 190px;
text-transform:uppercase;
width:150px;
}

#error {
float:right;
color:#CC333F;
margin:30px 0 0 50px;
font-weight:700;
}

.clear {
clear:both;
}

#footer {
display:block;
font-size:11px;
max-width:996px;
padding:20px 0;
text-align:right;
}