/* ---------------------------------------------
Screen Stylesheet for http://www.CrowdClarity.com
Updated: 03/14/09 - SteelFish Design, LLC
Version: 3.50
-------------------------------------------------
::COLORS::
	Black: #333 --example usage--

::TOC::
	Resets
	Defaults
	Typography
	Template
	Links
	Navigation
	Forms
	Global Classes
	Pages

--------------- ::Resets:: --------------------- */
body, address, blockquote, dl, ol, ul, li, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre {
margin:0;
padding:0;
}
fieldset, table {
border:none;
}
table {
border-collapse:collapse;
border-spacing:0;
overflow:hidden;
word-wrap:break-word; /* will not validate IE only */
}
/*
caption, th, td {
text-align: left;
}*/
*/
/*********** ---------- ::Defaults:: --------------------- ***********/
html {
font-size:100.01%;
height: 101%; /* forces scroll on short length pages */
}
body {
height:100%;
font:62.5%/1.3 Arial,Tahoma,Geneva,Helvetica,sans-serif;
background:#fff url('../images/body-bg.jpg') center repeat-y;
color:#333;
}

/*********** ---------- ::Typography:: ------------------- ***********/
address, h1, h2, h3, h4, h5, h6, li, p, pre {padding: .3em 10px;}
h1 {font-size:2em;}
h2 {font-size:1.6em;}
h3 {font-size:1.4em;}
h4 {font-size:1.2em;}
address, li, p {font-size:1.2em;}
pre {font-size: 12px;}
ul {margin-left: 25px;}

/*********** ---------- ::Template:: --------------------- ***********/
#wrap {
width: 908px;
margin:0 auto;
padding: 0 16px;
background: transparent url('../images/wrap-bg.jpg') no-repeat;
}
#masthead {
height: 95px;
background: #ec8704 url('../images/masthead-bg.jpg') repeat-x;
}
#logoblock {
width: 350px;
height: 78px;
margin: 15px 0 0 15px;
float:left;
background: #fdfdfd url('../images/crowd-clarity-logo.png') no-repeat;
}
#clientlogin {
	width: 116px;
	height: 26px;
	float: right;
	background: #ec8704;
	border: 1px solid #000;
	border-top: 0;
	margin: 14px 35px 0 0;
	text-align: center;
}
#clientlogin a, #clientlogin a:link, #clientlogin a:visited {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	line-height: 25px;
}
#clientlogin a:hover {
	color: #fff;
	text-decoration:underline;
}


#topmenu {
	height: 32px;
	background: #686f7f;
	border-bottom: 1px solid #000;
}
#banner {
	width: 908px;
	height: 246px;
	border-bottom: 1px solid #000;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	line-height: 16px;
}
#banner-int {
	width: 908px;
	height: 196px;
	border-bottom: 1px solid #000;
	font-size: 20px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	background: #fff url('../images/background.jpg');
	line-height: 35px;
}

#contents {
    width: 880px;
    margin: 10px 14px;
    background: #fdfdfd;
    min-height: 200px;
}
.leftcol-wrap {
	float: left;
	width: 286px;
	min-height: 160px;
	margin-right: 10px;
	background: #fdfdfd url('../images/column-bg.jpg') repeat-x;
}
.leftcol {
	margin: 0 5px 0 5px;
	padding: 10px 0px;
	background: #fdfdfd;
	min-height: 130px;
}

.middlecol-wrap {
	float: left;
	width: 286px;
	min-height: 160px;
	margin-right: 10px;
	background: #fdfdfd url('../images/column-bg.jpg') repeat-x;
}
.middlecol {
	margin: 0 5px 0 5px;
	padding: 10px 0px;
	background: #fdfdfd;
	min-height: 130px;
}

.rightcol-wrap {
	float: left;
	width: 286px;
	min-height: 160px;
	background: #fdfdfd url('../images/column-bg.jpg') repeat-x;
}
.rightcol-wrap-int {
	float: left;
	width: 582px;
	min-height: 160px;
	background: #fdfdfd url('../images/column-bg.jpg') repeat-x;
}

.rightcol {
	margin: 0 5px 0 5px;
	padding: 10px 0px;
	background: #fdfdfd;
	min-height: 130px;
}
.leftcol-wrap p, .middlecol-wrap p, .rightcol-wrap p, .rightcol-wrap-int p {
	font-size: 17px;
	line-height: 30px;
	padding: 0;
	margin: 10px 5px 10px 15px;
}

.leftcol p, .middlecol p, .rightcol p {
	font-size: 12px;
	line-height: 16px;
	padding: 0;
	margin: 10px 10px;
}
.leftcol ul, .middlecol ul, .rightcol ul {
	list-style:none;
	margin: 0px 10px;
}
.leftcol li, .middlecol li, .rightcol li {
	margin: 0 0 3px 0;
	padding: 0;
}
.rightcol ul.bullets {
	list-style:disc;
	margin: 0 0px;
	padding: 0 20px;
	color: #000;
}
.rightcol ul.bullets li {
	margin: 5px 0 0 5px;
	padding: 0 0 0 5px;
}
.leftcol ul.bullets {
	list-style:disc;
	margin: 0 0px;
	padding: 0 20px;
	color: #000;
}
.leftcol ul.bullets li {
	margin: 5px 0 0 5px;
	padding: 0 0 0 5px;
}

#lowercontent {

}
.lowerleft {
	width: 277px;
	height: 217px;
	float: left;
	border: 1px solid #000;
	margin-right: 20px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}
.lowerright{
	width: 578px;
	height: 217px;
	float: left;
	background: #eceaea;
	border: 1px solid #000;
}
.lowerright p {
	font-size: 14px;
	color: #000;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
}

.lowerright p.newstitle {
	font-size: 18px;
	color: #fff;
	background: #686f7f;
	margin: 0;
	padding: 0 0 0 10px;
	line-height: 30px;
	border-bottom: 1px solid #000;
}


#footer {
clear:both;
height: 40px;
background: #ec8704;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}
#footer p {
	color: #fff;
	text-align: center;
	font-size: 11px;
}
#footer a, #footer a:link, #footer a:visited {
	color: #fff;
	text-decoration:underline;
}
#footer a:hover{
	color: #fff;
	text-decoration:none;
}
#footer p.copyright {
	line-height: 16px;
}
#footer p.admin {
	 float: right;
	 font-size: 12px;
	 font-weight: bold;
	 line-height: 32px;
}
#footer p.admin a, #footer p.admin a:link, #footer p.admin a:visited {
	color: #fff;
	text-decoration:none;
}
#footer p.admin a:hover{
	color: #fff;
	text-decoration:underline;
}

/*********** ---------- ::Links:: ------------------------ ***********/
a {text-decoration:underline;}
a:visited {text-decoration:underline;}
a:active, a:focus, a:hover {
text-decoration:none;
outline:none;
}
a img {border:none;}

/*********** ----------  ::Navigation:: ------------------ ***********/
/*********** Top Menu Navigation ***********/
#topmenu ul {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0px 0 0 0;
	width: 800px;
	text-align: right;
}
#topmenu ul li {
	margin: 0;
	padding: 0;
	display: inline;
	font: normal 14px/32px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	color: #fff;
}
#topmenu ul li a, #top-menu ul li a:link, #top-menu ul li a:active, #top-menu ul li a:visited {
	font: normal 14px/32px Arial,Tahoma,Geneva,Helvetica,sans-serif;
	background: transparent;
	color: #fff;
	padding: 0 15px;
	margin: 0;
	text-decoration: none;

}
#topmenu ul li a:hover {
	text-decoration: underline;
	color: #fff;
}



/* ---------- ::Forms:: ------------------------ */
label {cursor:pointer;}
input,label,select,textarea {
vertical-align:middle; /*remove this line for PC store - add it to desired id or class*/
font-size:inherit;
font-family:inherit;
}
input, textarea {padding:.2em;}
textarea {overflow:auto;}

/*********** ---------- ::Global Classes:: --------------- ***********/
.center {text-align:center;}
.clear {
clear:both;
padding:0;
margin:0;
line-height:normal;
}
.floatleft {float:left;}
.floatright {float:right;}
.hidden {display:none;}
.inline {display:inline;}
.large {
font-size:20px;
font-weight:bold;
}
.light {color:#999;}
.small {
font-size:10px;
font-weight:normal;
}

/*********** ---------- ::Pages:: ------------------------ ***********/

/*********** /// place specific page rules here if needed /// ***********/

#logolink {
	margin: 0px 0 0 0;
	padding: 0;
	width: 300px;
	height: 75px;
	display: block;
}

.divider {
	width: 740px;
	height: 10px;
	margin: 0 13px 0 8px;
	border-top: 1px solid #bbdabb;
}