/*
S Management Stylesheet

Copyright Noisegate Media 2006 All rights reserved
http://www.noisegatemedia.com

*/

/* Body and main tag */

* {
	margin:				0;
	padding:			0;
}

body {
	background-color:	#96AFAF;
	font: 11px arial, verdana, sans-serif;
}

a:link, a:visited, a:hover {
	text-decoration:none;
	font-weight:	bold;
}

img {
	border:				0;
}

hr.clear {
	clear:			both;
	visibility: 	hidden;
	height:			0;
}

/* Navbars */
.navbars {
	background-color:#B8D6D6;
	color:			white;
	height:			20px;
	padding-left:	102px;
	letter-spacing: 1px; 
	min-width: 400px;
}

.navbars p {
	margin: 		0;
	padding:		0;
	vertical-align:	bottom;
	line-height: 	20px; 
	float:			left;
}

.navbars a:link, .navbars a:visited {
	color:			white;
}	

a:hover, .navbars a:hover,  a.selected:link, a.selected:visited,  span.selected {
	color:			#4F4F4F;
}

/* Main Content */
#content {
	margin-left:	100px;
	margin-top:		40px;
	color:			#96AFAF;
}

#content a:link , #content a:visited {
	color:			#96AFAF;
}

/* Home page */
img.homepage_image, img.list_image {
	margin:			0 7px 0 0;
	padding:		0;
}

img.homepage_image_last {
	margin:			0 60px 0 0;
	padding:		0;
}

/* S management image */
img.sMan {
	padding-bottom:	12px;
}

/* Text pages */

h1 {
	padding-bottom:	30px;
	font-size:		20px;
}

#left {
	float:			left;
}

#content p {
	padding-bottom:	10px;
}

#homepage_right {
	float:			left;
	width:			300px;  
}

#text_page_right {
	float:			left;
	line-height: 	150%
}

img.people_page {
	margin:			0 20px 0 0;
}

/* Show multiple images page */
#list_images {
	width:			95%;
	overflow:		auto;
	white-space: 	nowrap;
	height:			230px;
}

#list_images ul {
	list-style: 	none; 
	white-space: 	nowrap;
}

#list_images li {
	display: 		inline;
	white-space: 	nowrap;
	margin-right:	7px;
}

/* Contact Page */

form {
}

form input, form textarea {
	margin-bottom:	2px;
	font: 11px arial, verdana, sans-serif;
	color: #96AFAF;
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 70px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form label.radio {
	float:		none;
	display:	inline;
	width:		100%;
}

#contact {
	margin-top:		-20px;
	float:			left;
}

input.submitbutton {
	margin-left:	73px;
	padding:		0;
}

#contact_page_right {
	float:			left;
	margin-left:	100px;
	text-align:		right;
}

p.siteby {
	float:			right;
	text-align:		right;
	margin-right:	5px;
}

/* Admin Page */
h1.admin {
	padding-bottom:	0px;
	margin-top:		-30px;
	margin-bottom:	0px;
}


/***************************************************************************/
/* Vertical centring layout 											   */
/* http://www.hicksdesign.co.uk/journal/how-to-vertical-centering-with-css */

/* styles for IE 5 Mac */
 #horizon {
	background-color: transparent;
	position: absolute;
	top: 20px;
	left: 0;
	
 }
 
 /* following rules are invisible to IE 5 \*/
 #horizon {
   top: 50%;
   left: 0px;
   width: 100%;
   margin-top: -200px;
 }
 /* end IE 5 hack */ 
	  
#wrapper {
	background-color: #fff;
	position: relative;
	text-align: left;
	width: 100%;
	/*min-height: 320px;
	max-height: 2000px; */
	height: 320px;
	background-color: white;
}
	
/***************************************************************************/