/* This is the CSS file for GSQ Buyers Guide */


body {
	background-color: #555; 

}

/* I am going to use simple, clear names in my CSS */


/* the main wrapper, that surrounds all other divs */

#mainWrapper {
	width: 1000px;
	margin:auto;
	margin-top: 25px;
	border: medium solid #222;	
	background-color: white;
	/* CSS3 */
	-moz-box-shadow: 10px 10px 5px #222; /* Firefox - no longer necessary for FF 4 */
	-webkit-box-shadow: 10px 10px 5px #222; /* Safari and Chrome */
	box-shadow: 10px 10px 5px #222;
}




/* Header Divs */

#header {
	position: relative;
	background-color: #16717B;
	height: 200px;
	border-bottom: medium solid #222;
}

#logo {
	position: relative;
	top: 10px;
	left: 25px;
	float: left;
	
}

#headerText {
	position: relative;
	top: 25px;
	left: 55px;
}










/* Sidebar Styles */



#sidebar {
	position: relative;
	background-color: #007932;
	width: 196px;
	color: white;
	padding: 20px;
	float: left;
	border-right: medium solid #222;
}

#sidebar a {
	color:white;
}

#sidebar .categoryNameSelected {
	background-color: white;
	color: #039;
	
}

#sidebar .categoryLinkSelected {
	color:#039;
}

#sidebar .categoryLink {
	color: white;
}


#selectedCategory {
	position:relative;
	background-color: white;	
	font-size: 1.2em;
	padding: 2px 0px;
	text-align: center;
	color: blue;
	border: medium solid black;
	
	/* CSS3 */
	-moz-box-shadow: 5px 5px 5px #000; /* Firefox - no longer necessary for FF 4 */
	-webkit-box-shadow: 10px 10px 5px #000; /* Safari and Chrome */
	box-shadow: 5px 5px 5px #000;

}

#selectedCategory .categoryLink{
	color: blue;
	
}






a {
	color: #007932;
}






/* Main Display Area Styles */

#main {
	position: relative;
	background-color: white;
	width: 720px;
	float: left;
	padding: 20px;
	color: #007932;
	
}

#main h1 {
	text-align: center;
	color: #007932;
}

#main .companyName {
	color: #007932;
	font-weight: bold;
	font-size: 1.2em;
}

#main .phoneNumber {
	
}

#main .website {
	
}

#main .box {
	position: relative;
	float:left;
	width: 300px;
	padding: 20px;
	text-align: center;
	
}


#main .intro {
	padding: 25px;
}

#main .serviceMark {
	font-size: 0.6em;
	vertical-align: super;
}


/* footer */

#footer {
	position: relative;
	background-color: #AAA;
	clear: both;
	padding: 20px;
	text-align: center;
	border-top: medium solid #222;
}