@charset "utf-8";
/* CSS Document */

/*************
Leah Lawrence
www.snowowldesigns.com
**************/

/* Reset Styles */

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none; /* stops Safari from adjusting the text size when you rotate the screen */
	}
ul, li, ol, dl, dd, dt{
	list-style:none;
	padding:0;
	margin:0;
	}
a{ text-decoration:none; }
img { border:0;} 

td {vertical-align: top; }


/*********************************************************
****************   Basic Page Styling   ******************
*********************************************************/

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9;
	color: #686868;
	background-color: #ecebdf;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	height: 100%;
}

#container {
	background-image: url(../images/containerBg.png);
	background-repeat: no-repeat;
	background-position: center top;
	width: 1139px;
	padding: 0px;
	height: auto !important;
	min-height: 540px;
	position:relative;
	clear: both;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#header {}

#content {
	clear: both;
	padding-top: 10px;
	padding-left: 190px;
	padding-right: 15px;
	overflow: auto;
	}
	
#content2 { margin-left: 40px;}

#footer {
	background-image: url(../images/contentBg.png);
	background-repeat: repeat-y;
	background-position: center top;
	}
	
#footerDec {
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 153px;
	width: 100%;
}

#footerBox {
	background-color: #ebf1d7;
	padding-top:0;
	}
	
#footerContent{ 
	width:1035px; 
	margin:auto; 
	padding-left: 190px; 
	padding-bottom: 15px;
}

td.footerColumn {
	width: 230px;
	vertical-align: top;
	padding: 0px 30px;
}

img.paint {
	position:absolute; 
	z-index:-1; 
	top:0; 
	left:50%; 
	margin-left:-36%; 
	width: 1344px; 
	height:636px
}

div.welcome {
	width: 500px; 
	padding-left:30px;
}

#hide {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*********************************************************
***********         Sub Navigation        ****************
*********************************************************/

#subnav {
	height: 50px;
	padding-left: 600px;
	}
	
img.subnav {padding-top:8px;}

div.subnav {
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	height: 50px;
	float: left;
	text-align: center;
	}

div.about {
	background-image: url(../images/navigation/about.png);
	width: 198px;
}

div.client {
	background-image: url(../images/navigation/client.png);
	width: 175px;
}
div.journal {
	background-image: url(../images/navigation/journal.png);
	width: 119px;
}

div.about:hover {background-image: url(../images/navigation/aboutHover.png);}
div.client:hover {background-image: url(../images/navigation/clientHover.png);}
div.journal:hover {background-image: url(../images/navigation/journalHover.png);}

/********************************************************
***********         Main Navigation        **************
*********************************************************/

img.logo {
	position:absolute;
	left:320px;
	top:15px;
	z-index:-1;
	}

#mainNav {
	height: 58px;
	clear: both;
	padding-left: 300px;
	padding-top: 55px;
}

div.mainNav {
	margin: 0px;
	float: left;
	height: 58px;
	width: 256px;
	background-image: url(../images/navigation/banner.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	text-align:center;
}

div.mainNav:hover {background-image: url(../images/navigation/bannerHover.png);}

img.toppad {padding-top:18px;}
/*********************************************************
***********   Typography & Headings         **************
*********************************************************/

a { color: #CC9900; }
a:hover { color: #aab097; text-decoration:underline; }

p { line-height:23px;}

p.footHeader{
	font-size: 28px;
	text-align: center;
	font-family: "Times New Roman", Times, serif;
	line-height: 33.3px;
	color: #7e826f;
}

div.title{
	border-bottom: dashed 1px;
	font-size:x-large;
	margin: 25px 0;
}

li {
	list-style-type: disc;
}

/*********************************************************
***********            Portfolio            **************
*********************************************************/

div.project {
	margin-left: 40px;
	min-height:200px;
}

div.projectInfo{
	float: left;
	width: 400px;
	margin-right: 30px;
}

div.projectWork {
	float: left;
	width: 450px;
}

img.work { margin: 3px;}

/*********************************************************
***********            Misc		            **************
*********************************************************/

div.topBreak {
	border-top-style: dashed;
	border-top-color: #CC9900;
	text-align: right;
	border-top-width: 1px;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right:20px;
}

a.top {
	font-size: .75em;
	border-left: 1px dashed #CC6600;
	border-right: 1px dashed #CC6600;
	border-bottom: 1px dashed #CC6600;
	padding: 1px 6px;
}

a.top:hover {
	color: #aab097;
}

a.Button {
	border: 1px dashed #CC6600;
	padding: 4px;
	font-size: .75em;
	background-color:#ffffff;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

a.Button:hover {
	color: #aab097;
	border: 1px dashed #aab097;
}