/*
======================================================
	SCREEN.CSS
======================================================
	Author 	: 	James Dacosta
	Email	:	mrjamesdacosta@googlemail.com
	Version	:	1.0
	Date	:	08-11-08
------------------------------------------------------
		
	COMMENTS
======================================================


======================================================

*/

/* =general styles
---------------------------------------------------------*/

/* =reset 
---------------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =typography 
---------------------------------------------------------*/


a:link, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#394F61;
}

a:hover, a:active, li.active a {
	color:#263541;
}


li.active a {
}

a:hover, a:active {
	text-decoration:underline;
}

#logo {
	text-decoration:none;
	margin:0px 10px 0 0;
	padding-right:20px;
 	float:left;
 	letter-spacing:2px;
	line-height:1.2;
	font-size:80%;
	border-right:1px solid #263541;
	
	
}

#logo a:hover {
	text-decoration:none;
}

#logo em{
   	text-transform:capitalize;
  	font-style:italic;
  	display:block;
  	
}

#logo span{
 	letter-spacing:3px;
    text-transform:uppercase;
	font-size:80%;
	font-weight:bold;
 	color:#96AEA2;
}

h1,h2 {
	font-size:280%;
	letter-spacing:-1px;
	font-style:italic;
	font-family:Georgia;
	margin:20px 0;
	color:#96AEA2;
}

h2 {
	font-size:180%;
}

h2 em {
	font-size:50%;
	font-weight:normal;
	letter-spacing:2px;
	margin:0 0 0 10px;
	padding-left:10px;
	border-left:1px solid #263541;
}

p {
	margin-bottom:10px;
	

}




/* =helper styles - forms/notification/errors/promoted etc... 
---------------------------------------------------------*/

.site img {
	background:#050607;
	padding:20px;
}




/* =breadcrumb
---------------------------------------------------------*/






/* =nav
---------------------------------------------------------*/

ul#nav {
	overflow:hidden;
	padding-left:10px;
	float:right;
}


ul#nav li, ul#nav li a {
	float:left;
}

ul#nav li a {
	text-decoration:none;
	margin:0px 10px 0 0;
	padding:5px;
/*
 	border-right:1px solid #263541;
 	padding-right:10px;
*/
	
}

ul#nav li.last a {
	border:none;
 	padding-right:0px;
}

ul#nav li a:hover {
}

ul#nav li.active a {
	color:#96AEA2;
}

#pList {
	background:#000;
	padding:10px;
	width:500px;
	position:absolute;
	top:70px;
	right:0;
	border-right:3px solid #96AEA2;
	font-family:Georgia;
}


#pList ul {
	overflow:hidden;
	
}

#pList ul li, #pList ul li a {
	float:left;
}

#pList ul li a {
	padding:0 10px;
}

/* =layout/structure
---------------------------------------------------------*/




body {
	background: url(/img/structure/bg.jpg) top left;
	font-family:Georgia;
	color:#6D8591;
	font-size:small;
	line-height:1.4;
}

body#home #breadcrumbs, #breadcrumbs {
	display:none;
}

#wrapper {
	width:920px;
	height:100%;
	margin:20px auto;
}

#breadcrumbs {
}


div.contInner {
		background: url(/img/structure/opacity.png) top left ;
		margin-bottom:10px;
}

div.cont{
	position:relative;
}

div.contInner {
	padding:20px;
}

#content div.contInner {
	padding:40px;
}

div.contInner, div.cont{
	overflow:hidden;
}

#footer {
	font-size:90%;
}





 .errors br {
	line-height:0;
	display:none;
}


.errors {
	padding:10px;
}

 .errors strong{
	color:#f11;
	padding-right:10px;
}

#contactForm #submit {
	margin-left:-4px;
}

#contactForm h3 {
	margin-bottom:10px;
}

#contactForm p{
 	overflow:hidden;
 	clear:left;
	margin-bottom:4px;
}

#contactForm label {
	float:left;
	display:block;
	width:35%;
	margin-right:10px;
	text-align:right;
}

#contactForm .text{
	width:400px;
	float:left;
	padding: 4px;
	border:0;
}

#contactForm  input {
	overflow:visible;
}