/*****************/
/* HTML Elements */
/*****************/

*
{
	margin: 0;
	padding: 0;
}

body
{
	height:100%;
	color: #403E3E;
	font-size: 13px;
	text-decoration:none;
	background-position:bottom right;
	background-repeat:no-repeat;
	background-attachment:fixed;	
	font-family: Helvetica;
}

a
{
	outline: none;
	cursor: pointer;
	text-decoration:none;
}

a:active
{
	outline: none
}

a img
{
	border: none
}

p
{
	padding:5px 15px 0px 0px;
}

input, select, textarea
{
	border-width:1px;
	outline:none;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:2px;
}

/******************************************************************************************************/
/* Main template blocks */
/******************************************************************************************************/

#main
{
	width:1026px;
	margin: 0 auto;
	padding-bottom:31px;
	position:relative;
}

#contentwide,#content
{
	clear:both;
	float:left;
	width:100%;
}

#content
{
	font-size:12px;
	color:#403e3e;
	min-height:500px;
}

#content_padding
{
	padding:15px 50px 0px 15px;
}

#heading
{
	clear: both;
	width: 100%;
	height: 45px;
	line-height: 35px;
}
	
#heading .generated_heading
{
	display: inline;
	margin:15px 0 0 15px;
	clear: both;
}

#heading_extra
{
	float: right;
}

.img_bar
{
	padding:15px 0px 20px 0px;
}

#spacer
{
	height:31px;
	width:100%;clear:both;
}

/******************************************************************************************************/
/* Contact_us popup box */
/******************************************************************************************************/

#contactUs
{
	padding:15px;
	position:relative;
	top: -135px;
	left: 250px;	
	width:340px;
	height:70px;
	border: solid 1px;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;	
	opacity: 0.9;
	float:left;
	font-weight:bold;
}
/******************************************************************************************************/
/* Footer block */
/******************************************************************************************************/

#footer_menu
{
	width:631px;height:30px;white-space:nowrap;overflow:hidden;
}
#footer_menu a{height:30px;display:block;float:left;background-image:url(../img/buttons/footer_menu.png);}

#workButton{width:60px;background-position:0px 0px}
#workButton:hover{width:60px;background-position:0px -30px}
#workButton.active{width:60px;background-position:0px -60px}

#showreelButton{width:80px;background-position:-60px 0px}
#showreelButton:hover{background-position:-60px -30px}
#showreelButton.active{background-position:-60px -60px}

#shopButton{width:60px;background-position:-140px 0px}
#shopButton:hover{background-position:-140px -30px}
#shopButton.active{background-position:-140px -60px}

#crewButton{width:60px;background-position:-200px 0px}
#crewButton:hover{background-position:-200px -30px}
#crewButton.active{background-position:-200px -60px}

#aboutButton{width:65px;background-position:-260px 0px}
#aboutButton:hover{background-position:-260px -30px}
#aboutButton.active{background-position:-260px -60px}

#blogButton{width:55px;background-position:-325px 0px}
#blogButton:hover{background-position:-325px -30px}
#blogButton.active{background-position:-325px -60px}

#twitterButton{width:70px;background-position:-380px 0px}
#twitterButton:hover{background-position:-380px -30px}
#twitterButton.active{background-position:-380px -60px}

#partnersButton{width:80px;background-position:-450px 0px}
#partnersButton:hover{background-position:-450px -30px}
#partnersButton.active{background-position:-450px -60px}

#contactusButton{width:101px;background-position:-530px 0px}
#contactusButton:hover{background-position:-530px -30px}
#contactusButton.active{background-position:-530px -60px}

#footer
{
	height:31px;
	width: 100%;
	bottom:0;
	position:fixed;
	z-index:1000;
	background:url("../img/template/bottomTile.png") repeat-x;
}

#footerWrap
{
	width:1026px;
	margin:auto;
}

#footer span#partners {font-size:14px;vertical-align:middle;}

#footer span, #footer span img
{
	vertical-align:middle;
	padding:0px 5px;
}

#katana_logo{text-align:center;padding:30px 0px}

/******************************************************************************************************/
/* Right side block */
/******************************************************************************************************/

#rightPart 
{
	position:fixed;
	top:0px;
	left:50%;
	margin-left:204px;
	width:100%;
	font-family:Futura LT Light;
	font-size:11px;
	min-height:300px;
	height:100%;
	background:url('../img/template/RightTile.png') repeat-y;
}

#twitterFeed
{
	clear:both;
	margin:20px 0;
}

#rightText 
{
	padding:15px 15px 50px 15px;
	text-transform:uppercase;
}

.twitter
{
	float:left;
	margin:5px 0 0 15px;
	text-transform:uppercase;
}

.followus 
{
	float:right;
	padding:0 50px 0 0;
	text-transform:uppercase;
}

.followus a
{
	height:16px;
	line-height:16px;
	padding-top:2px;	
}

.followus img
{
	float:left;
	margin-left:5px;
}

.tweet 
{
	padding:10px 10px 0 15px;
	font-size:12px;
}

.tweet_link 
{
	padding:0 10px 0 15px;
	font-size:10px;
}

/******************************************************************************************************/
/* Headings */
/******************************************************************************************************/
.generated_heading {display:block; margin-bottom: 15px;}

.round_box
{
	height:26px !important;
	width:180px;
	line-height:26px;
	border-width:1px !important;
	margin-right:15px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	text-align:left;
	padding-left:10px;
}

.round_box #email{margin: 0 !important; width:170px !important}
.textarea_round_box
{
	height:120px !important;
	width:180px;
	line-height:26px;
	border-width:1px !important;
	margin-right:15px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	text-align:left;
	padding-left:10px;
}

.textbox
{
	border-width:0 !important;
}

/******************************************************************************************************/
/* Misc helpful classes */
/******************************************************************************************************/

.fullwidth{width: 100%}
.star{font-size:13px; margin-right:5px;}
.hbox{clear:both}
.generated_button{display:block;height:23px}
.generated_button input{border-width:0}
.left{float:left}
.right{float:right}
.center,.centre{margin:auto;text-align:center}
.hidden{display:none}
.clearing{clear:both}

/******************************************************************************************************/
/* Home Page Block   */ 
/******************************************************************************************************/

.result
{
	display:block;
	float:left;
	height:170px;
	text-align:center;
	width:150px;
	margin-top:20px;
}

.info{margin:5px 0 0;}

.project_name
{
	color:#403e3e;
	font-size:13px;
}

.project_format
{
	color:#afaeae;
	font-size:11px;
	text-transform:uppercase;
}

#work_form_box
{
	margin:10px;
}

.worktitle
{
	clear: both;
	font-weight: bold;
	color:#403e3e;
	font-size:14px;
	text-transform:uppercase;
	padding: 15px 0;
}

.websiteText
{
	color:#403e3e;
	font-size:12px;
	text-align:justify;
}

.worktable{padding-top:15px;}

.worklink{color:#403e3e;}

.worklinkselect{color:#9a9a9a;}