/* 
Arch Template File - eClick Performance
Started: Wednesday, May 21st 2008
Ended: End Date
Kendra Calhoun - eClick Performance
Modified By: 
*/

html, body {
	height: 100%;
}

body {
	color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background:#4d4d4d;
}

h2 {
	font-size: 1.5em;
	margin: 0 0 30px 0;
}

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

p {
	margin: 0 0 10px 0;
}

dl {
	margin: 0;
	padding: 0;
}

dt {
	font-weight:bold;
	display:block;
	margin: 0 0 10px 0;
	line-height: 1.3em;
}

dd {
	font-weight:normal;
	display:block;
	font-style:italic;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #fff;
	line-height: 1.3em;
}

img {
	border:0;
}

h1, h2, h3, h4, h5 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
}	
	
#wrapper {
	margin-left:auto;
	margin-right:auto;
	min-height:100%;
	position:relative;
	width: 100%;
	background: #AF1B1B;
}

*html #wrapper {
	height: 100%;
}

#headerContainer {
	background: #F2F2F2 url(../images/bg-header.gif) repeat-x;
}

#header {
	width: 800px;
	margin-left:auto;
	margin-right:auto;
}

#nav {
	background: #707070;
	border-top: 2px solid #4D4D4D;
	border-bottom: 2px solid #AF1B1B;
	font-size: 1.1em;
	height:15px;
	padding: 5px
}

#nav a, #footer a {
	color: #FFF;
	font-weight:bold;
	text-decoration:none;
}

#nav a:hover, #footer a:hover {
	text-decoration:underline; 
}

#nav ul, #footer ul {
	text-align:center;
}

#nav li, #footer li {
	display: inline;
	margin: 0 15px 0 0;
	padding: 0 20px 0 0;
}

#nav li {
	border-right: 1px solid white;
	text-align:center;
}

#nav li.none {
	border:none;
}

#mainWrapper {
	background:#4D4D4D;
}

#main {
	width: 760px;
	margin-left:auto;
	margin-right:auto;
	padding: 20px 0 20px 0;
	min-height: 300px;
}

#content {
	width: 360px;
	float:right;
	margin-bottom: 40px;
}

#gallery img{
	margin: 0 10px 10px 0;
}

#content p {
	line-height: 1.3em;
}

#footer {
	text-align:center;
	font-size: 0.8em;
	width: 100%;
	left:0;
	border-top: 2px solid white;
	padding: 20px 0 10px 0;
}

#footer a {
	text-transform:uppercase;
}

#footer p {
	margin: 20px 0 0 0;
	text-align:center;
}

/* Special Classes */
.left {
	float:left;
}

.right {
	float:right;
}

.alignRight {
	text-align:right;
	font-weight:bold;
}

.clear {
	clear:both;
}

.more {
	display:block;
	border-bottom: 1px solid white;
	padding: 0 5px 2px 0;
	text-align:right;
	color: #FFF;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
}



#radioGroup{ float: left; margin-bottom: 10px; }
form{ margin-top: 10px; }
fieldset{ margin: 10px 0 10px 0; }
label{ width: 200px; margin: 0; display: block; float: left; border: 0px solid #000; *margin-top: 10px; font-weight:bold;  }
legend{ color: #000; border: 0; }
input[type="text"]{ width: 200px; display: block; float: left; *margin-top: 10px; margin-bottom: 10px; }
input[type="checkbox"]{ display: block; float: left; *margin-top: 10px; }
select{ float: left; width: 200px; *margin-top: 10px; }
textarea{ width: 350px; height: 200px; *margin-top: 10px;  margin-bottom: 10px; }
.required {
	color:#CC0000;
}

.formTitle{ font-size: 16px; margin: 0; padding: 0; }
.formDesc{ 	font-size: 12px; line-height: 17px; margin: .75em 0 0 0; padding: 0; }
.breakClear{ clear: both; margin-top: 20px !important; }

/* eClick Footer Must Have On All Sites Unless Clients Says Different */
#eClick { width: 100%; text-align: center; margin: 40px 0px 25px; }
a.footerLink{ color: #5a5a68; font-size: 10px; }