@charset "UTF-8";

* {margin:0; padding:0;}

body {
font-family:   verdana, arial, helvetica, sans-serif;

 /* font-size:62.5%;  */

font-size:1.1em; 

color: #333;
background: #e3e3e3 url(../images/mainbg.jpg) repeat-x;
}

ul {padding:0 0 1em 2em; line-height:2em;}

h1 {font-size: 1.5em; margin: 1em 0 .5em 0;}
h2 {font-size :1.2em; padding: 10px 0 0 0;}

a:link {text-decoration: none; color:#666;}
a:visited {text-decoration: none; color: #666;}
a:hover {text-decoration:none;color: #ff6600;}
a:active { text-decoration: noe; color: #ff6600;}


p a:link {text-decoration: none; color:#ff6600;}
p a:visited {text-decoration: none; color: #ff6600;}



p {line-height:1.5em; margin:1em 0; color:#666; }

dl {}
dt { font-weight:bold; color:#999; margin: 1em 0 .25em 0; text-transform:uppercase;}
dd { margin:0 0 .25em 1em; line-height:1.5em;}


label {display:block; margin:.5em 0; color:#999; font-weight:bold;}


input {display:block; margin:0 0 1em 0;}
input.submitbutton {padding:4px 12px;}

/* ------------- content containers ------------ */

#header {
	display:block;
	margin:0 auto;
	padding: 0 ;
	width: 880px; /* actual 920*/
	height:58px;
	color:#fff;
	letter-spacing:1px;
font-size:22px;
position:relative;
}

#header p.left {
text-transform:uppercase; font-weight:bold; color:#fff; letter-spacing:2px;
padding: 0 ; margin:0;
position:absolute; bottom:-10px; left:0;
}


#header p.left a:link {color:#fff;}
#header p.left a:visited {color:#fff;}
#header p.left a:hover {color:#fafafa;}
#header p.left a:active {color:#fafafa;}

#header p.right {text-transform:uppercase; font-weight:bold; color:#fff; 
font-size:14px;
padding: 0 ; margin:0;
position:absolute; bottom:-6px; right:0;}


#maincontent {
	background:#fff;
	margin:0 auto;
	padding:10px 20px 30px 20px;
	width: 880px; /* actual 920*/
	min-height:600px;
overflow:auto;

-moz-border-bottomright-radius: 55px;
border-bottom-right-radius: 55px;
}


 #leftcol {
	  width:400px; 

	}

.error {color:#F00;  }

#footer {
margin:0 auto;
	width : 880px; /* actual 920 */
	padding:10px 20px;
	font-size:9px; color:#666;
}

/* ---------- end containers ------------ */

#topnav {height:40px; }

#topnav ul  {list-style-type:none; float:right; display:inline; width:180px; }

#topnav ul li {list-style-type:none; display:inline; padding:4px 10px;}

.screens {width:400px; min-height:300px; 
float:right; display:inline;
 padding:30px 20px ;
}

.screensflex {
	width: 100%; padding:1em; border:1px dashed lime !important;}


.homescreens, .widescreens {width:600px; height:300px; 
float:right; display:inline;
margin:30px 20px 0 0 ;
}




.hidden {display:none;}

.clear {clear:left;}

.lowercase {text-transform:lowercase;}