/* GlobaL */

body {
margin:0;
padding:0;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size:12px;
line-height:18px;
}




/* Container */

#container {
width:943px;
margin:0 auto;
}


/* Common */

a {
color:#F45923;
text-decoration:underline;
}

a:hover {
color:#636363;
text-decoration:underline;
}

/*a:foucs {
outline:none;
}*/

form {
margin:0;
}

div.hr { 
border-bottom:1px solid #F3F3F3;
line-height: 1px; 
font-size: 1px;
height:8px;
clear : both;
color : #cccccc;
} 


.seocon {
float:left;
width:943px;
height:500px;
}

/* Header */

#headerdiv {
width:943px;
float:left;
z-index:1;
}

.seodiv{
width:933px;
float:left;
background-color:#F0F0F0;
padding-top:2px;
padding-bottom:2px;
color:#AFAEAE;
padding-left:5px;
padding-right:5px;
}

.providesupport{
float:right;
padding-top:1px;
padding-left:5px;
font-size:13px;
font-weight:bold;
}


.seodiv h1{
font-weight:bold;
text-align:center;
padding-top:0px;
padding-bottom:0px;
margin:0;
font-size:12px;
}

.topdiv {
width:943px;
float:left;
}

.logodiv {
width:308px;
float:left;
height:55px;
padding-top:5px;
padding-left:15px;
}


.topright {
width:620px;
float:left;
height:60px;
}


.contactdiv {
float:left;
width:620px;
padding-top:20px;
}

.contactdiv p {
float:right;
margin:0;
padding-right:20px;
font-weight:bold;
font-size:11px;
}

.contactdiv p img {
margin-right:10px;
float:left;
}


.teldiv {
float:left;
width:600px;
font-size:13px;
font-weight:bold;
text-align:right;
padding-right:20px;
padding-top:8px;
}

.menudiv {
float:left;
width:620px;
}

.menudiv ul {
position: relative;
height: 29px;
background-color: white;
padding: 5px;
margin: 3px 0;
overflow: hidden;
float:right;
}
				
.menudiv li {
float: left;
list-style: none;
}

.menudiv li.back {
border: 1px solid #DAB50B;
background-color: #EBC518;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
}

.menudiv li a {
font: bold 14px arial;
text-decoration: none;
color: #000;
outline: none;
text-align: center;
top: 7px;
text-transform: uppercase;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 7px;
}
.menudiv li a:hover, .menudiv li a:active, .menudiv li a:visited {
border: none;
}              


.bannerdiv {
width:883px;
height:200px;
float:left;
background:url(../images/banner.gif) no-repeat;
padding:60px 30px 60px 30px;
position:relative;
}

.bannerdiv div.main {
width:883px;
height:188px;
float:left;
background:url(../images/banmid.gif) repeat-x;
background-position:0 14px;
position:relative;
}

.bannerdiv div div.left {
float:left;
}

.bannerdiv div span.right {
float:right;
}

.bannerdiv span.right img {
margin-left:30px;
margin-right:30px;
}

.bannerdiv div div.left p {
margin:0;
font-size:32px;
font-family:tahoma;
padding-left:20px;
padding-top:30px;
}

.bannerdiv div div.left p.tagline {
margin:0;
font-size:18px;
width:530px;
color:#000;
line-height:20px;
}

.bannerdiv div div.left p.intro {
margin:0;
font-size:18px;
width:530px;
line-height:20px;
font-weight:bold;
color:#339900;
}



.in {
position:absolute;
top:0;
left:0;
z-index:100;
color:#F45923;
font-size:26px;
font-weight:bold;
margin-left:20px;
margin-bottom:10px;
padding-bottom:16px;
}


/* Middle */

#middlediv {
width:943px;
float:left;
z-index:1;
}


.midtopdiv {
width:903px;
float:left;
background:url(../images/line.gif) no-repeat center bottom;
padding-bottom:20px;
padding-left:40px;
}

.midtopdiv div.midtopleft {
float:left;
width:273px;
text-align:left;
}


.midtopdiv div.midtopleft p.tag {
font-size:24px;
color:#076ACE;
margin:0;
}

.midtopdiv div.midtopleft p.direct {
font-size:24px;
color:#F45923;
background:url(../images/arrow.gif) no-repeat center right;
margin:10px 0 0 0;
padding-bottom:6px;
padding-left:60px;
}

.midtopdiv span.midtopright {
float:left;
text-align:left;
padding-left:20px;
}


.midcontentdiv {
width:903px;
float:left;
padding-bottom:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
}

.midcontentdiv div {
width:281px;
padding-left:10px;
padding-right:10px;
float:left;
padding-bottom:20px;
}

.midcontentdiv div h1 {
font-size:16px;
margin:0;
color:#000;
border-bottom:1px dotted #AAAAAA;
height:33px;
}

.midcontentdiv div h1 img {
float:left;
margin-right:6px;
}

.midcontentdiv div h2 {
font-size:16px;
margin:0;
color:#000;
border-bottom:1px dotted #AAAAAA;
height:33px;
}

.midcontentdiv div h2 img {
float:left;
margin-right:6px;
}

.midcontentdiv div h3 {
font-size:14px;
margin:0;
color:#000;
border-bottom:1px dotted #AAAAAA;
height:33px;
}

.midcontentdiv div h3 img {
float:left;
margin-right:6px;
}

.midcontentdiv div h4 {
font-size:16px;
margin:0;
color:#000;
border-bottom:1px dotted #AAAAAA;
height:33px;
}

.midcontentdiv div h4 img {
float:left;
margin-right:6px;
}

.midcontentdiv div h5 {
font-size:16px;
margin:0;
color:#000;
border-bottom:1px dotted #AAAAAA;
height:33px;
}

.midcontentdiv div h5 img {
float:left;
margin-right:6px;
}

.midcontentdiv div h6 {
font-size:16px;
margin:0;
color:#000;
border-bottom:1px dotted #AAAAAA;
height:33px;
}

.midcontentdiv div h6 img {
float:left;
margin-right:6px;
}



.midcontentdiv div p {
margin:6px 0 0 0;
clear:both;
}

.midcontentdiv div p img {
display:block;
margin-top:5px;
}

.midcontentdiv div p img a {
text-decoration:none;
border:0;
}


/* Footer */

#footerdiv {
width:943px;
float:left;
z-index:1;
border-top:10px solid #EFEFEF;
padding-top:10px;
margin-top:10px;
}

#footerdiv div.fleft {
float:left;
width:600px;
padding-right:20px;
}

#footerdiv div.fleft ul {
margin:0;
padding:0;
list-style-type:none;
}

#footerdiv div.fleft ul li {
float:left;
}

#footerdiv div.fleft ul li a {
display:block;
margin-left:3px;
margin-right:3px;
text-decoration:none;
font-size:11px;
color:#6C6C6C;
}

#footerdiv div.fleft ul li a:hover {
text-decoration:underline;
font-size:11px;
}

#footerdiv div.fleft p {
font-size:11px;
margin:0;
clear:both;
}

#footerdiv div.fright {
float:left;
text-align:center;
padding-top:0px;
padding-bottom:0px;
margin:0;
}

.fright h1{
font-size:10px;
color:#6C6C6C;
text-decoration:none;
}



/*Inner Template Styles*/


.topheader {
width:943px;
float:left;
height:125px;
background:url(../images/topheadbg.gif) repeat-x bottom;
border-top:6px solid #F6F6F6;
}

.topheader div {
float:left;
padding:30px 0 0 12px;
}


.topheader p.mainhead {
font-size:30px;
font-family:Arial, Helvetica, sans-serif;
color:#F45923;
margin:0;
}

.topheader p.subhead {
font-size:18px;
color:#646161;
margin:8px 0 0 0;
line-height:22px;
}


.topheader img {
float:right;
padding-right:20px;
padding-top:10px;
}



.midleft {
width:235px;
float:left;
text-align:left;
padding-top:20px;
padding-bottom:20px;
}

.midright {
width:688px;
float:left;
text-align:left;
padding-top:20px;
padding-left:10px;
padding-right:10px;
}

.midright h1 {
font-size:18px;
margin:6px 0 6px 0;
}



/*Left Links*/

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

.leftlink li {
margin-bottom:12px;
border-bottom:1px solid #fff;
}

.leftlink li a {
display:block;
font-size:14px;
color:#444444;
font-weight:bold;
text-decoration:none;
background:url(../images/uncheck.gif) no-repeat left;
padding-left:16px;
border-bottom:1px solid #F3F3F3;
padding-bottom:4px;
padding-top:4px;
}

.leftlink li a:hover {
color:#F45923;
text-decoration:none;
background:url(../images/check.gif) no-repeat left;
}

.leftlink li a.selected {
color:#F45923;
text-decoration:none;
background:url(../images/check.gif) no-repeat left;
}

.leftlink li ul  {
margin:4px 0 0 10px;
padding:0;
list-style-type:none;
}

.leftlink li ul li  {
border-bottom:1px solid #fff;
padding:0;
margin:0;
}

.leftlink li ul li a  {
font-size:12px;
color:#444444;
font-weight:normal;
text-decoration:none;
background:url(../images/uncheck-mini.gif) no-repeat left;
padding-left:20px;
padding-bottom:0;
padding-top:1px;
border:0;
margin:0;
}

.leftlink li ul li a:hover  {
font-size:12px;
color:#F45923;
text-decoration:none;
background:url(../images/check-mini.gif) no-repeat left;
}

.leftlink li ul li a.selected-mini  {
font-size:12px;
color:#F45923;
text-decoration:none;
background:url(../images/check-mini.gif) no-repeat left;
}




.midright {
width:678px;
float:left;
text-align:left;
padding-top:20px;
padding-left:20px;
padding-right:10px;
}

.midright div.div {
float:left;
width:315px;
padding-right:18px;
padding-bottom:10px;
}

.midright h2 {
font-family:"Lucida Grande", helvetica, arial, verdana, sans-serif;
margin:6px 0 6px 0;
color:#333333;
font-size:22px;
line-height:22px;
}

.midright h3 {
font-family:"Lucida Grande", helvetica, arial, verdana, sans-serif;
margin:6px 0 6px 0;
color:#636363;
font-size:16px;
line-height:22px;
}

.midright p {
margin:5px 0 5px 0;
}


.midright p span {
float:left;
width:150px;
font-weight:bold;
color:#626262;
}


.midright p.leftimg img {
float:left;
margin-right:24px;
}

.midright p.rightimg img {
float:right;
margin-left:24px;
}

.midright ul {
margin:6px 0 6px 0;
padding:0;
}

.midright ul li {
margin-left:20px;
}




.hr-fade-top{
	height: 16px;
	margin: 0;
	padding: 0;
	clear: left;
	background:url(../images/hr-fade-wide-top.gif) no-repeat top left;
}

.hr-divider{
	height: 8px;
	margin: 0;
	padding: 0;
	clear: left;
}





/*BreadCrum styles*/


#bcrum span {
margin-left:4px;
margin-right:4px;
color:#CCCCCC;
}

#bcrum a {
color:#F45923;
text-decoration:none;
margin-left:4px;
margin-right:4px;
}

#bcrum a:hover {
color:#F45923;
text-decoration:underline;
}
.bcruminlink
{
color:#CCCCCC;
text-decoration:none;
margin-left:4px;
margin-right:4px;	
}
.bcruminlink:hover
{
color:#CCCCCC;
text-decoration:none;
margin-left:4px;
margin-right:4px;	
}
/*Contact Form*/

.myform{
 width:600px;
}
	/* ----------- basic ----------- */

	
	
	#basic label{
		display:block;
		font-weight:bold;
		width:200px;
		float:left;
		color:#626262;
	}
	#basic .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		width:200px;
	}
	#basic input{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	
	#basic textarea{
		float:left;
		width:200px;
		margin:2px 0 30px 10px;
	}
	
	#basic button{ 
		clear:both;
		margin-left:210px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

.button{ 
		clear:both;
		margin-left:210px;
		background:#888888;
		color:#FFFFFF;
		border:solid 1px #666666;
		font-size:11px;
		font-weight:bold;
		padding:4px 6px;
	}

	

#sitemap {
	font-size: 140%;
	list-style-type:none;
	margin:0;
	padding:0;
	}

#sitemap li {
	list-style: none;
	}
	
	#sitemap li ul {
	list-style: none;
	margin:0 0 0 10px;
	padding:0;
	}

#sitemap li ul li {
	font-size: 90%;
	background: url(../images/bullet.gif) no-repeat 0 50%;
	padding-left: 20px;
	}


	
	
	
	
.sitemap{
list-style-type:none;
margin:0 0 0 16px;
padding:0;
}

.sitemap li  {
display:block;
margin-top:5px;
margin-bottom:5px;
}

.sitemap li a  {
color:#F45923;
text-decoration:none;
background:url(../images/uncheck.gif) no-repeat left;
padding-left:20px;
}

.sitemap li a:hover  {
color:#F45923;
text-decoration:underline;
}

.sitemap li ul li {
display:inline;
}

.sitemap li ul li a {
font-size:11px;
margin-right:3px;
margin-left:3px;
color:#666;
text-decoration:underline;
background:none;
}

.sitemap li ul li a:hover {
text-decoration:none;
background:none;
}



/*  Portfolio   */

.port_outer {
background-color:#E7E7E7;
border:1px solid #A1A1A1;
padding:6px;
margin-bottom:8px;
}

.port_inner {
background-color:#fff;
border:1px solid #A1A1A1;
display:block;
padding:1px;
}



.use_credits {
display:none;
}
.moofilm {
border: 0px none;
color: white;
background-color: black;
}

.film_title {
color:#fff;
font-size:20px;
padding-bottom:4px;
padding-top:4px;
margin-left:30px;
margin-top:30px;
}


.film_info {
margin-left:30px;
line-height:30px;
}

.film_link {
margin-left:30px;
background-color:#F9A41E;
padding:4px;
color:#31302F;
text-decoration:none;
background-color:#31302F;
color:#fff;
font-size:11px;
}

.film_link:hover {
background-color:#F9A41E;
color:#31302F;
text-decoration:none;
}

.portmenu {
margin:0;
padding:0;
list-style-type:none;
}
				
.portmenu li {
float: left;
height:32px;
}

.portmenu li a {
text-transform: uppercase;
color: #000;
font: bold 14px arial;
text-decoration: none;
text-align: center;
padding-right:4px;
padding-left:4px;
margin:0 5px 0 5px;
padding-top:4px;
}

.portmenu li a:hover {
background-color: #EBC518;
color: #000;
text-decoration: none;
}

.portmenu li a.newcurrent {
background-color: #EBC518;
text-decoration: none;
}