/* ------------------------------------------------------------------------------------------------------*/
/* ZERO OUT ALL BROWSER PRE-SET VALUES  -----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CCCCCC;
}

html 	{ overflow-y: scroll; }	/* Add this in to always generate vertical scrolls (and avoid page shift on centered layouts) */
html 	{ overflow-x: hidden; }	/* Turn off horizontal scrollbars (because we have additional graphic elements makeing page wider). Set horiz scrolls using javascript as needed. */
a:focus	{ outline: 0; } 		/* Gets rid of outlines in FF */
.clear 	{ clear: both; }



/* ------------------------------------------------------------------------------------------------------*/
/* BASE BLOCK ELEMENTS & GLOBAL STYLES ------------------------------------------------------------------*/

body { background: #333 url(../images/shared/backgroundDots.gif) top center repeat-y; }

#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	background: #000 url(../images/shared/content-background.jpg) no-repeat;
	/*border-left: 1px solid #666;*/
	/*border-right: 1px solid #666;*/
}

#header {
	height: 77px;
	padding: 0;
	width: 1208px;
	margin: 0 -248px 0 0;
	background: url(../images/shared/faded-rule.gif) bottom no-repeat;
}

#contentWrapper { /* Exists primarily to add faded rule to right side of the margin */
	width: 1208px;
	min-height: 488px;
	margin: 0 -248px 0 0;
	background: url(../images/shared/faded-rule.gif) 0 487px no-repeat;
}

#content {
	width: 960px;
	min-height: 750px;
	margin: 0 0 0 0;
	padding: 0 0 40px 0; /* Add bottom padding to keep the footer from laying on top of the bottom of the content */
}

#footer {
	clear: both;
	width: 1208px;
	margin: 0 -248px 0 0;
	padding: 25px 0 25px 41px;
	background: url(../images/shared/faded-rule.gif) no-repeat;
}



/* ------------------------------------------------------------------------------------------------------*/
/* HEADER  --------------------------------------------------*/

#header h1 a {
	display: block;
	height: 31px;
	float: left;
	margin: 12px 0 18px 18px;
	font-family: "Times New Roman", Times, serif;
	font-size: 26px;
	font-weight: normal;
	letter-spacing: .04em;
}

#header h1 a:link		{ color: #ffffff; text-decoration: none; }
#header h1 a:visited	{ color: #ffffff; text-decoration: none; }
#header h1 a:hover		{ color: #ffffff; text-decoration: none; }
#header h1 a:active		{ color: #ffffff; text-decoration: none; }

div.description {
	float: right;
	margin: 24px 269px 0 0;
	font-size: 11px;
	font-weight: normal;
	color: #999999;
	letter-spacing: .06em;
}
	


/* -------------------------------------------------------------------------------*/
/* MAIN NAV  ----------------------------------------------------------------------*/

ul#mainNav {
	clear: both;
	padding: 0;
	list-style: none;
}
	
#mainNav li{
	position: relative; /* For the dropdown menus in IE */
	float: left;
	font-size: 11px;
	line-height: 11px;
	margin: 0 0 0 37px;
	padding: 0;
	text-transform: uppercase;
	font-weight: bold;
}

#mainNav li a { display: block; height: 15px; } /* Set the height here so that the user rolls directly onto the suckerfish dropdown menu below it (no gap) so the dropdown menu doesn't disappear */

#mainNav a:link		{ color: #a99281; text-decoration: none; }
#mainNav a:visited	{ color: #a99281; text-decoration: none; }
#mainNav a:hover	{ color: #ffffff; text-decoration: none; }
#mainNav a:active	{ color: #ffffff; text-decoration: none; }



/* ------------------------------------------------------------------------------------------------------*/
/* SUB NAV DROP-DOWNS  --------------------------------------------*/

/* Using Suckerfish Drop-down technique */
/* NOTE: the "top" and "left" attributes need to be overridden from IE browsers in "baseStyles_IEadj.css"
/* For more info: http://www.alistapart.com/articles/dropdowns/ */

ul#mainNav li ul.subNav {
	display: none;
	position: absolute;
	list-style: none;
	margin: 0 0 0 -15px;
	padding: 10px 0 5px 0;
	background-color: #333333;
	border: 1px solid #666666;
	border-top: #333333;
}

/* Custom subnav menu widths */
ul#about_subnav 			{ width: 125px; }
ul#photography_subnav 		{ width: 155px; }
ul#recentProjects_subnav	{ width: 165px; }
	
	
ul#mainNav li ul.subNav li{ 
	margin: 0 0 2px 0;
	float: none;
	position: relative;
	text-transform: capitalize;
}

ul.subNav li a {
	display: block;
	float: none;
	padding: 3px 0 3px 14px;
}

/* Basic Link Styles */
ul#mainNav li ul.subNav li a:link		{ color: #a99281; text-decoration: none; }
ul#mainNav li ul.subNav li a:visited	{ color: #a99281; text-decoration: none; }
ul#mainNav li ul.subNav li a:hover		{ color: #ffffff; text-decoration: none; }
ul#mainNav li ul.subNav li a:active		{ color: #ffffff; text-decoration: none; }

/* This is what makes the drop-downs display (along with some js for IE) */
ul#mainNav li:hover ul.subNav, ul#mainNav li.over ul.subNav { display: block; }



/* -------------------------------------------------------------------------------*/
/* SIDEBAR / SECTION NAV  --------------------------------------------------------*/

#sideBarCol {
	float: right;
	width: 197px;
}

#sideBarCol h1.sectionTitle {
	display: block;
	width: 150px;
	font-size: 12px;
	line-height: 14px;
	letter-spacing: .03em;
	margin: 22px 0 14px 27px;
	padding: 0;
	color: #ffffff;
	text-transform: uppercase;
}

#sideBarCol ul#sectionNav {
	margin: 0;
	padding: 0;
	list-style: none;
	border-top: 1px solid #666;
	font-size: 12px;
	letter-spacing: .03em;	
}
	
ul#sectionNav li {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #666;
}

ul#sectionNav li a {
	display: block;
	width: 141px;
	margin: 0;
	padding: 11px 28px;
	background: #1d1d1d;
	color: #cccccc;
}

ul#sectionNav li a:link		{ color: #cccccc; text-decoration: none; }
ul#sectionNav li a:visited	{ color: #cccccc; text-decoration: none; }
ul#sectionNav li a:hover	{ color: #cccccc; text-decoration: none; background: #343434; }
ul#sectionNav li a:active	{ color: #cccccc; text-decoration: none; background: #343434; }



/* ------------------------------------------------------------------------------------------------------*/
/* CONTENT  --------------------------------------------------*/


/* All text styles for Main Content Block  -------*/

#content h1 {
	font-size: 22px;
	line-height: 23px;
	letter-spacing: .03em;
	margin: 0 0 20px 0;
	padding: 0;
	color: #a18c7c;
}

#content h2 {
	font-size: 18px;
	line-height: 18px;
	letter-spacing: .0625em;
	margin: 0 0 18px 0;
	padding: 0;
	font-weight: normal;
	color: #ffffff;
}

#content h3 {
	font-size: 15px;
	line-height: 16px;
	letter-spacing: .0625em;
	margin: 0 0 22px 0;
	padding: 0;
	font-weight: bold;
	color: #7bb1b9;
}

#content h4 {	/* Used underneath the <h1> tag on the "Recent Projects" page */
	font-size: 12px;
	line-height: 14px;
	letter-spacing: .0625em;
	margin: -15px 0 20px 0;
	padding: 0;
	font-weight: bold;
	color: #a18c7c;
}

#content h5 {
	font-size: 12px;
	line-height: 13px;
	letter-spacing: .0625em;
	margin: 0 0 3px 0;
	padding: 0;
	font-weight: bold;
	color: #7bb1b9;
}

#content p {
	margin: 0 0 14px 0;
	padding: 0;
	font-size: 12px;
	line-height: 18px;
	color: #cccccc;
	letter-spacing: .03em;
}

#content p.spacer { margin: 0 0 3px 0; } /* Extra space after a <p> and before next <h2> or <h3> header. */ 

#content span.blueHighlight { color: #7bb1b9; font-weight: bold; } 

#content ul {
 	list-style-type: none;
	padding: 0;
	margin: 0 0 14px -3px;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	letter-spacing: .03em;
}

#content li {
	margin: 8px 0 5px 0;
	background-image:url(../images/shared/listBullet.gif);
	background-repeat: no-repeat;
	background-position: .4em .5em;
	padding-left: 15px;
}

#content a:link		{ color: #a99281; text-decoration: none; }
#content a:visited	{ color: #a99281; text-decoration: none; }
#content a:hover	{ color: #a99281; text-decoration: underline; }
#content a:active	{ color: #a99281; text-decoration: underline; }

#content a.actionLink { 
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
}



/* -------------------------------------------------------------------------------------------------------*/
/* FOOTER BLOCK  -----------------------------------------------------------------------------------------*/

#footer p {
	color: #666666;
	font-size: 10px;
	line-height: 10px;
}

#footer a:link 		{ color: #666666; text-decoration: none; }
#footer a:visited	{ color: #666666; text-decoration: none; }
#footer a:hover		{ color: #ffffff; text-decoration: underline; }
#footer a:active	{ color: #666666; text-decoration: none; }