/* Reset */

* {
	padding:0;
	margin:0;
	}
	
img {
	border:0;
	}

/* START basic elements*/

body {
	background:#32385D url(/_media/bgBody.png) repeat-x top left;
	color:#f4f4f4;
	font-family:"lucida grande", "lucida sans unicode", verdana, helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	}
	
html {
	overflow-y: scroll;
	}
	
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	}
	
h2, h3, h4, h5, h6 {
	color:#7c7c99;
	font-family:Arial, Helvetica, sans-serif;
	}
	
h1 {
	color:#96ce17;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:25px;
	padding-bottom:10px;
	}

/* used as a label for lists */
h7 {
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	padding-bottom:5px;
	font-size:13px;
	line-height:20px;
	}

a {
	color:#fe6c00;
	text-decoration:none;
	font-weight:bold;
	}
	
a:hover {	
	color:#fe6c00;
	text-decoration:underline;
	}
	
a:visited {
	color:#fe6c00;
	}
	
a.reverse {
	color:#96ce17;
	}
	
p {
	margin-bottom:8px;
	}

address {
	font-style:normal;
	}

/* END basic elements */


/* START major structual elements */
#newsletterBar {
			background:#2f345a;
			color:#fff;
			height:30px;
			width:100%;
	}
	
	#newsletterBar form{
	width:798px;
	margin:0 auto;
	padding-top:2px;
	}
	
	#newsletterBar img{
		margin-right:7px;
		position:relative;
		top:1px;
	}
	
	#newsletterBar .btn{
		position:relative;
		top:4px;
	}
	#newsletterBar span{
		margin-right:31px;
	}
	#newsletterBar .textField {
		font-size:11px;
		height:13px;
		margin:0 3px;
		width:140px;
		position:relative;
		top:-1px;
		border:0;
	}
	
#contain {
	width:785px;
	margin:36px auto 35px auto;
	}
	
	#header {
		}
	
		#logo {
			float:left;
			}
			
		#nav {
			float:right;
			}
	
	#mainColumn {
		width:455px;
		float:left;
		margin-top:28px;
		}
		
		#mainColumn ul {
			margin-left:27px;
			list-style-type:square;
			color:#7c7c99;
			}
			
		#mainColumn li {
			margin-bottom:4px;
			color:#FFF;
			}
		
		#mainColumn .subhead {
			margin:15px 0 7px 0;
			}
			
/* for ordered lists */		
		.fauxTableData {
			width:415px;
			}
			
			.fauxTableData .lefty {
				width: 200px;
				margin:5px 0 10px 0;
				float:right;
				list-style-type:none;
				}
			
			.fauxTableData .righty {
				width: 200px;
				margin:5px 0 10px 0;
				float:left;
				list-style-type:none;
				}

/* for lists that have a label */
		.labelList {
			margin-bottom:15px;
			}

/* for thumbnails and descriptions */		
		.fauxTableHybrid {
			width:415px;
			}
			
			.fauxTableHybrid .lefty {
				width:auto;
				margin:5px 0 10px 0;
				float:left;
				}
			
			.fauxTableHybrid .righty {
				width:300px;
				margin:5px 0 10px 0;
				float:right;
				}
			
	#subColumn {
		width:310px;
		float:right;
		margin-top:61px;
		}
		
		#subColumn h2, #subColumn h3, #subColumn h4, #subColumn h5, #subColumn h6, #subColumn p, #subColumn iframe {
		margin-left:10px;
		}
		
		#subColumn p {
		margin:10px 10px 15px 10px;
		}
		
		#subColumn ul li {
		margin:7px 8px 8px 33px;
		text-transform:uppercase;
		list-style-type:square;
		color:#7c7c99;
		}
		
		#subColumn ul li span {
		color:#fff;
		}
		
		#subColumn a {
		display: block;
		}
		
		#subColumn .caption {
		color:#ccc;
		font-size:12px;
		line-height:17px;
		text-align:center;
		margin:5px 45px 15px 0;
		padding-bottom:10px;
		}
		
#subContain {
	border-top:3px solid #140e40;
	border-bottom:3px solid #140e40;
	background:#1c164b;
	}	
	
	#footer {
		width:785px;
		margin:0 auto;
		}
	
	#footer address, #footer #legal, #footer #footerNav {
		color:#aaa;
		line-height:18px;
		}
	#footer .highlight {
		color:#96ce17;
		}
/* END major structual elements */


/* START Nav elements*/
#nav {
	padding-top:10px;
	}

	#nav li, #footerNav li {
		display:inline;
		list-style-type:none;
		border-left: 1px solid #666;
		padding:0 7px 0 8px;
		line-height:18px;
		}

	#nav li:first-child,#footerNav li:first-child {
		border-left:0;
		}
	
	#footerNav li:first-child  {
		padding-left:0;
		}
	
	#footer ul {
		margin: 5px 0 10px 0;
		}

	#nav li #lastChild {
		padding-right:0;
		margin-right:0;
		}

		#nav li a {
			font-size:12px;
			text-transform:uppercase;
			}
		
		#subNav {
			border-top: 1px solid #666;
			height:15px;
			width:100%;
			}
		
		#noNav {
			height:16px;
			}
			
			#subNav li a {
				font-size:10px;
				}
		
						
		#footerNav li a {
			font-size:11px;
			text-transform:uppercase;
			}	

	#legal a {
		color:#96ce17;
		font-weight:normal;
		}

	#legal a:hover {
		color:#96ce17;
		font-weight:normal;
		}
		
		
/* End Top Nav */

/* START hardware styles */
#mainHardwareColumn {
		width:465px;
		float:left;
		margin-top:28px;
		}
		
		#mainHardwareColumn ul {
			margin-left:27px;
			list-style-type:square;
			}
			
		#mainHardwareColumn li {
			margin-bottom:4px;
			}
		
		#mainHardwareColumn .last {
			padding-bottom:8px;
			}
		
		#mainHardwareColumn .subhead {
			margin:0 0 10px 0;
			}
		
		#mainHardwareColumn .button {
			margin-top:13px;
			}
		
		/* adds margin top space for subheads not below h1s */
		#mainHardwareColumn .subheadExtra {
			margin:10px 0 10px 0;
			}
		
		/* used for footnotes on hardware specs */
		#mainHardwareColumn .footnote {
			font-size: 10px;
			color: #CCC;
			}

#subHardwareColumn {
		width:300px;
		float:right;
		margin-top:61px;
		}
		
		#subHardwareColumn img {
		margin:0 0 20px 0;
		}
		
		.subHardwareColumn .thumbMaster {
		display:inline;
		padding-top:15px;
		}
		
			#subHardwareColumn .firstThumb {
			padding-left:1px;
			padding-right:8px;
			}
			
			#subHardwareColumn .lastThumb {
			padding-left:0;
			padding-right:1px;
			}
			
			#subHardwareColumn .thumbs {
			padding-right:8px;
			}
/* End hardware styles */

/* START folio styles */
#mainFolioColumn {
		float:left;
		margin-top:28px;
		}
		
		#mainFolioColumn ul {
			margin-left:27px;
			list-style-type:square;
			}
			
		#mainFolioColumn li {
			margin-bottom:4px;
			}
		
		#mainFolioColumn .subhead {
			margin:0 0 10px 0;
			}

#subFolioColumn {
		width:496px;
		float:right;
		margin-top:34px;
		padding-left:15px;
		}
		
		#subFolioColumn h2, #subColumn h3, #subColumn h4, #subColumn h5, #subColumn h6, #subColumn p, #subColumn iframe {
		margin-left:10px;
		}
		
		#subFolioColumn p {
		margin:10px 10px 15px 10px;
		}
		
		#subFolioColumn ul li {
		margin:7px 8px 8px 33px;
		text-transform:uppercase;
		list-style-type:square;
		color:#7c7c99;
		}
		
		#subFolioColumn ul li span {
		color:#fff;
		}
		
		#subFolioColumn a {
		display: block;
		}
		
		#subFolioColumn .caption {
		color:#ccc;
		font-size:12px;
		line-height:17px;
		text-align:center;
		margin:5px 45px 15px 0;
		padding-bottom:10px;
		}
		
		#subFolioColumn .previousNav {
		float:left;
		margin-bottom:5px;
		}
		
		#subFolioColumn .nextNav {
		float:right;
		margin-bottom:5px;
		display:inline;
		}
/* End folio styles */


/* START pullquote */

.quote {
	font-family:Georgia, Palatino, Times New Roman;
	font-style:italic;
	color:#6fbce8;
	font-size:16px;
	line-height:20px;
	background:url(/_media/quoteOpening.png) top left no-repeat;
	padding:0px 10px;
	margin:14px 0 17px 0;
	}
	
.quoteClose {
	padding-left:2px;
	}

/* END pullquote */


/* START misc. elements */

/* for the bio images */				
.bio {
	margin: 0 10px 0 0;
	}

/* for callout elements */
.callout {
	color:#96ce17;
	font-weight:bold;
	}


/* for forms */
form {
	margin-top:20px;
	}

/* for case studies images */
.img {
	border:1px;
	color:#222344;
	}

/* for the sidebar */
.sideRule {
	margin:15px 0 17px 0;
	background-color:#4a6d95;
	width:318px;
	height:3px;
	}
	
/* for the side callouts */
.sidePanel {
	margin-bottom:17px;
	}

/* fixes parent container's hight in relation to floated elements */
.cleaner {
	clear:both;
	height:1px;
	font-size:1px;
	background:transparent;
	}

.row {
	clear:both;
	margin-bottom:10px;
	width:100%;
	}

.row label {
	width:85px;
	margin-bottom:16px;
	display:block;
	text-align:right;
	float:left;
	}

.row .textField {
	width:245px;
	display:block;
	float:right;
	margin-right:110px;
	}

.row .textBox {
	width:245px;
	height:100px;
	display:block;
	float:right;
	margin-right:110px;
	}

/* sets apart two textBoxes in a row */
.row .textBoxLast {
	width:245px;
	height:100px;
	display:block;
	float:right;
	margin:0 110px 15px 0;
	}

.checkboxLabel {
	display:inline;
	margin-left:7px;
	}

.row .btn {
	margin:10px;
	}

.row ul {
	float:right;
	width:250px;
	position:relative;
	left:-19px;
	padding-right:90px;
	}

.row li {
	list-style-type:none;
	}

.row .last {
	padding-bottom:8px;
	}

.row .textBox.last {
	padding-bottom:8px;
	}
	
iframe {
	border:1px solid #fe6c00;
	}
	
/* for the hosting page */	
	#singleColumn {
		width:785px;
		margin-top: 28px;
		}
		
	#singleColumn .subhead {
			margin:15px 0 12px 0;
			}
	
	
	#singleColumn ul {
			margin-left:27px;
			list-style-type:square;
			}
			
	#singleColumn li {
		margin-bottom:4px;
		}
	
	#singleColumn .last {
	padding-bottom:8px;
	}
			
	.hosting  {
		margin:15px 0 15px 0;
		}
	
	.hosting td  {
		padding:3px 10px 3px 5px;
		}
	
	.hosting .highlight {
		color:#96ce17;
		}
		
/*styles for feedburner headlines on front page */

#creditfooter{
	display:none;
	}
	
#columnThree ul {
	padding-left:13px;
	} 
	
#columnThree li{
	padding-bottom:7px;
	list-style-type:square;
	color:#7c7c99;
	}

/* for the hosting page to set apart rows in the table */
	.tableAlternate {
		background-color:#4b5178;
		}

/* terms and conditions */
.terms li {
	margin:0 15px 3px 40px;
	}

.termsRule {
	margin:15px 0 17px 0;
	background-color:#4a6d95;
	width:790px;
	height:2px;
	}

/* for the events and stache off pages */
.imgRight {
	border:1px;
	color:#222344;
	margin:0 0 12px 12px;
	}

.tnRow {
	display:inline;
	width:500px;
	margin-right:12px;
	}		

/* style for the alternate swfobject content */
#flashcontent {
	margin:0;
	}

/* for form errors in the downloads section */
.alerts {
	color:#F00;
	font-weight:bold;
	}

/* adds extra room between elements - used in careers */
.add12px {
	margin-bottom:12px;
	}

/* for the stache contest seperates questions and answers on seperate lines */
.break {
	display:block;
	}

/* END misc. elements */