/* resets */
body {
	font-family: arial;
	color: #fff;
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	background-color: #000;
	background-image: url('/images/background.png');
	background-position: middle center;
	background-repeat: repeat-x;
}

a { text-decoration: none; color: #fff; }
a:hover { text-decoration: underline; }
a img { border-style: none; }

h1 { color: #000; font-size: 20px; margin: 10px 0 0 0; }
h2 { font-size: 1.0em; font-weight: normal; }
h3 { font-size: 1.2em; font-weight: bold; }

ul { list-style-type: none; list-style-position: inside; margin: 0; padding: 0;}
li { margin-left: 0; padding-left: 0; }

/* content */

#main { width: 100%; }

#header { margin-top: 20px;}
#header .logo { float: left; margin-right: 10px;}
#header .text { margin-top: 2px; float: left; font-size: 18px; font-weight: bold; }
#header .text .tagline { font-size: 16px; font-weight: normal; font-family: "arial black"; color: #bbb; }
#header .text .description { color: #999; font-size: 12px;}

.content { margin: auto; display: table; width: 1000px; }
.shadow { background-image: url('/images/shadow.png'); background-repeat: repeat-x; height: 20px; }

.upper { overflow: hidden; background-image: url('/images/secondary_nav_background.png');}
.upper { background-color: #000; font-size: 16px; font-family: arial }
.upper ul { float: right; padding: 15px; margin:0px;}
.upper ul li { float: left; margin: 0 0 0 30px;}
.upper ul li a,
.upper ul li a:visited { text-decoration: none; color: #fff;}
.upper ul li a:hover { text-decoration: underline; }


.upper { width: 100%; height: 50px; }
.upper .content { width: 1000px; }

.lower { 
	background-color: #f0f0f0; 
	color: #000; 
	width: 100%; 
	border-style: solid;
	border-width: 1px 0 5px 0;
	border-color: #6f2525;
}
.lower { overflow: hidden; }
.lower .content { width: 1000px; }
.lower li { cursor: pointer; float: left; width: 325px; margin-bottom: 20px;}
.lower li.middle { padding: 0px 10px;}
.lower li a { font-size: 0.9em; color: #0f606c; font-weight: bold; }
.lower li div.image { float: left; background-position: top center; background-repeat: no-repeat; margin: 10px 10px 40px 10px; }
.lower li div.image.lock { background-image: url('/images/icons/lock.png'); height: 55px; width: 75px; margin-top: 15px;}
.lower li div.image.camera { background-image: url('/images/icons/camera.png'); height: 43px; width: 75px; margin-top: 20px;}
.lower li div.image.software { background-image: url('/images/icons/software.png'); height: 54px; width: 75px; margin-top: 20px;}
.lower li div.description { border-style: dashed; border-width: 1px 0 1px 0; border-color: #777; padding: 10px 5px 10px 5px;}

.lower li.active div.description { background-color: #e5e5e5;}
.lower li.active div.image { background-position: bottom center; }
.lower li.active h1 { color: #c56326; }

div#blog-entries {width: 650px; display: table;}
div#blog-entries h3 {font-weight: normal; color: #888;}

.left { float: left; margin-right: 40px;}

/*-----------
	Icons
*/
.twitter { position: relative; top:1px;}


/*-----------
	Detail pages
*/

div.list { margin-top: 20px; }
div.column .pricing { margin: 0; padding: 20px 20px; color: #000; }
p { margin-bottom: 0px;}
ul { margin: 0px;}

/*-----------
	Assessments
*/

.assessments div.header h1 { font-size: 24px; font-weight: normal; margin: 0px; }
.assessments div.header h2 { font-size: 12px; margin: 0px; }

.assessments div.header .page-title { padding-top: 20px; width: 500px; }
.assessments div.quote { float:right; width: 435px; padding: 20px; background-color: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.assessments div.quote .title { font-style: italic; margin-top: 10px; }
.assessments div.quote .photo { float: right; border: 1px solid #000; margin: 0 0 0 10px; width: 58px; height: 58px; background-color: #fff;}

.assessments div.column { float: left; width: 310px; margin: 10px; font-size: 1.2em;}
.assessments div.column .title { font-weight:bold; font-size: 1.2em; } 
.assessments div.column .description { padding: 10px; color: #fff; min-height: 70px;}

.assessments div.column.web .description { background-color: #899385; }
.assessments div.column.network .description { background-color: #738a89; }
.assessments div.column.code .description { background-color: #7d4b2c; }

.assessments div.column ul {list-style-type: none; margin: 0; padding: 0; color: #000; min-height: 200px;}
.assessments div.column ul li { 
	text-align: center;
	padding: 30px 20px 60px 20px;
	background-image:url('/images/assessments_separator.png'); 
	background-repeat: no-repeat;
	background-position: bottom center;
}

.assessments div.column.web .pricing { background-color: #bfcbb9; }
.assessments div.column.network .pricing { background-color: #a5c7c6; }
.assessments div.column.code .pricing { background-color: #c0aca0; }

/*-----------
	Monitoring
*/
.monitoring div.quote { float:right; width: 365px; padding: 20px; background-color: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.monitoring div.page-title { width: 570px;}

.monitoring div.header h1 { font-size: 24px; font-weight: normal; }
.monitoring div.header h2 { font-size: 12px; margin: 20px 0 0 0; }

.monitoring div.column { float: left; width: 480px; margin: 10px; font-size: 1.2em;}
.monitoring div.column .title { font-weight:bold; font-size: 1.2em; } 
.monitoring div.column .description { padding: 10px; color: #fff; min-height: 160px;}

.monitoring div.column.web .description { background-color: #a2ad9d; }
.monitoring div.column.network .description { background-color: #738a89; }
.monitoring div.column.code .description { background-color: #7d4b2c; }

.monitoring div.column.web ul { background-color: #d6e4cf; }
.monitoring div.column.network ul { background-color: #b9dedd; }
.monitoring div.column.code ul { background-color: #dcc5b7; }
.monitoring div.column ul li { 
	text-align: center;
	padding: 30px 20px 60px 20px; 
	background-image:url('/images/monitoring_separator.png'); 
	background-repeat: no-repeat;
	background-position: bottom center;
}

.monitoring div.column.web .pricing { background-color: #bfcbb9; }
.monitoring div.column.network .pricing { background-color: #a5c7c6; }


/*------------*/

.monitoring ul { padding: 0px; }
div.column ul li.cap { background-image: none; padding-bottom: 30px; }

div.column.web ul { background-color: #d6e4cf; }
div.column.network ul { background-color: #b9dedd; }
div.column.code ul { background-color: #dcc5b7; }


/*-----------
	About us
*/
div.methodology { font-size: 13px; float:right; width: 300px; padding: 20px; background-color: #eee; -moz-border-radius: 10px; -webkit-border-radius: 10px; }

.profiles { width: 600px; }
ul#profiles { width: 600px; float:left; }
ul#profiles li { padding-bottom: 20px; }
img.profile { border: solid 1px #000; margin-right: 20px; float: left; margin-bottom: 120px;}

/*-----------
	Footer
*/
#footer { margin: auto; width: 750px; margin-bottom: 100px; }
#footer li { float: left; font-weight: bold;}
#footer .label { color: #bbb; font-weight: bold; margin-left: 20px;}
#footer .value { color: #999; margin-right: 20px;}


/*-----------
	Content
*/
div#close-details a { color: #000; font-weight: bold; font-size: 1.4em;}
#details { height: 0px; overflow: hidden; width: 100%; background-color: #fff; color: #000;}
#details a,
#details a:visited { color: #000; }

#details .content { padding: 20px 0 120px 0;}