/*-----------------------
	author: Mike Ball 
	October 2007
	www.mikeball.org
------------------------*/


/*----------------------BOF GLOBALS-------*/
body {
	background: url(../images/bg-body.jpg) repeat;
	font-size:62.5%;
	margin:0;
	padding:0 0 20em 0;
	font-family: Georgia, Times, serif;
	}

p {
	font-size:1.3em;
	line-height:1.4em;
	}

hr {
	border-top:1px solid #336699;
	border-bottom:1px solid #336699;
	height:4px;
	border-left:none;
	border-right:none;
	margin:0;
	padding:0;
	}

h2 {
	color:#336699;
	text-indent:-5000px;
	font-size:2.5em;
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
h3 {
	text-decoration:underline;
	font-size:1.9em;
	font-weight:normal;
	padding:0;
	margin-bottom:.5em;
	}
	
ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:inside;
	}

li {
	font-size:1.2em;
	margin:0;
	padding:0;
	}

/*----------------------BOF #container----*/
#container {
	width:843px; /*820px;*/
	margin:0 auto;
	padding:0;
	background:url(../images/bg-container.png) repeat-y top;
	}
	
*html #container {
	/*deals with IE6 transparent .png bug. We may want to use a javascript workaround rather than a separate style at some point*/
	background:#e7e7e7;
	width:823px;
	}
	

/*----------------------BOF #header-------*/
div#header {
	margin:0 auto;
	padding:0;
	height:135px;
	width:680px;
	}

#header h1 {
	margin:0;
	padding:0;
	float:left;
	background:url(../images/redmond_logo.png) no-repeat 0 0;
	}

#header h1 a {
	text-indent:-5000px;
	width:209px;
	height:135px;
	display:block;
	}

/*----------BOF #header #nav_wrapper #nav--*/
#nav_wrapper {
	margin:60px 0 0 0;
	padding-right:20px;
	float:right;
	}
	
#nav {
	width:432px; 
	height:18px;
	background:url(../images/bg-nav.gif) no-repeat bottom;
	margin:0 auto 5px auto;
	padding:0;
	position:relative;
	}

#nav li {
	margin:0;
	padding:0;
	position:absolute;
	text-indent:-5000px;
	}
	
#nav li, #nav a {
	height:18px;
	display:block; 
	}

#n-home { left:0; width:50px; }
#n-about_us { left:62px; width:75px; }
#n-staff { left:150px; width:50px; }
#n-rgallery { left:215px; width:70px; }
#n-contact { left:295px; width:75px; }
#n-links { left:380px; width:50px; }

#n-home a:hover { background: url(../images/bg-nav.gif) no-repeat 0 0; }
#n-about_us a:hover { background: url(../images/bg-nav.gif) no-repeat -62px 0; }
#n-staff a:hover { background: url(../images/bg-nav.gif) no-repeat -150px 0; }
#n-rgallery a:hover { background: url(../images/bg-nav.gif) no-repeat -215px 0; }
#n-contact a:hover { background: url(../images/bg-nav.gif) no-repeat -295px 0; }
#n-links a:hover { background: url(../images/bg-nav.gif) no-repeat -380px 0; }

p#contact_info {
	position:relative;
	background:url(../images/bg-contactInfo.gif) no-repeat;
	width:432px;
	height:21px;
	margin:0 auto;
	text-indent:-5000px;
	}

/*----------------------BOF #content------*/
#content {
	width:650px;
	padding:40px 0;
    margin:0 auto;
    }
    
#index #content { min-height:550px; }
#about #content { min-height:500px; }
#contact #content { min-height:500px; }
#staff #content { min-height:700px; }
#login #content { min-height:500px; }
#client_login #content { min-height:500px; }
#rgallery #content {min-height:550px; }
#links #content {min-height:500px; }
	
h2#h2_aboutUs { background:url(../images/h2_aboutUs.gif) no-repeat top left; }
h2#h2_staff { background:url(../images/h2_staff.gif) no-repeat top left; }
h2#h2_rgallery { background:url(../images/h2_gallery.gif) no-repeat top left; }
h2#h2_contact { background:url(../images/h2_contact.gif) no-repeat top left; }
h2#h2_links { background:url(../images/h2_links.gif) no-repeat top left; }
h2#h2_clientLogin { background:url(../images/h2_clientLogin.gif) no-repeat top left; }

/*-------- #content various photo layout styles---*/
.homepage_photo {
	margin:-7px -16px 0 0;
	float:left;
	position:relative;
	width:233px;
	height:494px;
	background:url(../images/bg-tallPhoto.png);
	}
.homepage_photo img {
	padding: 8px 13px;
	}

.tall_photo {
	margin:-7px 0 0 -15px;
	float:left;
	position:relative;
	width:233px;
	height:494px;
	background:url(../images/bg-tallPhoto.png);
	}

.tall_photo img {
	padding:8px 13px;
	}
	
.staff_photo {
	float:left;
	margin:-5px 5px 0 -11px;
	background:url(../images/bg-staff.png);
	width:231px;
	height:143px;
	}

.staff_photo img {
	padding:5px 12px;
	}
	
#right_column {
	width:415px;
	margin:0 0 0 240px;
	}
	
*html #right_column {
	width:405px;
	}

/*----------------#content .staff_member--*/
.staff_member {
	clear:both;
	margin:0 0 20px 0;
	}
	
.staff_member p {
	margin:0 0 30px 0;
	padding:0;
	width:425px;
	float:right;
	}
	
/*----#content #rgallery_wrapper, etc.------*/
#rgallery_wrapper div {
	float:left;
	/*margin:5px 0 0 -9px;*/
	}

div.rgallery_portal {
	width:227px;
	height:148px;
	margin:0 -2px -5px -9px;
	background:url(../images/bg-galleryPortal.png) no-repeat;
	}

/*.first_rowItem {
	margin-left:-9px;
	}
*/	
.rgallery_portal img {
	border:1px solid black;
	margin:18px;
	}

.rgallery_portal h3 {
	color:white;
	font-size:1.2em;
	font-weight:bold;
	margin:-10px 18px 18px 18px;
	text-decoration:none;
	}

.rgallery_portal h3 a:link {
	margin:0;
	color:white;
	text-decoration:none;
    }
    
.rgallery_portal h3 a:hover {
	background-color:#8d8c8a;
	color:white;
	text-decoration:underline;
	}
	
.rgallery_portal h3 a:visited {
	color:white;
	text-decoration:none;
	}
	
/*---------------BOF #content forms-------*/
form {
	margin-top:10px;
	border:1px solid #336699;
	width:250px;
	height:100px;
	padding:10px;
	}
	
label {
	position:absolute;
	}

input {
	border:1px solid #336699;
	float:right;
	}
	
form .submit {
	text-align:right;
	clear:right;
	margin:10px 0 0 0;
	}

    
/*----------------------BOF #footer-------*/

#footer {
	background:url(../images/bg-footer.png) no-repeat -8px -3px;
	font-family:courier;
	width:843px;
	/*clear:both;*/
	margin:0 auto;
	position:absolute;
	padding:25px 40px 0 0;
	font-size:90%;
	color:black;
	}
	
*html #footer {
	/*deals with IE6 transparent .png bug. We may want to use a javascript workaround rather than a separte style at some point*/
	background:none;
	padding:15px 40px 0 0;
	}

#footer a:link {
	color:black;
	text-decoration:none;
	padding:3px 0 0 0;
	}

#footer a:hover {
	border-top: 3px solid #336699;
	}

#footer a:visited {
	color:black;
	text-decoration:none;
	padding:3px 0 0 0;
	}

#utility {
	float:left;
	margin-left:50px;
	}

*html #utility {
	/*fixes IE6 spacing bug*/
	margin-left:25px;
	}

#utility li {
	margin:0;
	padding:0 .8em 0 0;
	display:inline;
	border:1px solid black;
	border-width: 0 1px 0 0;
	}
	
* html #utility li {
	/*fixes IE6 spacing bug*/
	padding: 0 .3em 0 .5em;
	}

#utility #utility_links {
	border:none;
	}

#footer p {
	margin:0;
	}

p#client_login {
	margin:8px 50px 0 0;
	padding:0;
	font-size:150%;
	float:right;
	}

*html p#client_login {
	/*fixes IE6 spacing bug*/
	margin:8px 25px 0 0;
	}