@charset "UTF-8";

/*
-----------------------------------------------
Screen Stylesheet

Author: Delwin Holeman delwin@idwebandprint.com
Version: 2008.08
----------------------------------------------- */

* {
	margin: 0; /* it's good practice to zero the margin and padding of all the elements to account for differing browser defaults */
	padding: 0;
	}
	
/* force right scrollbar */
html { 
    height: 100%;
    margin-bottom: 1px;
	}

body  {
	margin: 0 auto;
	text-align: center;
	font: normal 13px/20px georgia, 'Times New Roman', times, serif;
	color: #222;
	background: #a5974f url(/images/bg.gif) repeat-x top;
	}

#header {                                                                                             
	margin: 0 auto;
	width: 960px;
	height: 143px;
	background: #fff url(/images/bg_header.gif) no-repeat;	
	}
	
#header #logo {
	float: left;
	}

#header #logo a {
	float: left;
	text-indent:-9999px;
	display: block;
	width: 300px;
	height: 143px;
	}
	
/* 
NAVIGATION --------------------- */

.skiplink {
	display: none;
	}

#navMain {
	float: right;
	width: 585px;
	height: 40px;
	font-size: 14px;
	}

#navMain ul {
	float: left;
	display: inline;
	list-style: none;
	padding: 90px 0 0 0;
	}
	
#navMain ul li {
	display: inline;
	float: left;
	height: 30px;
	margin: 0;
	padding: 0;
	}
	
#home 	   			li#n-home a:link, 			#home li#n-home a:active, 						#home li#n-home a:visited,
#profile 	   		li#n-profile a:link, 		#profile li#n-profile a:active, 				#profile li#n-profile a:visited,
#projects 	   		li#n-projects a:link, 		#projects li#n-projects a:active, 				#projects li#n-projects a:visited,
#gallery 	   		li#n-gallery a:link, 		#gallery li#n-gallery a:active, 				#gallery li#n-gallery a:visited,
#links				li#n-links a:link,			#links li#n-links a:active,						#links li#n-links a:visited,
#contact			li#n-contact a:link,		#contact li#n-contact a:active,					#contact li#n-contact a:visited {
	color: #000;
	}
	
#navMain a:link, #navMain a:active, #navMain a:visited {
	display: block;
	float: left;
	height: 30px;
	padding: 10px 43px 10px 0;
	color: #333;
	text-decoration: none;
	}
	
#navMain a:hover {
	color: #555;
	}
	

/*
CONTENT AND COLUMNS --------------------- */ 
	
#content { 
	width: 960px; 
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding-bottom: 50px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #fff;
	} 

#home #content { 
	background-image: none;
	}

body.ms #mainContent, 
body.sm #mainContent {
	padding: 0 75px 0 105px;
	text-align: left;
	}
	
body.ms #sidebar,
body.sm #sidebar {
	display: block;
	width: 0;
	}
	
body.ms #mainContent,
body.sm #sidebar {
	float: left;
	}
	
body.sm #mainContent,
body.ms #sidebar {
	float: right;
	}
	
div#sidebar {
	display: none;
	}
	
#gallery #sidebar {
	width: 550px;
	}
	
#home #mainContent {
	padding: 40px 75px 0 196px;
	}
	
#mainContent {
	width: 800px; 
	}
	
#gallery #mainContent {
	width: 220px;
	}

#banner {   
	margin: 0 auto;
	padding: 0 0 3px 105px;
	width: 855px;
	height: 526px;
	text-align: left;
	background:#fff url(/images/logo_btm_sec.gif) no-repeat 91px 0;
	}
	
#banner img {
	float: right;
	margin: 0 0 40px 50px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #d3b24e;
	}
	
#home #banner {   
	padding: 0 0 3px 0;
	width: 960px;
	height: 480px;
	background-color: #fff;
	border-bottom: 1px solid #d3b24e;
	}
	
#home #banner img {
	margin: 0;
	}
	
#gallery #banner, #project #banner, #profile #banner, #links #banner, #contact #banner {   
	height: 48px;
	}
	
#flashcontent {
	float: left;
	margin: 0;
	height: 700px;
	width: 800px;
	}

p {
	padding: 0 0 20px 0;
	}
	
p.small {	
	font-size: 11px;
	}
	
p.largeText {	
	font-size: 16px;
	color: #555;
	font-style: italic;
	line-height: 27px;
	padding-bottom: 15px;
	} 
	
#home p.largeText {	
	width: 600px;
	font-size: 16px;
	color: #555;
	font-style: italic;
	line-height: 27px;
	padding-bottom: 15px;
	} 
	
p.adminlink {
	font-size: 10px;		    
  	}
	
#gallery p {
	padding: 0 0 0 0;
	}
	
.admin {
	clear: both;
	width: 200px;
	padding: 100px 0 0 0;
	}
	
hr {
	width: 550px;
	border: 0;
	color: #999;
	background-color: #999;
	height: 1px;
	margin: 30px 0 3px 20px;
	}
	
/*
GALLERY  --------------------- */ 
	
#g1, #g2, #g3, #g4 {
	float: left;
	width: 80px;
	height: 130px;
	padding: 0 25px 0 0;
	line-height: 15px;
	}
	
#g5, #g6, #g7, #g8, #g9, #g10, #g11, #g12, #g13 {
	float: left;
	width: 90px;
	height: 130px;
	padding: 0 25px 0 0;
	line-height: 15px;
	}
	
.svlinks img {
	margin: 0 0 5px 0;
	padding: 1px;
	border: 1px solid #d3b24e;
	}
	
.svlinks p {
	width: 90px;
	}

/*
CONTACT FORM - other styles in ddformmailer.css within the form folder --------------------- */ 

sup.asterisk {
	font-size: 70%;
	}
	
.contactForm {
	margin: 0;
	padding; 0;
	width: 300px;
	height: 350px;
	}


	
/*
HEADING TAGS --------------------- */
	
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	line-height: 20px;
	}

h1 {
	padding: 64px 0 15px 0;
	font-size: 24px;
	}
	
#gallery h1 {
	padding: 24px 0 25px 0;
	}

h2 {
	margin: 35px 0 10px 0;
	font-size: 20px;
	line-height: 23px;
	}
	
#project h2 {
	margin: 20px 0 5px 0;
	}
	
h3 {
	margin: 0 0 15px 0;
	font-size: 17px;
	font-style: italic;
	}
	
h4 {
	
	}
	
h5 {
	
	}
	
h6 {
	
	}
	
/*
LISTS --------------------- */


#content ul {
	list-style: none;
	margin: 10px 20px 15px 0px;
	}
	
#content ul li {
	margin: 0 0 7px 0;
	padding: 0 0 0 12px;
	background: url(/images/bullet.gif) no-repeat 0 8px;
	}
	
#profile #content ul#awards {
	margin: 0 0 0 350px;
	}
	
#banner ul {
	 margin: 0;
	 padding: 0;
	 list-style: none;
	}
	
#banner li {
	 padding: 0;
	}
	
ul.noBullet {
	margin: 0 30px 38px 0px;
	list-style: none;
	line-height: 1.3em;
	background: none;
	}
	
ul.noBullet li {
	padding: 0;
	}
	
#content ul.one {
	margin-top: 0;
	float: left;
	width: 150px;
	}
	
#content ul.two {
	margin-top: 0;
	float: left;
	width: 150px;
	}
	
ol {
	margin: 0 30px 15px 40px;
	font-size: .9em;
	line-height: 1.6em;
	font-family: georgia, times, serif;
	color: #000;
	}
	
	
/*
LINKS --------------------- */


a img {
	border: none;
	}
	
a:link {
	color: #6e5ee4;
	}
	
a:link, a:visited, a:active { 
	text-decoration: none; 
	}
					
a:hover { 
	text-decoration: underline; 
	}
	
/*
IMAGE FLOATS--------------------- */

.fltrt img, .fltlt img, .fltlt-paddedbtm img {
	padding: 2px;
	border:  1px solid #d3b24e;
	}
	
.fltlt-noborder img {
	padding: 2px;
	border:  none;
	}
	
.fltrt {
	float: right;
	padding: 0 0 40px 60px;
	}

.fltlt {
	float: left;
	padding: 0 60px 40px 0;
	}
	
.fltlt-noborder {
	float: left;
	padding: 0 60px 40px 0;
	}
	
.fltlt-paddedbtm {
	float: left;
	padding: 0 60px 200px 0;
	}

.caption {
	font-size: 10px;
	text-align: left;
	}	


/*
TABLES--------------------- */


/* sortable table alternating row colors. styles below are for td's that have another class applied which makes the automatic class application not work. See the body onload for the automatic colors */
	

 .even {
 	background-color: #efefef;
	}
	
.odd {
	background-color: #fff;
	} 


/*
FOOTER --------------------- */
	
#footer { 
	width: 960px;
	height: 145px;
	margin: 0 auto;
	text-align: center;
	color: #efefef;
	font-size: 11px;
	background-color:  #a5974f;
	} 
	
#footer a { 
	color: #efefef;
	text-decoration: none;
	} 
	
#footer a:hover { 
	color: #fff;
	text-decoration: underline;
	}

#footer p {
	width: 960px;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}