/*
	318 Studios stylesheet
	
	Palette
	
	background black		#2a2a2a
	background grey			#444
	text grey				#aaa
	
*/






/* default body 
------------------------------------------------------------*/

body { 
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 62.5%;
	font-family: Verdana, Arial, san-serif;
	color: #aaa;
	background-color: #2a2a2a;
	text-align: center;
	}

#page	{
	width: 960px;
	margin: 25px auto;
	padding: 0;
	text-align: left;
	position: relative;
	}

.accessfeature	{
	position: absolute;
	top: -999em;
	left: -999em;
	}

hr	{
	visibility: hidden;
	clear:both;
	height:1px;
	border:1px;
	margin:0;
	padding:0;
	}



/*index body
---------------------------------------------------------*/
body.index #thumbs{
display:none;
}

body.index #content	{
	margin: 30px 0 20px 240px;
	width: 630px;
	border: 18px solid #444;
	padding: 0;
	background-color: #444;
	}

body.index #content p{
margin: 0px 0px 1em 0px;
}

#content p.index{
padding: 3px 10px;
font-size:10px;
}

body.index img.right{
float:right;
padding:0 0 0px 18px;}


body.index img.rightb{
float:right;
padding:0 0 0px 0px;}

/* about body
----------------------------------------------------------- */	

body.about #thumbs{
display:none;
}

body.about #content	{
position:relative;
	margin: 30px 0 20px 240px;
	width: 630px;
	height: auto;
	border: 18px solid #444;
	padding: 0;
	background-color: #444;
	}

body.about #content p{
margin: 0px 0px 1em 390px;
font-size:.9em;
line-height:1.4em;
text-align:justify;
}

.floatleft{
float:left;
padding:0px 10px;

}



/*	header
----------------------------------------------------------- */	
	
#header	{
	position: relative;
	height: 60px;
	margin: 0;
	padding: 0;
	}
	
#header h1	{
	position: absolute;
	top: -999em;
	left: -999em;
	}

#header a img	{
	display: block;
	border: 0;
	position: absolute;
	top: 0;
	left: 0;
	}

/*	Partners menu
----------------------------------------------------------- */	

#partners	{
	margin: 7px 0 30px 215px;
	padding: 0;
	}

#partners ul	{
	margin: 0 0 0 22px;
	padding: 0;
	list-style-type: none;
	}

#partners ul li	{
	display: inline;
	margin: 0 0 0 3px;
	text-transform: uppercase;
	vertical-align: text-bottom
	}

#partners ul li a	{
	font-size: 10px;
	color: #aaa;
	text-decoration: none;
	background-color:#444;
	padding:5px 19px;
	}

#partners ul li a:hover	{
	color: #444;
	background-color: #aaa;
	}

#partners ul li.selected a	{
	color: white;
	}

	
/*	Main menu
----------------------------------------------------------- */	

#menu	{
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	top: 109px;
	left: 10px;
	}

#menu ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}

#menu ul li	{
	margin: 0 0 15px 0;
	padding: 0;
	border: 0;
	}
	
#menu ul li a	{
	display: block;
	color: #aaa;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 20px;
	}

#menu ul li a:hover	{
	color: white;
	}

#menu ul li ul	{
	margin: -20px  0 0 70px;
	width: 140px;
	}

#menu ul li ul li	{
	border-bottom: 1px solid #2a2a2a;
	margin: 0;
	}
#menu ul li ul li a	{
	background-color: #444;
	padding: 3px 5px;
	line-height: 14px;
	}

#menu ul li ul.sector li a	{
	text-transform: lowercase;
	letter-spacing: 3px;
	}

#menu ul li ul.contact li a	{
	text-transform: none;
	letter-spacing: 0;
	}

#menu ul li ul li a:hover	{
	color: #444;
	background-color: #aaa;
	}

/*	Thumbs
----------------------------------------------------------- */	

#thumbs	{
	height: 372px;
	width: 130px;
	position: absolute;
	top: 112px;
	right: 60px;
	background-color: #444;
	padding: 0 17px 0 0;
	border: 17px solid #444;
	/*border-left:95px solid #444; -----  */
	overflow: auto;
	}

#thumbs a img	{
	border: 0;
	padding: 0;
	margin: 0;
	display: block;
	border: 1px solid #444;
	}
	
#thumbs a:hover img	{
	border: 1px solid white;
	}

#thumbs p	{
	margin: 3px;
	padding: 0;
	}
#thumbs h3{
font-size:1em;
}


#description{
position: absolute;
bottom:0px;
left:10px;
width:205px;
height:70px;
background-color: #444;

}

#description p {
padding:4px;
font-size:.9em;
}


/* transparent div
-----------------------------------------------------------*/
#transparent{
	display:none;
	background-image: url(graphics/greytint2.png);
	width:315px;
	left:0px;
	top:0px;
	margin:20px 0px 0px 25px;
	color:#aaa;
	font-family: Verdana, Arial, san-serif;
	position:absolute;
	line-height:1.7em;
	font-weight:normal;
	padding-left:5px;
}

#transparent h3 {
display:none;
margin:20px;
font-size:1.3em;
}

#transparent p{
display:none;
text-align:justify;
padding:10px 30px 20px 30px;
}

#transparentheaders{
	display:none;
	background-image: url(graphics/greytint2.png);
	width:315px;
	right:260px;
	top:80px;
	color:#aaa;
	font-family: Verdana, Arial, san-serif;
	position:absolute;
	line-height:1.7em;
	font-weight:normal;
	padding-left:5px;

}
#transparentheaders h3 {
display:none;
margin:10px;
font-size:1.2em;
}

/* thumbnail main image title
--------------------------------------*/
#imagetitle{
display:none;
position:absolute;
bottom:2px;
left:0;
background-image: url(graphics/greytint2.png);
padding:0 15px;
line-height:1.7em;
font-weight:bold;
letter-spacing: 0.1em;
word-spacing: 0.1em
}


/*	content
----------------------------------------------------------- */	
	
#content	{
position:relative;
	margin: 30px 0 20px 240px;
	width: 370px;
	border: 18px solid #444;
	padding: 0;
	background-color: #444;
	overflow:hidden
	}

#content h1	{
	
	}

#content h2	{
	
	}
	
#content h3	{
	
	}

#content p	{
	font-size: 1.1em;
	line-height: 1.5em;
	}

#content p a, #content li a	{
	
	}
	
#content p a:hover, #content li a:hover	{
	
	}

/*	content forms and tables
----------------------------------------------------------- */	


/* standard forms */

form.standard label	{
	width: 120px;
	display: block;
	float: left;
	font-weight: bold;
	padding-top: 3px;

	}

form.standard input, form.standard select, form.standard option 	{
	font-size: 1.1em;

	}

form.standard input	{
	border: 1px solid #333;
	}
	
fieldset {
	padding: 0.5em;
	border: 4px solid #2B2C30;
	}

legend	{
	font-size: 1.3em;
	font-weight: normal;
	padding: 0.5em;
	background-color: #444;	
	color: #fff;
	}

form.standard 	{
	width: 100%
	}

form.standard div	{
	margin: 10px 20px;
	}

form.standard input.submit	{
	width: auto;
	margin: 1em 0 1em 130px
	}

/* checkboxes */

form.standard fieldset fieldset	{
	border: 1px solid #ccc;
	}
	
form.standard fieldset fieldset br	{
	clear: left;
	}

form.standard fieldset fieldset legend	{
	color: #999
	}

form.standard label.checkbox	{
	width: 200px;
	margin: 3px 3px 3px 40px;
	}

form.standard label.checkbox input	{
	display: inline;
	margin: 0 10px 0 -30px;
	width: auto;
	position: relative;
	}

	

/* boxed tables */

table.boxed	{
	border-collapse: collapse;
	empty-cells: show;
	border-top: 1px solid #fa8181;
	border-left: 1px solid #fa8181;
	width: 100%;
	}

table.boxed th, table.boxed td	{
	border-right: 1px solid #fa8181;
	border-bottom: 1px solid #fa8181;
	padding: 5px;
	vertical-align: top;
	}

table.boxed th	{
	background-color: #fae7af
	}

table.lined	{
	border-collapse: collapse;
	empty-cells: show;
	width: 100%;
	}

table.lined th, table.lined td	{
	border-bottom: 1px solid #006fb4;
	padding: 8px 5px 5px 0;
	vertical-align: top;
	}

table.line th	{
	font-weight: bold;
	text-align: left;
	}
	

/*	footer
----------------------------------------------------------- */	

#footer	{
	
	}

#footer p	{
	
	}

#footer a	{
	
	}

#footer a:hover	{
	
	}
/* search form
--------------------------------------------------------*/
ul.search-results{
list-style:none;
margin:0;
padding:0;
}

ul.search-results li{
padding:5px 0px;
margin: 5px 20px;
border-bottom:1px solid #2a2a2a;
}

ul.search-results a{
text-decoration: none;
color:#aaa;
padding:3px 5px;
}

ul.search-results a:hover{
background-color:#aaa;
color:#2a2a2a;
}