/* 
Barnum Design v.01
*/


body {
font-family: helvetica, arial, sans-serif;
color: #666;
font-size: 10px;
background: #f9f6e5 url(../imgs/barnum_bg.jpg) repeat-x top;
margin: 0;
padding: 0;
}


/* structure ---------------*/

#wrapper {
display: block;
width: 760px;
margin: 0 auto;
padding: 0 30px 0 30px;
background: #fff;
border-right: #dcc9a6 3px solid;
border-bottom: #dcc9a6 3px solid;
border-left: #dcc9a6 3px solid;
}

#rule {
width: 760px;
height: 15px;
/* background: #e9f2cb; ------*/
border-bottom: #f9f6e5 2px solid;
margin: 0 0 5px 0;
clear: both;
}

#top_bar {
margin: 0 auto;
padding: 0;
width: 824px;
height: 135px;
background: #33758d url(../imgs/barnum_bg_top.jpg) repeat-x top;
}

#about {
width: 760px;
float: left;
margin: 0 0 25px 0;
}

#services {
width: 335px;
float: left;
margin: 0 0 55px 0;
}

#contact {
width: 345px;
float: right;
}

#footer {
height: 180px;
clear: both;
padding: 15px 0 0 0;
border-top: #f9f6e5 3px solid;
}

/* text styles ---------------*/

h1 {
font-size: 24px;	
color: #d7880b;
font-weight: lighter;
line-height: 20px;
}

h2 {
font-size: 16px;	
color: #d7880b;
line-height: 25px;
font-weight: normal;
margin: 0;
}

h2.title {
margin: 2px 0 0 0;
line-height: 23px;
color: #2072a1;
}

h2.features_intro {
font-size: 16px;	
color: #d7880b;
line-height: 20px;
font-weight: normal;
margin: 0;
padding: 15px 0 25px 0;
border: none;
}

h2.features_intro a {
color: #d7880b;
}

h2.features_intro a:hover {
color: #b26500;
}

h3 {
font-size: 14px;	
color: #333;
}

p {
font-size: 11px;
line-height: 15px;	
}

#rule p {
font-size: 10px;
color: #5994aa;
padding: 3px 0 0 0;	
line-height: 10px;	
}

p.th_desc {
font-size: 11px;
margin: 0;
line-height: 10px;	
}

ul.services {
margin: 20px 0 0 15px;
padding: 0;
font-size: 11px;
line-height: 22px;
}

#footer p {
size: 10px;
color: #efaf5b;	
}

#wrapper.features li {
font-size: 12px;
line-height: 16px;
}

/* anchors ---------------*/

a.login {
float: right;
margin: 3px 0 0 0;
text-decoration: none;
font-size: 9px;
color: #efaf5b;
clear: left;
}

a.login:hover {
color: #e98400;
}

ul.nav_return {
list-style-type: none;
margin: 65px 20px 0 0;
padding: 0;
float: right;
clear: both;
}

ul.nav_return li {
float: left;
list-style-type: none;
margin: 0 10px 0 20px;
}

ul.nav_return a {
color: #87c2d3;
display: block;
padding: 0 0 15px 0;
text-decoration: none;
border-bottom: #1c455b 1px solid;
font-size: 11px;
text-align: center;
}

ul.nav_return a:hover {
color: #cceaf2;
border-bottom: #87c2d3 1px solid;
}

/* future style for full main nav

ul.nav {
list-style-type: none;
margin: 65px 0 0 0;
padding: 0 10px 0 0;
float: right;
clear: both;
}

ul.nav li {
float: left;
list-style-type: none;
margin: 0 0 0 20px;
}

ul.nav a {
color: #87c2d3;
display: block;
width: 65px;
padding: 5px 0 3px 9px;
text-decoration: none;
border-left: #87c2d3 2px solid;
font-size: 13px;
}

ul.nav a:hover {
color: #cceaf2;
border-left: #cceaf2 2px solid;
}

*/

#project_th {
display: block;
width: 335px;
height: 140px;
color: #333;
text-decoration: none;
margin: 0 0 25px 0;
padding: 5px;
background: #dbf0f7 url(../imgs/projectth_bg.jpg) repeat-x top;
border: #c7e7ea	1px solid;
}

a#project_th:hover {
background: #f9f6e5;
border: #d2dcb1	1px solid;
}

#project_th.right {
float: right;
}

.right {
float: right;	
}

a.footer_links {
color: #efaf5b;
text-decoration: none;	
}

a.footer_links:hover {
color: #e98400;	
}

a.work_imgs {
display: block;
width: 245px;
height: 245px;
float: left;
border: #fff 2px solid;
margin: 0 4px 4px 0;
}

a.work_imgs:hover {
border: #d7880b 2px solid; 
}


a.casting {
color: #d7880b;
font-size: 14px;
display: block;	
width: 300px;
padding: 3px;
margin: 35px 0 0 0;
text-decoration: none;
}

a.casting:hover, a.casting:active {
color: #fff;
background-color: #d7880b;
}

/* form ---------------*/

ul.form {
list-style-type: none;
margin: 0;
padding: 0;
}

li.formentry {
float: left;
list-style-type: none;
margin: 15px 6px 0 0;
padding: 0;
}

/* 
input, textarea {
width: 340px;
background-color: #fffef8;
}
*/

input.short {
width: 80px;
}

.leftbtn {
width: 100px;
float: left;
margin: 0 0 25px 0;	
}

p.formentry {
margin: 15px 0 3px 0;	
}

.red {
font-size: 11px;
color: #e98400;	
}


/* img ---------------*/

img {
border: none;	
}

img.th {
border: #a8cfd3	1px solid;
}


/* misc ---------------*/