/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

body {background-color: #909082; background-image:url(home_olivepatternback.jpg); background-repeat:repeat; background-position: top center; background-attachment: scroll;}

a:link {color:#333; text-decoration:underline;}
a:visited {color:#000; text-decoration:underline;}
a:hover {color:#666; text-decoration:underline;}
a:active{color:#333; text-decoration:none;}

div#wrapper {position: relative; width: 950px; margin: 0px auto 0px auto;}

div#header { position: relative; width:950px; height:85px; margin:0; padding:0; background-image:url(ruthburt_header.png); background-repeat:no-repeat; display: block;
	text-align: center;}

div#rb_logo {
	position: absolute;
	padding:  0px;
	top: 28px;
	left: 43px;
	display: block;
	width: 252px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	}
	
div#rb_logo a:hover {cursor:pointer;}
	
div#content { position: relative; width:950px; background-color:#f9f9ee; height:auto; display: inline-block;}	


/* ----- NAV BAR STYLES ----- */

div#navbar {
	position: absolute;
	padding:  0px;
	top: 28px;
	right: 10px;
	display: block;
	width: 455px;
	height:25px;
	visibility: visible;
	overflow: hidden;
	border: 0px;
	}
	
div.navbar_text { font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:13px; color:#663; text-align:right; letter-spacing:.1em;}
a:link {color:#663; text-decoration:none;}
a:visited {color:#663; text-decoration:none;}
a:hover {color:#330; text-decoration:none; cursor:pointer;}
a:active{color:#663; text-decoration:none;}

div.navbar_text ul { list-style:none;}

div.navbar_text li { padding-right:20px; display:inline;}
div.navbar_text li.last { padding:0; margin:0;}



/* ----- HOME PAGE STYLES ----- */

div#homephotos { width:950px; height:525px; margin:0; padding:0; }

div#pgtitles {width:950px; height:75px; margin:0; padding:0;}



/* ----- INTERIOR PAGE STYLES ----- */

div#int_photos { width:950px; height:310px; margin:0; padding:0;}

div.left_column { float:left; width:440px; height:auto; margin:0px 20px 10px 20px; padding:0;}
div.rt_column {float:right; width:440px; height:auto; margin:0px 20px 5px 0; padding:0;}

div.one_column { float:left; width:905px; height:auto; margin:0px 20px 10px 20px; padding:0;}



/* ----- TEXT STYLES ----- */

p.bold {font-weight: bold;}
p.italic {font-style: italic;}
p.boldItalic {font-style: italic; font-weight: bold;}
span.uppercase { text-transform:uppercase;}


h1 { padding-bottom:10px;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#663; text-transform:uppercase; letter-spacing:.1em;}
h3 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#663; padding-left:14px; letter-spacing:.1em; text-transform:uppercase; font-weight:normal; padding-bottom:10px;}
h4 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#333; padding-bottom:5px;}
h5 {}

p.text { font-family:"Times New Roman", Times, serif; font-size:16px; color:#666; line-height:20px;}

p.text a:link {color:#666; text-decoration:underline;}
p.text a:visited {color:#333; text-decoration:underline;}
p.text a:hover {color:#999; text-decoration:none; cursor:pointer;}
p.text a:active{color:#666; text-decoration:underline;}

h3.project { font-family:Arial, Helvetica, sans-serif; font-size:15px; color: #666; letter-spacing:.1em; text-transform:uppercase; padding: 15px 14px 0px 0px;}

span.capR {font-family:"Times New Roman", Times, serif; font-size:48px; color:#999; width: 34px; float:left; font-variant: normal; line-height:40px;}

span.capE {font-family:"Times New Roman", Times, serif; font-size:48px; color:#999; width: 30px; float:left; font-variant: normal; line-height:38px;}


p.mainpgs { font-family:"Times New Roman", Times, serif; font-size:16px; color:#666; padding-left:25px; font-weight:bold; text-transform:uppercase; letter-spacing:.1em;}
p.mainpgs a {color:#666; text-decoration:none;}
p.mainpgs  a:hover {color:#666; text-decoration:underline; cursor:pointer;}

p.subpgs { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#663; padding-left:40px; font-weight:bold; text-transform:uppercase;}
p.subpgs a {color:#663; text-decoration:none;}
p.subpgs  a:hover {color:#333; text-decoration:underline; cursor:pointer;}

p.smtext { font-family:"Times New Roman", Times, serif; font-size:11px; color:#666; line-height:20px;}
p.contactform_text { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:22px; letter-spacing:.025em; text-align:right;}
p.contactform_answers { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:22px; letter-spacing:.025em; text-align:left;}

span.goal { font-weight:bold; text-transform:uppercase; color:#663; font-family: Georgia, "Times New Roman", Times, serif}


/* ----- PORTFOLIO PAGE STYLES ----- */

div#portfolio_navbar { position:relative; float:left; width:280px; height:auto; margin:0 20px 0 28px; padding:0;}

div#portfolio_navbar ul {list-style:none;}
div#portfolio_navbar li {display:inline; font-family:"Times New Roman", Times, serif; font-size:16px; color:#663; padding: 5px 0 5px 25px; margin:0; letter-spacing:.05em; display:list-item;}



div#portfolio_picbox { float:left; width:620px; height:auto; padding:0; margin:0;}
div#portfolio_pic { width:620px; height:485px;}

div#portfolio_buttons { text-align:center;}
div#portfolio_buttons a:hover {cursor:pointer;}

div#portfolio_text { text-align:left; width:580px; font-family:"Times New Roman", Times, serif; font-size:14px; color:#666; padding:5px 20px 15px 20px; line-height:18px;}

div#photocredit { float:right; margin: 0 30px 10px 0; text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:9px; color:#ccc; width:620px; letter-spacing:.05em; }


/* ----- IMAGE STYLES ----- */

/* Turn off borders on image links */

img {border:0;}

img.rtphoto { float:right; padding: 0px 0px 20px 25px;}
img.ltphoto { float:left; padding: 0px 20px 20px 0px;}

img.quote { text-align:center; margin:15px 0;}



/* ----- FOOTER STYLES ----- */

div#footer { text-align:center; font-family:Arial, Helvetica, sans-serif; clear: both; margin:5px 0;}

p.footer_contact { font-size:11px; color:#663; padding-top:5px;}
p.footer_contact a:link {color:#663; text-decoration:none;}
p.footer_contacta:visited {color:#663; text-decoration:none;}
p.footer_contact a:hover {color:#330; text-decoration:underline; cursor:pointer;}
p.footer_contact a:active{color:#663; text-decoration:none;}

p.wdesign {font-size:9px; color:#999; padding-top:5px;}
p.wdesign a {color:#999; text-decoration:none;}
p.wdesign a:hover {color:#666; text-decoration:underline; cursor:pointer;}

div#bottomimg { position:relative; clear: both; background-image:url(bottom_img.png); background-repeat:no-repeat; width:950px; height:25px; }
img.portfolio_bottombar { padding-top:15px;}