/* ================================================================ **
** style.css
** ---------------------------------------------------------------- **
** Created: 14-06-08 (dd-mm-yy)
** Author: growldesign.co.uk
** Website: scanmetrics.co.uk
** ================================================================ */


/* ---------------------------------------------------------------- ** 
** Generic
** ---------------------------------------------------------------- */
html { font-size: 76%; }
body {
	background: #4D4D4D ;
	background-attachment: fixed;
	border-top: 5px solid #333;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #333;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	}

/* headers */
h2 {
	color: #3E2D84; 
	margin: 0; 
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em; 
}
h3, h4, h5, h6 { 
	color: #3E2D84; 
	margin: 0; 
	font-weight: normal;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 1.3em; 
	}
h2 { font-size: 1.8em; margin: 35px 0 10px; }
h3 { font-size: 1.8em; margin: 35px 0 10px; }
h4 { font-size: 1.4em; margin: 5px 0 10px; color: #4F929F; }
h5 { font-size: 1em; margin: 20px 0 10px; }	
h6 { font-size: 1em; margin: 10px 0 10px; }

/* text */
p { margin: 15px 0; }
acronym { cursor: help; }

/* links */
a { text-decoration: underline; outline: none; color: #06276F; }
a:hover { text-decoration: none; }

/* images */
/*img { border: 1px solid #ccc; padding: 2px; }	*/
a img { }
img.right { margin: 0 0 20px 30px; }
img.left { margin: 0 30px 20px 0; }

/* horizontal rule */
hr { clear: both; border: 0; height: 1px; background-color: #ddd; color: #ddd; margin: 0; }

/* classes */
.left { float: left; }
.right {float: right; }
.hide { display: none; }

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
	background: #fff url(/img/container_.png) repeat-x;
        border: 5px solid #333366;
	width: 910px;
	margin: 0 auto;
	text-align: left;
	}
#container div {
	background: url(/img/container__.png) repeat-x left bottom;
	padding: 10px 60px 30px 60px;
	height: 1%;
	}
#container div div { 
	background: none; 
	padding: 0;
	}	
	

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header { position: relative; border: 5px solid #333366; border-bottom:9px solid #333366;}

/* Logo */
#header h1 { 
	color: #333;
	margin: 0px 0 50px 0px;
	width: 193px;
	height: 104px;
	}
#header h1 a { 
	display: block;
	height: 100%;
	float:left;
	}
	
#header div {
	width: 437px;
	height: 250px;
	position: absolute;
/*	right: -30px;
	top: -105px;*/
	overflow: visible;
	}	
	
#header img {
    height: 163px; 
    padding: 0px;
	}	

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
    font-family: Georgia, "Times New Roman", Times, serif;
	margin: 0px auto;
	padding: 2px 12px;
    background-color: #333366;
	list-style-type: none;
	height: 1%;
	position: relative;
	bottom: -9px;
	display:block;
	}
#header h1 > a > img { border:none; }
#header ul:after { 	
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0;
	height: 0;
	}	
#header ul li {
	float: left;
	margin: 0 6px 0 6px; 
	}
#header ul li a {
	text-decoration: none;
	font-variant: small-caps;
	display: block;
	color: #fff;
	}	
#header ul li a span {
	color: #fff;
	font-size: 1.2em;
	padding: 9px 3px 7px;
	display: block;
	}
#header ul li a:hover span { background-color:#8144D6; }	 	

/*------------------------------------------------------------*
**  Body
**------------------------------------------------------------*/
#body {
	padding: 1px 0 0; 
	}
#body:after { 	
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	font-size: 0;
	height: 0;
	}
	
p.info,
p.error,
p.success {
	background: #4573D5;
	border: 1px solid #06276F;
	color: #FFFFFF;
	padding: 3px 5px 3px 25px;
	margin: 25px 0;
	}	
p.error {
	background-color: #9F1D1D;
	background-image: url(/img/exclamation.png); 
	border-color: #6F0D0D;
	}	
p.success {
	background-color: #589744;
	background-image: url(/img/accept.png); 	
	border-color: #2D5F1D;
	}	
	
/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
	background-color:#333366;
        border: 5px solid #333366;
        border-top: 0px solid #FFFFFF;
	width: 790px;
	margin: 0 auto;
	text-align: left;
	color: #FFF;
	padding: 0 60px;
	}
#footer:after {	
	content: ".";
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	}
#footer ul { list-style-type: none; float: right; }
#footer ul li { display: inline; margin-left: 20px; }
#footer ul li a,
#footer ul li a span { color: #fff; }

p.employee { 
    display:block;
    padding-left: 20px; 
    margin: 5px 0 5px 0;
    float: left;
    width: 350px;
}
p.employee > img { 
    float:left; 
    margin-right:10px; 
    border:none;
}
p.employee a { font-weight: bold; }
span.jobTitle { 
    display:block;
    font-size:.95em; 
    text-indent:10px;
}
div.modal { display:none; text-align:left;}
div.modal > img { float:left; margin:10px;}
ul.teambullet { clear: left; }

#logo { 
    background-image: url("images/chicago_bg.jpg") !important;
    background: #FF0000 !important;
    float: right; 
    position:absolute; 
    display:block;
    right: 0px;
    top:0px;
}
#container div div.half_box { 
    width: 45%;
    padding: 0px 10px 0 10px;
    float:left;
}

div.quote { 
    background-image: url("images/quote.png") top left !important; 
    
} 
.caps { font-variant:small-caps; }
#mission { font-weight: bold; }