/* CSS Document */

/*------------------------------Reset All Styles--------------------------------*/

body, blockquote, div, p, em, h1, h2, h3, h4, h5, h6,span {
	padding: 0;
	margin: 0;
}
iframe { border: none; }

/* Lists
——————————*/
ul, ol, dl, li, dt, dd {
margin: 0;
padding: 0;
}
/* Forms
——————————*/
form, fieldset {
margin: 0;
padding: 0;
}
input, textarea, select {
margin: 0;
padding: 1px;
font-size: 100%;
font-family: inherit;
}
select {
padding: 0;
}	
input:focus { outline: none; }
textarea:focus { outline: none; }

/*------------------------------End Reset All Styles--------------------------------*/

/*----Baseline Styles---*/	

body {
	background-color: #bae1d8;
	color: #5f4238;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	background-image: url("/images/bg.gif");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
}

/*----This style exists simply to clear floats---*/	

.spacer {
	line-height: 0;
	font-size: 0;
	clear: both;
}	

/*----Links---*/	

a, a:link {
	text-decoration: none;
	color:#046762;
}
a:visited {
	text-decoration: none;
	color:#046762;
}
a:hover {
	text-decoration: none;
	color:#059F98;
}
a:active {
	text-decoration: none;
	color:#fdf6af;
}
a:focus {
	outline: none;
}

/*---Headlines---*/

h1, h2, h3, h4, h5, h6 {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 130%;
	margin: 0 10px 10px 60px;
	padding: 0;
}
h1 {
	font-size: 25px;
	color: #fdf6af;
}
h2 {
	font-size: 20px;
	color: #fdf6af;
}
h3 {
	font-size: 18px;
	color: #fdf6af;
}
h4 {
	font-size: 16px;
	color: #fdf6af;
}
h5 {
	font-size: 14px;
	color: #fdf6af;
}
h6 {
	font-size: 12px;
	color: #fdf6af;
}

/*---Images---*/

img {
	border: none;
	padding: 0px;
	margin: 0px;
}
.border {
	border: 1px solid #FDF6AF;
	padding: 0px;
	margin: 0px;
}
.float_left {
	float: left;
	margin: 3px 12px 10px 0;
	border: 1px solid #FDF6AF;
}
.float_right {
	float: right;
	margin: 5px 4px 10px 12px;
	border: 1px solid #FDF6AF;
}	
.alignright {
	float: right;
}	
.alignleft {
	float: left
}

/*----Unordered List----*/	

ul {
	padding: 9px 15px 18px 60px;
}
ul li {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	list-style-image: none;
	list-style-type: none;
	padding-left: 15px;
	margin: 3px 0 3px 33px
	}
	* html .byfloatedimage{float: left;} /* IE Only Hack */
	
/*----Ordered List----*/	

ol {
	padding: 9px 15px 18px 100px;
	list-style-type: decimal;
}	
ol li {
	padding-top: 2px;
	padding-bottom: 2px;
	}
	* html .byfloatedimage{float: left;} /* IE Only Hack */
	
/*----Pull Quotes---*/	

#quotes {
	padding: 8px 50px 9px 40px;
	margin: 0;
	background: url("/images/quotes.gif") no-repeat 70px 10px;
	line-height: 150%;
	color: #FFF8C7;
}
	
/*----End Baseline Styles---*/	

/*----Begin Layout Styles---*/

/*---Header---*/

#header {
	width: 720px;
	height: 200px;
	float: left;
	margin: 0;
	padding: 54px 0 0 269px;
	background-image: url("/images/logo.gif");
	background-repeat: no-repeat;
	background-position: 336px 109px;
}
#header a {
	display: block;
	width: 138px;
	height: 130px;
	margin-left: 67px;
	margin-top: 54px;
	}
#header a span {
	display:none;
}
	
/*---Wrapper for Both Columns---*/

#wrapper {
	width: 720px;
	float: left;
	margin: 0;
	padding: 54px 0 0 269px;
}

/*---This adds the Top Gradient---*/

#gradient-top {
	width: 720px;
	float: left;
	background-image: url("/images/gradient-top.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	background-color: #D0C9C0;
}

/*---This adds the Bottom Gradient---*/

#gradient-bt {
	width: 720px;
	background-image: url("/images/gradient-bt.jpg");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin: 0;
	padding: 0 0 15px 0;
	float: left;
}

/*---Left Column---*/

#left {
	width: 375px;
	float: left;
	padding-top: 50px;
	margin-top: 10px;
}
#left p {
	padding: 0;
	margin:0 10px 10px 60px
}

/*---Left Column for inside 2-column pages---*/

#left-inside {
	width: 430px;
	float: left;
	padding-top: 50px;
	margin-top: 10px;
}
#left-inside p {
	padding: 0;
	margin:0 10px 10px 60px
}

/*---Left Column Contact Page---*/

#left-contact {
	width: 430px;
	float: left;
	padding-top: 40px;
	margin-top: 10px;
}
#left-contact p {
	padding: 0;
	margin:0 10px 10px 60px
}

/*---Left Column Layout for Portfolio page---*/

#portfolio {
	width: 430px;
	float: left;
	padding: 0;
	margin: 0;
}
#portfolio-1 {
	width: 72px;
	float: left;
	padding: 0;
	margin: 0;
	padding-left: 60px;
	margin-right: 60px;
}
#portfolio-2 {
	width: 90px;
	float: left;
	padding-top: 0;
	margin-top: 0;
	padding-left: 0;
	margin-right: 40px;
}
#portfolio-3 {
	width: 90px;
	float: left;
	padding: 0;
	margin: 0;
}
#portfolio-1 img, #portfolio-2 img, #portfolio-3 img  {
	padding: 0;
	border: 1px solid #FDF6AF;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0px;
}
#portfolio-1 p, #portfolio-2 p, #portfolio-3 p {
	padding:0;
	margin:0;
}

/*---Content Column for inside 1-column pages---*/

#one-column {
	width: 680px;
	float: left;
	padding-top: 50px;
	margin-top: 10px;
}
#one-column p {
	padding: 0;
	margin:0 10px 10px 60px 
}

/*---Content Column for Portfolio - wider layout---*/

#gallery {
	width: 710px;
	float: left;
	padding-top: 50px;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#gallery p {
	padding: 0;
	margin:0 0px 10px 20px;
}
#gallery h1 {
	padding: 0;
	margin: 0 10px 0px 23px;
	line-height: normal;
}

/*----Primary Navigation---*/

#nav {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #5f4238;
	width: 459px;
	height: 33px;
	position: absolute;
	z-index: 4000;
	top: 174px;
	left: 505px;
	text-align: left;
	line-height: normal;
	overflow: hidden;
}
#nav ul {
	float: left;
	list-style-type: none;
	margin: 0;
	margin-left: 5px; /*Left offset of entire menu relative to page*/
	padding: 0;
}
#nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#nav a {
	float: left;
	background: url("/images/nav-left.gif") no-repeat left top;
	margin: 0;
	margin-right: 5px; /*spacing between each tab*/
	padding: 0 0 0 9px;
	text-decoration: none;
}
#nav a span {
	float: left;
	display: block;
	background: url("/images/nav-right.gif") no-repeat right top;
	padding: 4px 12px 2px 3px;
	font-weight: normal;
	color: #5f4238;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#nav a span {float:none;}
/* End IE5-Mac hack */

#nav a:hover span {
	color: #5f4238;
}
#nav #current a { /*Selected item style*/
	background-position: 0 -82px; /*Shift background image up to start of 2nd bracket image*/
}
#nav #current a span { /*Selected Tab style*/
	background-position: 100% -82px; /*Shift background image up to start of 2nd bracket image*/
	color: #5f4238;
}
#nav a:hover { /*onMouseover style*/
	background-position: 0% -82px; /*Shift background image up to start of 2nd bracket image*/
}
#nav a:hover span { /*onMouseover style*/
	background-position: 100% -82px; /*Shift background image up to start of 2nd bracket image*/
}

/*----Secondary Navigation---*/

#nav2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	text-align: left;
	line-height: normal;
	width: 280px;
	position: absolute;
	z-index: 4000;
	top: 217px;
	left: 685px;
	margin: 0;
	padding: 0;
	}
#nav2 ul {
	width:300px;
	float: left;
	padding: 0px 15px 0px 0;
	margin: 0;
	display: block;
	list-style-image: none;
	list-style-type: none;
	}
#nav2 ul li {
	padding: 0;
	margin: 0 14px 0 0;
	display: block;
	list-style-image: none;
	list-style-type: none;
	background-image: none;
	float: left;
	}
#nav2 ul li a {
	margin: 0;
	padding: 0 0 0 15px;
	color: #5f4238;
	text-align: left;
	text-decoration: none;
	background-image: url("/images/nav2.gif");
	background-repeat: no-repeat;
	background-position: left 2px;
	}
#nav2 ul li a:hover {
	color: #5f4238;
	background-image: url("/images/nav2-ro.gif");
	background-repeat: no-repeat;
	}
body#web #t-web a, body#marketing #t-marketing a, body#photography #t-photography a {
	width: 100px;
	color: #5f4238;
	font-style: italic;
	margin: 0;
	padding: 0 0 0 15px;
	background-image: url("/images/nav2-ro.gif");
	background-repeat: no-repeat;
	}	

/*---Right Column Index Page---*/

#right {
	width: 315px;
	float: right;
	padding-top: 0;
	margin-top: 0;
}
#right p {
	padding: 13px 0 0;
	margin-top: 0;
	margin-right: 55px;
	margin-bottom: 10px;
	margin-left: 10px;
	text-align: right;
	line-height: normal;
}

/*---Right Column Inside Pages---*/

#right-inside {
	width: 270px;
	float: right;
	padding-top: 50px;
	margin-top: 10px;
}
#right-inside p {
	padding: 0px;
	margin:0 55px 10px 10px;
} 
#right-inside h1, #right-inside h2, #right-inside h3, #right-inside h4, #right-inside h5, #right-inside h6 {
	margin: 0 10px 10px; /*---Adjust Headline Margin---*/
	padding: 0;
}

/*---Twitter Panel---*/

#twitter-top {
	width: 264px;
	height: 78px;
	background-image: url("/images/twitter-top.gif");
	background-repeat: no-repeat;
	background-position: left top;
}
#twitter-top a {
	display: block;
	width: 110px;
	height: 78px;
	margin-left: 154px;
	margin-top: 0;
	}
#twitter-top a span {
	display:none;
}
#twitter-mid {
	width: 264px;
	background-image: url("/images/twitter-mid.gif");
	background-repeat: repeat-y;
	background-position: left top;
	margin:0;
	padding:0;
}
#twitter-mid {
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0;
	padding:0 30px 10px 20px;
	text-align: left;
}
#twitter-mid ul {
	padding:0;
	margin:0;
}
#twitter-mid ul li {
	background-image: url("/images/twitter-rule.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding:8px 50px 8px 0;
	}
	* html .byfloatedimage{float: left;} /* IE Only Hack */
	
#twitter-mid a {
	color: #8BA78E;
}
#twitter-mid a:hover {
	color: #866960;
}
#twitter-mid img {
	border: none;
	padding: 0;
}
.twitter-green {
	font-size: 12px;
	font-style: italic;
	color: #8BA78E;
}
#twitter-mid img {
	margin:0;
	padding:10px 0 0 0;
	text-align: left;
}
#twitter-spacer {
	width: 264px;
	height: 20px;
	background-image: url("/images/twitter-mid.gif");
	background-repeat: repeat-y;
	background-position: left top;
	margin:0;
	padding:0;
}
#twitter-bt {
	width: 264px;
	height: 58px;
	background-image: url("/images/twitter-bt.gif");
	background-repeat: no-repeat;
	background-position: left bottom;
	margin:0;
	padding:0;
}
#twitter-bt p {
	margin:0;
	padding:10px 50px 15px 20px;
	text-align: right;
}

/*---Social Icon Footer---*/

#social {
	height: 20px;
	width: 705px;
	margin: 0;
	padding: 10px 15px 9px 0;
	float: left;
	background-color: #C7BDAD;
	text-align: right;
}
#social img {
	padding: 0 8px 0 0;
	border: none;
}
#pre-footer {
	width: 720px;
	float: left;
	background-color: #C7BDAD;
	margin: 0;
	padding: 0;
	height: 25px;
}
	
/*---Footer---*/

#footer {
	height: 18px;
	width: 720px;
	margin: 0;
	padding: 10px 0 10px 0;
	float: left;
	background-color: #FFFFFF;
	}
#footer p {
	font-size: 10px;
	color: #8F6454;
	text-align: center;
	margin: 0;
	padding: 0;
}
#footer a, footer a:link {
	text-decoration: none;
	color: #046762;
}
#footer a:visited {
	text-decoration: none;
	color: #046762;
}
#footer a:hover {
	text-decoration: none;
	color: #059F98;
}
#footer a:active {
	text-decoration: none;
	color: #0033cc;
}

/*----End Layout Styles---*/

/*----Additional Misc Styles---*/	
	
.green {
	color: #059F98;
	font-weight: bold;
	}
.brown {
	color: #5f4238
	}
.yellow {
	color: #fdf6af
	}
.underline {
	text-decoration: underline;
	}
.strikethrough {
	text-decoration: strikethrough;
	}
.bold {
	font-weight: bold;
	}
.italic {
	font-style: italic;
	}
.small {
	font-size: 11px;
	}
.smaller {
	font-size: 10px;
	}
.smallest {
	font-size: 9px;
	}
.contact-h1 { /*----To line header up with contact form---*/
	text-align: right;
	padding-right: 24px;
	margin: 0 10px 0 0px;
}
	
/*----End All Styles---*/