@charset "utf-8";

/* Layout: General 
* {
	margin:0;
	padding:0;
} */

body {
   margin:0em;
}

/* Main wrapper for the site */
div#main-container {
   margin: 0 auto;       /* this centers wrapper */
   margin-top:0px;
   width:940px; 
   margin-left:auto; 
   margin-right:auto; 
   height:auto;
}

/* Main header wrapper */
div#header-wrapper {
	height:92px;
	border-bottom:2px solid #CCCCCC;
	width:940px;
	float:left; 
	display:inline;
	background-color:#FFFFFF;
}

/* Header: GreySpark logo */
div#gs-logo {
	float:left;
	margin-top:20px;
	width: 228px;
	height: 67px;
}

/* Header: Wrapper for contact & nav links */
div#header-right-wrapper {
	float:right;
	display:inline;
}

/* Header: Contact details */
div#contact-details {
    margin-top:30px;
	text-align:right;
}

/* Header: Navigation */
div#header-nav {
	margin-top:20px;
	text-align:right;
}

/* Main wrapper for content area */
div#content-area {
	padding-top:5px;
	padding-bottom:5px;
	/*border-bottom:1px solid #CCCCCC;*/
	/*overflow:auto;*/
}

/* Left sub navigation section - used in all content pages */
div#sub-nav-left {
	float:left;
	display:inline;
	height:auto !important;
	height:250px;
	min-height:250px;
	overflow:visible;
	width:20%;
	padding-top:8px;
}


/* Footer section wrapper */
div#footer-wrapper {
	height:25px;
	padding-top:7px;
	font-size:80%;
	width:940px; 
	float:left; 
	margin-left:auto; 
	margin-right:auto; 
	display:inline;
	border-top:1px solid #CCCCCC;
	
}

/* Footer: Navigation */
div#footer-nav {
	float:left;
}

#footer-nav  a{
	color:#999999;
}

#footer-nav  a:hover{
	color:#3F7EB3;
}

/* Footer: Copyright */
div#footer-copyright {
	/*margin-top:2px;*/
	float:right;
	margin-top:-6px;
	*margin-top:3px;
}