/*

	Putting It Together - Main Stylesheet
	Created by Industrial Media
	www.industrialmedia.ca

*/

/* =General
---------------------------------------------------------------------------------------------------- */

body {
	background-color: #0D4779;
	color: #555555;
	margin: 0;
	padding: 2px;
	}
	
body, div, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	}
	
hr {
	background: #CCCCCC;
	border: 0;
	border-top: 1px solid #CCCCCC;
	clear: both;
	height: 0;
	margin: 0.5em 0 1em 0;
	_margin: 0 0 0.5em 0;
	padding: 0;
	}

/* =Layout
---------------------------------------------------------------------------------------------------- */

#content {
	padding: 12px 12px 0 8px;
	}
	
#content table {
	margin-bottom: 12px;
}
	
/* =Header
---------------------------------------------------------------------------------------------------- */



/* =Navigation
---------------------------------------------------------------------------------------------------- */

#submenu {
	background: #CCCCCC url('../images/wrapper/submenu-bg.jpg') top left repeat-y;
	list-style: none;
	margin: -2px 0 0 0;
	padding: 2px 0;
	position: relative;
	z-index: 1;
	}
	
#submenu.services {
	background: #CCCCCC url('../images/wrapper/submenu-bg-services.jpg') top left repeat-y;
	}
	
#submenu li {
	background: transparent url('../images/wrapper/submenu-arrow.gif') 15px 5px no-repeat;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0 2px 2px 25px;
	}

#services-menu td {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	line-height: 15px;
	}
	
#services-menu td #row1 td {
	padding-top: 2px;
	line-height: 16px;
	}
	
#services-menu td #row2 td {
	padding-bottom: 2px;
	}
	
#services-menu td table td {
	text-align: center;
	}
	
#submenu a, #submenu a:active, #submenu a:visited {
	color: #114170;
	font-size: 12px;
	text-decoration: none;
	}
	
#services-menu a, #services-menu a:active, #services-menu a:visited {
	color: #114170;
	font-size: 11px;
	text-decoration: none;
	}
	
#submenu a:hover, #services-menu a:hover, #submenu a:visited:hover, #services-menu a:visited:hover {
	text-decoration: underline;
	}
	
#submenu li.on {
	background-image: url('../images/wrapper/submenu-arrow_on.gif');
	}
	
#submenu li.on a, #submenu li.on a:active, #submenu li.on a:visited, #row1 td.on a, #row1 td.on a:active, #row1 td.on a:visited, #row2 td.on a, #row2 td.on a:active, #row2 td.on a:visited {
	color: #0076CC;
	}

/* =Typography
---------------------------------------------------------------------------------------------------- */

.bigger {
	font-size: 14px;
	}

.smaller {
	font-size: 10px;
	}
	
h1, h2, h3 {
	color: #114170;
	font-size: 18px;
	margin: 0 0 12px 0;
	}
	
h2 {
	color: #0076CC;
	font-size: 16px;
	}
	
h3 {
	font-size: 14px;
	}
	
p, li {
	line-height: 1.5em;
	margin: 0 0 12px 0;
	}
	
#sidebar, #sidebar div, #sidebar td {
	font-size: 11px;
	}

/* =Lists
---------------------------------------------------------------------------------------------------- */

#content li {
	margin-bottom: 0.5em;
	}

/* =Footer
---------------------------------------------------------------------------------------------------- */

#footer {
	color: #FFFFFF;
	font-size: 10px;
	padding: 4px 8px 8px 8px;
	}

/* =Forms
---------------------------------------------------------------------------------------------------- */ 

.indent {
	text-indent: 3em;
	}

.validation {
	color: #FF0000;
	font-weight: bold;
	}
	
form {
	margin: 0;
	padding: 0;
	}

/* =Links
---------------------------------------------------------------------------------------------------- */

a, a:active {
	color: #993366;
	}
	
a:visited {
	color: #003464;
	}
	
a:hover, a:visited:hover {
	color: #0076CC;
	}
 
/* =Misc: Homepage Specific
---------------------------------------------------------------------------------------------------- */

#home .blue h1 {
	color: #993366;
	margin: 0;
	}

#home .blue p {
	font-size: 11px;
	margin: 0;
	}
	
#home #sidebar .blue p {
	margin-bottom: 12px;
	}
	
#home #sidebar a:visited {
	color: #993366;
	}
	
#home #sidebar a:visited:hover {
	color: #0076CC;
	}
		
/* =Misc
---------------------------------------------------------------------------------------------------- */

#sidebar td.normal {
	font-size: 12px;
	}

.blue {
	color: #114170;
	}
	
.blue a:visited {
	color: #0076CC;
	}
	
.blue a:visited:hover {
	color: #993366;
	}
	
.quote div {
	margin-bottom: 1em;
	}
	
.pink {
	color: #993366;
	}
	
a.go, a.go:active, a.go:visited {
	color: #993366;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	}
	
a.go:hover, a.go:visited:hover {
	text-decoration: underline;
	}
	
.info h2 {
	font-size: 12px;
	margin: 0 0 6px 0;
	}
	
.info p {
	margin: 0 0 6px 0;
	}
	
#sidebar .photo {
	margin: 0;
	}