/* Start of CMSMS style sheet 'Studio Space' */
@charset "UTF-8";
/* CSS Document */

body{
background-color:#474946;
color:#30373D;
font-family:Helvetica,Arial,sans-serif;
font-size:62.5%;
line-height:2em;
margin:0pt;
padding:0pt;
text-align:left;
}

h1 {
color:#CCCCCC;
font-size:1.3em;
font-weight:normal;
margin:0pt;
text-transform:uppercase;
display:block;
border-bottom:1px solid #666666;
padding: 0 0 3px 0;
margin: 0 0 20px 0;
}
h2 {
color:#8A984A;
font-size:1.2em;
font-weight:normal;
margin:0pt;
text-transform:none;
padding: 0;
text-transform:uppercase;
line-height:1.4em;
}
h3 {
color:#ee7526;
font-size:1.2em;
font-weight:bold;
letter-spacing:0.2em;
line-height:normal;
margin:0pt;
padding:0.4em 0pt;
text-transform:uppercase;
}

a {
	color:#8A984A;
	text-decoration:none
}
a:hover {
	color:#ffffff;
text-decoration:underline;
background-color:#333333;
}


a:link img {
background-color:#FFFFFF;
border:medium none;
padding:0pt;
text-decoration:none;
}
img {
border:medium none;
padding:0pt;
text-decoration:none;
}
ul {
padding:0px 10px;
}
ul li {
line-height:1.4em;
padding:0.5em 0pt 0pt;

}

table tr td{
vertical-align:top;
}

#wrap {
	width: 100%;
	
}

#wrap2 {
	width: 800px;
	text-align:left;
	margin: 0 auto;
	border:1px solid #000000;
	background-color:656763;
}
#header{
	width: 800px;
	height:175px;
	background: #000000 url("uploads/images/header.jpg") no-repeat;
	border-bottom: 1px solid #333333;
}
#logo {
float:left;
width:175px;
height:175px;
margin-left:38px;}

#content{
width:780px;
background-color:#000000;
padding:10px;
color:#FFFFFF;
text-align:left;
font-size:1.1em;
color:#b7b7b7;
text-transform:uppercase;
}

#content ul {
list-style-image: url(/uploads/images/arrow.gif) ;
margin:0 0 0 10px;
}

#content ul li {
line-height:1.2em;
padding:1.2em 0pt 0pt;
}

#content img{
padding:5px;
border:1px solid #999999;
}
#content  a:link img{
background-color:#000000;
}

#content img.noborder{
background-color:#000000;
border:medium none;
padding:0px 10px;
}
 
#content p{
line-height:1.6em;
}


#left-content{
float:left;
width:140px;
}

#middle-content{
margin-left:140px;
margin-right:30%;
padding: 0 5px;
}


#right-content{
float:right;
width:30%;
}

#clear{
clear:both;
height:1px;
}

	
	/* Rounded Corner Box */

#box {

	width: 95%;
	margin: 0 auto;
	background: #FFF;


}

	
form {
	margin:0px;
	padding:0px
}
.list ul {
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:18px
}
.list ul li a {
	color:#8A984A;
	text-decoration:underline
}
.list ul li a:hover {
	text-decoration:none
}
#footer {
background:url("uploads/images/footer.jpg") no-repeat;
width:800px;
height:67px;
}
#footer-text{
	color:#8A984A;
	padding: 10px 20px; 
	text-align:right;
}
#footer-text a {
	color:#8A984A;
	text-decoration:none
}
#footer a:hover {
	text-decoration:underline
}


.header {
	color:#B6CD4D
}
.header a {
	color:#B6CD4D;
	text-decoration:none
}
.header a:hover {
	text-decoration:underline
}
.form input {
	width:121px;
	height:20px;
	padding:2px 0 0 6px;
	border-style:solid;
	border-color:#2E2E2C;
	border-width:1px;
	background-color:#000000
}
.form textarea {
	width:121px;
	height:84px;
	color: #888888;
	overflow:hidden;
	padding:2px 0 0 6px;
	border-style:solid;
	border-color:#2E2E2C;
	border-width:1px;
	background-color:#000000
}


input.button{
color: #fff;
background: #000;
border: 1px solid #474946;
}

fieldset{
border: none;
width: 20em
}

legend
{
display:none;
}


/* End of 'Studio Space' */

/* Start of CMSMS style sheet 'Studio Space - Menu' */
#menu{
width:543px;
float:right;
margin-top:49px;
}
#menu ul{
padding:0px;

}
#menu ul li {
	height: 115px;
	float: left;
background-image: url(uploads/images/div.jpg);
background-position:top left;
background-repeat:no-repeat;
padding:0pt;
list-style-type:none;
}

#menu ul li a {
	display: block;
	width: 40px;
	height: 115px;
	background-color: transparent;
	background-repeat: no-repeat;
}

#menu ul li a i {
	display: none;
}

#menu ul li.menu-home a {
	background-image: url(uploads/images/menu_home.jpg);
	width: 44px;
}
#menu ul li.demo-reel a {
	background-image: url(uploads/images/menu_demo.jpg);
	width: 73px;
}
#menu ul li.long-format a {
	background-image: url(uploads/images/menu_longformat.jpg);
	width: 86px;
}
#menu ul li.commercial-work a {
	background-image: url(uploads/images/menu_commercial.jpg);
	width: 104px;
}
#menu ul li.experimental a {
	background-image: url(uploads/images/menu_experimental.jpg);
	width: 89px;
}
#menu ul li.photography a {
	background-image: url(uploads/images/menu_photography.jpg);
	width: 88px;
}
#menu ul li.contact a {
	background-image: url(uploads/images/menu_contact.jpg);
	width: 58px;
}


#menu ul  li a:hover,
#menu ul li.active a {
	background-position: 0px -115px;
}

.contactform {

}
.contactform fieldset legend {
	
}
div.contactform {
width:270px;
}
.contactform div label {
clear:both;
float:left;
width:100px;
}
.contactform div input,
.contactform div textarea {
background-color:black;
border:1px solid gray;
color:white;
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;
width:150px;

}
.contactform div.submit {
width:250px;
}
.contactform fieldset {
width:auto;
}
.contactform div input.fbsubmit {
background: transparent url('uploads/images/submit.jpg') no-repeat top right;
margin-top:10px;
border:none;
color:black;
margin-left:110px;
margin-bottom:25px;
}
/* End of 'Studio Space - Menu' */