/*

Theme Name: Systems Integration Group
Theme URI: http://aquavitacreative.com
Description: The default Systems Integration Group theme by<a href="http://aquavitacreative.com">Aqua Vita Creative</a>.
Version: v1.0
Author: Jonathan Cox & Sean Ferguson
Author URI: http://aquavitacreative.com
Tags: Systems Integration Group, Aqua Vita Creative

*/

/* CSS Document */

/* Body Structure Rules Begin */

body {
	background: #FFF;
	margin: 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	
}

#container {
	width: 100%;
	margin: auto;
}

.clearFloat {
	display: block;
	clear: both;
}

.divider {
	display: block;
	float: left;
	clear: both;
	width: 99%;
	height: 5px;
	margin: 15px 0;
	border-top: 2px dotted #FFF; 
}

hr {
	color: #FFF;
	margin: 15px auto;
}

/* Body Structure Rules End */


/* Header Rules Begin */

#header {
	display: block;
	width: 895px;
	height: 150px;
	margin: auto;
	color: #666666;
}


#logo {
	display: block;
	float: left;
	margin: 20px 0 0 0;
}

#headerInfo {
	display: block;
	float: right;
	margin: 100px 0 0 0;
}

/* Header Rules End */


/* Navbar Rules Begin */

#navbarBG {
	width: 100%;
	background: url(images/navbar.jpg) repeat-x;
}

#navbar {
	display: block;
	width: 895px;
	height: 41px;
	margin: auto;
}

#navbar img {
	margin: 0 -4px 0 0;
	padding: 0;
}


/* Navbar Rules End */


/* Content Area Rules Begin */

	/* Slideshow Rules Begin */

		.slideshow1 { 
			display: block;
			width: 868px;
			height: 313px; 
		}

	/* Slideshow Rules End */

#contentBG {
	width: 100%;
	background: #1CBECD url(images/blue-gradient.jpg) repeat-x bottom;
	padding: 20px 0 0 0;
}

#orangeContentBG {
	width: 100%;
	background: #cc750c url(images/orange-gradient.jpg) repeat-x bottom;
	padding: 20px 0 0 0;
}

#redContentBG {
	width: 100%;
	background: #cd0c0d url(images/red-gradient.jpg) repeat-x bottom;
	padding: 20px 0 0 0;
}

#greenContentBG {
	width: 100%;
	background: #75C611 url(images/green-gradient.jpg) repeat-x bottom;
	padding: 20px 0 0 0;
}

#rbContentBG {
	width: 100%;
	background: #0d72cc url(images/royalblue-gradient.jpg) repeat-x bottom;
	padding: 20px 0 0 0;
}

#contentWrap {
	display: block;
	width: 895px;
	margin: auto;
	padding: 10px 0 20px 0;
}

#masthead {
	display: block;
	width: 895px;
	height: 320px;
}

.theTime {
	margin-top: 0; 
	font-weight: bold;
	text-transform: lowercase;
}

	/* Col1 Rules Begin */

		#col1 {
			display: block;
			float: left;
			width: 578px;
			padding-right: 90px;
		}

	/* Col1 Rules Rules End */


	/* Col2 Rules Begin */

		#col2 {
			display: block;
			float: right;
			width: 220px;
		}

	/* Col2 Rules Rules End */


/* Content Area Rules End */

/* Footer Rules Begin */

#footer {
	display: block;
	width: 895px;
	margin: auto;
	color: #666666;
	padding: 30px 0 0 0;
}

#footerCol1 {
	display: block;
	float: left;
	width: 145px;
	margin-left: 15px;
}

#footerCol2 {
	display: block;
	float: left;
	width: 245px;
}

#footerCol3 {
	display: block;
	float: left;
	width: 195px;
	margin-right: 45px;
}

#footerCol4 {
	display: block;
	float: left;
	margin-bottom: 20px;
}

/* Footer Rules End */


/* Typography Rules Begin */

h1, h2, h3, h4, h5, h6 {
	text-transform: capitalize;
	#margin-top: 15px;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	text-decoration: none;
}

h1 {
	font-size: 1.3em;
}

h2 {
	font-size: 1.05em;
}

h3 {
	font-size: .9em;
}

h4 {
	font-size: .8em;
}

h5 {
	font-size: .7em;
}

h6 {
	font-size: .6em;
}

p {
	font-size: 11.5pt;
	margin: 10px 0;
	padding: 0;
}

li {
	font-size: 11.5pt;
}

#contentArea p {
	padding: 0 20px 0 0;
}

#footer p {
	margin: 0 0 0 0;
}

#contentWrap a {
	color: #FFF;
}

#contentWrap a:hover {
	color: black;
}

a:hover {

}

#col1 a:hover {
	text-decoration: underline;
}

#col2 a:hover {
	text-decoration: underline;
}

#contentArea ul {
	font-size: .8em;
}

#footer a {
color: black;
text-decoration: none;
}

#footer a:hover {
color: #999999;
}

/* Typography Rules End */

/* Image Rules Begin */

img {
	border: none;
}

img.centered {
display: block;
padding: 4px;
border:1px solid #D0CABF;
margin-left: auto;
margin-right: auto;
}

img.alignright {
display: inline;
padding: 4px;
float: right;
border:1px solid #D0CABF;
background-color: #ffffff;
margin: 0px 0px 5px 7px;
}

img.alignleft {
display: inline;
padding: 4px;
float: left;
border:1px solid #D0CABF;
background-color: #ffffff;
margin: 0px 7px 5px 0px;
}

/* Image Rules End */