/* CSS Document */

body { background: #96b2c4 url(images/gradient.gif) repeat-x fixed; margin: 44px auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em }

#sheet { width: 900px; border: 2px solid #fff; background: #fff url(images/fold.gif) no-repeat; min-height: 500px; margin: 0 auto; clear: both }

#overlay { background: url(images/border-bottom.gif) left bottom repeat-x; padding-bottom: 31px; overflow: hidden }

#letterhead { background: url(images/border-top.gif) repeat-x; clear: both }

#letterhead.home { height: 758px !important }

#side { float: left; width: 230px }

h1 { margin: 0px }
h1 a { background: url(images/jrd-logo.gif); display: block; text-indent:-9999px; width: 209px; height: 64px; margin: 95px 0 0 20px }

h2 { color: #985636; font-size: 0.83em; margin: 10px 0 0 135px; line-height: 1.25em; text-indent: -40px }
.pseudo { font-size: 1.2em }
#inline { display: inline }

#contents { list-style-type: none; margin: 40px 0 0 20px; padding: 0px }
#contents li { margin-bottom: 20px }
#contents a:link, #contents a:visited { color: #396278; text-decoration: none; background: url(images/bullet-nav.gif) left center no-repeat; padding-left: 20px; display: block }
#contents a:hover, #contents a.active { color: #740052 }
#contents small { font-size: 0.75em; color: #fff }
#contents a:hover small, #contents a.active small { color: #666 }

#contact { width: 200px; margin: 20px; color: #32781d; background: url(images/paper-plane.jpg) left bottom no-repeat; padding: 20px 0 125px }

#copy { float: right; width: 650px; margin-top: 43px; padding: 195px 0 0 0; font-size: 0.958em; color: #333; line-height:1.6em }
h4 { line-height: normal; padding-bottom: 0px; margin-bottom: 0px }
#copy a:link, #copy a:visited, #copy a:active { color: #8d472a; text-decoration: none }
#copy a:hover { text-decoration: none; color: #32781d }
#copy p { margin: 0 20px 20px}

#copy.home { background: url(images/work-clothes-line.jpg) no-repeat; padding: 0px; width: 650px; font-size: 1.09em; height: 715px }
#copy.home p { display: block; margin: 510px 40px 0 270px; color: #fff; line-height: 1.5em }

.services { background: url(images/header-services.jpg) no-repeat }
.clients { background: url(images/header-clients.jpg) no-repeat }
.portfolio { background: url(images/header-portfolio.jpg) no-repeat }
.contact { background: url(images/header-contact.jpg) no-repeat }
#copy.gallery { padding: 25px 0 0 0; text-align: center; width: 650px }
#copy.gallery object { margin: 0 auto }
#copy.gallery #menu { margin: 0.5em auto; text-align: right; width: 582px }
#copy.gallery a { margin-left: 2em }

#frame {
		margin: 20px auto;
		padding: 0px;
		padding-bottom: 20px;
		padding-left: 20px;
		text-align:left;
		display: block; overflow: hidden; background: none
		}

.services #frame { background: url(images/laptop.jpg) bottom right no-repeat; height: 250px; overflow: visible }
.services #frame ul {  }
.portfolio #frame p { margin-top: 0.5em; line-height: 1.4em }
		
	#contentleft {
		margin-left: 0px;
		width:160px;
		padding-right: 20px;
		float:left;
		color: #8d472a;
		border-right: solid 2px #e0e0e0;
		}
	#contentleft a:link, #contentleft a:active, #contentleft a:visited { color: #8d472a; font-size: 0.85em; font-weight: bold }
		
	#main { 
		width: 250px;
		float: left
		}
	
	#contentcenter {
		width:182px;
		padding: 0 20px;
		float:left;
		border-right: solid 2px #e0e0e0;
		color: #396278
		}
	#contentcenter a:link, #contentcenter a:active, #contentcenter a:visited { color: #396278; font-size: 0.85em; font-weight: bold }
	
	#contentright {
		width:180px;
		padding-left: 20px;
		float:left;
		color: #32781d
		}
	#contentright a:link, #contentright a:active, #contentright a:visited { color: #32781d; font-size: 0.85em; font-weight: bold }
	
	#contentleft a:hover, #contentright a:hover, #contentcenter a:hover { color:#740052 }
	#contentleft, #contentright, #contentcenter { line-height: normal; padding-bottom: 10px }
	
	#form {
		width: 305px;
		float: right;
		margin-right: 20px;
		background: url(images/form.gif) right bottom no-repeat;
		padding: 0 0 255px 10px;
		}
	#form p.response { padding: 10px 10px 0 55px; background: url(images/form-extra.gif) }	
		
form { padding: 10px 0 0 55px; background: url(images/form-extra.gif); font-size: 0.85em }	
form p { font-weight: bold }
label { display: block; line-height: 1.2em }
input, textarea { border: none; color: #32781d; padding: 0.3em; background: #fff ; border: solid 1px #32781d; width: 220px; margin: 0.2em auto 1em auto; overflow: auto }
input:hover, textarea:hover { border: solid 1px #740052 ; background: #fff; color: #32781d }
#jrd_send { width: 50%; float: right; margin-right: 20px }
#jrd_send:hover { cursor: pointer }

#frame h4 { font-size: 0.92em }
#frame p { margin: 2em auto }
#frame p a { display: block; float: right }
#frame ul { list-style-type: none; margin-left: 0px; padding: 0px}
#contentleft li { background: url(images/bullet-brown.gif) top left no-repeat }
#contentcenter li { background: url(images/bullet-blue.gif) top left no-repeat }
#contentright li { background: url(images/bullet-green.gif) top left no-repeat }
#frame li { line-height: 1.5em; padding-left: 1em }

cite { text-align: right; font-style: normal; display: block; padding-bottom: 1em }
blockquote, cite { font-size: 0.92em; line-height: 1.5em; color: #666; margin: auto 0px; padding: 0px }
cite { margin: 0 20px 20px }
blockquote { margin-top: 20px; display: block }
#frame blockquote, #frame cite { margin: 0px }
blockquote p { margin: 0px; padding: 0px; text-align: left; display: block; clear: both }

#footer { clear:both; height:58px; text-align: right; background: url(images/border-bottom.gif) left top repeat-x; }
#footer small { position: relative; top: 75px; right: 0px; }

#overlay small.footer { position: relative; top: 60px; right: 0px; display: block; float: right; }

.first { margin-top: 0px; padding-top: 0px }
.purple, #menu a.purple:link, #menu a.purple:visited { color: #740052 }
.green, #menu a.green, #menu a.green:visited { color: #32781d }
.blue, #menu a.blue:link, #menu a.blue:visited { color: #396278 }
.brown, #menu a.brown:link, #menu a.brown:visited { color: #8d472a }

.right { float: right; clear: both }
.left { float: left; clear: both }
.fifty { width: 300px; margin: 0px }
div.fifty.right { padding-right: 10px; clear: none}
div.fifty.left { padding-left: 10px; clear: none }

p#splash { position: relative; top: -15px; right: -315px; color: #fff; font-size: 1.272em; display: block; width: 300px; text-align: right}