/*******************************************************
TITLE:  Basic Template
AUTHOR: Matt Solum - www.mattsolum.com
*******************************************************/

/* COLOR INDEX

	nonFooter background: #e7e5de;
	navigation link color: #808080;
	footer basic text: #dfba69;
	footer highlight text: #fffedf;

*/

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#e7e5de;
	background: #e7e5de url(http://www.wsolumphoto.com/resources/images/headerBackground.png) repeat-x top left;
	color:#000000;  
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

html { height:100%; }


a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

p {
	margin:6px 0;
}

blockquote {
	margin: 20px auto -10px auto;
	padding:8px;
	border-left: 2px solid #5A2E2E;
	width:600px;
	left:50%;
}

blockquote p {
	margin:.2em;
}

ul {
	list-style-type:disc;
}

li {
	margin:0 0 0 25px;
	list-style-type:disc;
}

.clearFloats {
	clear:both;
}

img {

}

h1 {
	font-family: palatino Linotype, palatino, serif;
	font-size:1.5em;
	font-weight:bold;
	color:#669900;
}

h2 {
	font-family: palatino Linotype, palatino, serif;
	font-size:2em;
	text-align:left;
	margin-left:30px;
	margin-bottom:-10px;
}

h3 {
	font-family: palatino Linotype, palatino, serif;
	font-size:1.5em;
	font-weight:bold;
}

.alignRight {
	text-align:right;
	margin-right:250px;
}

hr {
	height:1px;
	color:#5b473b;
	background-color:#5b473b;
	border:0;
}

/* ^^^^^^^^^^^^^^^^^^^^^^DIV'S^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#flashcontent {
	position:relative;
	width:600px;
	height:450px;
	left:50%;
	margin-left:-300px;
}

#nonFooter {
	position:relative;
	min-height:100%;
	width:957px;
	left:50%;
	margin-left:-478px;
}

#header {
	position:relative;
	width:100%;
	height:121px;
	text-align:left;
	overflow:hidden;
	z-index:0;
}

#header img.logo {
	position:absolute;
	margin-top:0;
	margin-left:-60px;
}

#content {
	position:relative;
	width:100%;
	padding-bottom:109px;
	margin: 20px auto;
	z-index:30;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^NAVIGATION^^^^^^^^^^^^^^^^^^^^*/

ul.navigation {
	position:absolute;
	width:874px;
	margin:83px auto auto 75px;
	list-style:none;
	display:inline;
	padding:0;
}

ul.navigation li {
	list-style:none;
	display:inline;
	padding:0;
	margin:0;
}

ul.navigation li a {
	font-weight:bold;
	text-decoration:none;
	color:#808080;
	height:20px;
	padding:0 5px;
}

ul.navigation li a:hover {
	border-bottom: 3px solid #808080;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^FOOTER^^^^^^^^^^^^^^^^^^^^^^^^^^*/

#footer {
	position:relative;
	height:109px;
	width:100%;
	margin-top:-109px;
	z-index:1000;
	padding:0;
	background: url(http://www.wsolumphoto.com/resources/images/footerBackground.png) repeat-x top left;
	text-align:center;
}

#footerContent {
	position:absolute;
	width:704px;
	left:50%;
	margin-left:-352px;
}

.vr {
	margin:12px 29px 0 29px;
	padding:0;
	width:2px;
	height:89px;
	background-image:url(http://www.wsolumphoto.com/resources/images/vr.png);
	background-repeat:no-repeat;
	background-position:center center;
	float:left;
}

.text {
	color:#dfba69;
	line-height:20px;
	font-size:.6em;
	text-align:left;
	margin-top:12px;
	float:left;
}

.highlight, .text a{
	color:#fffedf;
	font-style:italic;
}

.footerStyle1{
	line-height:1.3em; 
	margin-top:16px;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^Portfolios links^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.portfolioLinkLeft, .portfolioLinkRight {
	width:460;
	height:230px;
	margin-bottom:40px;
	font-size:3em;
	font-family: palatino Linotype, palatino, serif;
	text-align:right;
}

.portfolioBottom {
	margin-bottom:0px;
}

.portfolioLinkLeft {
	float:left;
}

.portfolioLinkRight {
	float:right;
}

.portfolioLinkLeft p, .portfolioLinkRight p {
	margin-top:-4px;
}

.portfolioLinkLeft a, .portfolioLinkRight a {
	text-decoration:none;
}

.portfolioLinkLeft a:hover, .portfolioLinkRight a:hover {
	text-decoration:underline;
}

img.portfolio{
	padding:9px;
	background-color:#ffffff;
	border:1px solid #5a2e2e;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^Bio^^^^^^^^^^^^^^^^^^^^^^^^^^*/
.genericColumn {
	width:292px;
	float:left;
	margin-left:20px;
}

.genericColumn p {
	text-indent:2em;
}

/*^^^^^^^^^^^^^^^^^^^^^^^^^^^^Contact^^^^^^^^^^^^^^^^^^^^^^^^^^*/

.contactMessage {
	width:500px;
	height:150px;
	font-size:1.05em;
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;
	margin:12px auto;
}

.contactBasic {
	font-size:1.05em;
	font-family:Arial, Helvetica, sans-serif;
	width:363px;
	margin:12px auto;
}

span.red {
	position:relative;
	display:inline;
	font-size: .4em;
	vertical-align:top;
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1em;
}

span.fix {
	color:#5a2e2e;
}

span.bad {
	color:#5a2e2e;
	font-weight:bold;
}

span.good {
	color:#5a2e2e;
	font-weight:bold;
}

fieldset.left {
	float:left;
}

fieldset.right {
	float: right;
}

.submit {
	font-size:1.05em;
	float:right;
}

label {
	font-family: palatino Linotype, palatino, serif;
	font-size:1.5em;
	font-weight:bold;
}

#contactForm {
	position:relative;
	width:957px;
	left:50%;
	margin: 20px auto 300px -478px;
	color:#669900; 
}

#contactForm  form {
	margin:20px;
}

.contactTopLeft{
	width:450px;
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

.contactTopLeft img {
	margin-left:10px;
}

.contactTopRight {
	width:450px;
	float:right;
	margin-right:20px;
	margin-bottom:20px;
	line-height:1.25em;
	text-indent:1em;
}

.contactTopRight p.second{
	margin-top:20px;
}

.left1 {
		width:306px;
		float:left;
	}
	
	.left2 {
		width:632px;
		float:left;
	}
	
	.right1 {
		width:306px;
		float:right;
	}
	
	.right2 {
		width:632px;
		float:right;
	}
	
	.rightGutter {
		margin-right:20px;
	}
	
	.leftGutter {
		margin-left:20px;
	}
	
	.left1 li {
		list-style-type:none;
		margin:10px 20px;
	}