/* header styles */

#header-container { width: 100%; height: 100px; border-bottom: 8px solid #ffb400; }
#header { width: 940px; margin: 0 auto; }
#logo { position: absolute; margin-top: 65px; width: 164px; height: 53px; background: url('../images/header-logo.gif') no-repeat; cursor: hand; }
#header ul { float: right; padding-top: 75px; }
#header ul li { display: inline; padding-left: 12px; }
#header ul li a { padding: 10px; color: #737373; font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-decoration: none; }
#header ul li a:hover { color: #fff; background-color: #ffb400; }


/* homepage styles */

#home-tagline { width: 940px; margin: 0 auto; padding: 70px 0px 40px 0px; }
#home-tagline span { font-family: 'Georgia', Georgia; color: #000; font-size: 36px; line-height: 46px; }

#home-threecolumn-container { clear: both; width: 940px; height: 240px; margin: 0 auto; border-top: 3px solid #f1f1f1; }
.home-threecolumn1 { width: 290px; height: 200px; float: left; margin-right: 35px }
.home-threecolumn2 { width: 290px; height: 200px; float: left; margin-right: 35px }
.home-threecolumn3 { width: 290px; height: 200px; float: left; }
#home-threecolumn-container h1 { font-family: Georgia, 'Georgia'; color: #ffb400; font-size: 22px; padding: 40px 0px 30px 0px; }
#home-threecolumn-container p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797979; line-height: 18px; }

#home-quote { clear: both; width: 900px; height: 54px; margin: 0 auto; padding: 20px; background-color: #f1f1f1; border: 1px solid #cdcdcd; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #4d4d4d; line-height: 18px; }

#home-twocolumn-container { clear: both; width: 940px; height: 240px; padding: 60px 0px 60px 0px; margin: 0 auto; }
#home-social { width: 159px; height: 48px; background: url('../images/home-social.gif') no-repeat; float: left; }
.home-twocolumn1 { width: 450px; height: 200px; float: left; margin-right: 40px; } 
.home-twocolumn1 h1 { float: right; font-family: Georgia, 'Georgia'; color: #ffb400; font-size: 22px; line-height: 48px; }
#home-twocolumn-container p { clear: left; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797979; line-height: 18px; padding: 30px 0px 0px 0px; }
.home-twocolumn2 { width: 450px; height: 200px; float: left; }
.home-twocolumn2 h1 { float: left; font-family: Georgia, 'Georgia'; color: #a8a8a8; font-size: 22px; line-height: 48px; }


/* global page styles */

.divider { width: 940px; height: 3px; margin: 0 auto; background: #f1f1f1; }
.content-container { width: 940px; margin: 0 auto; }
.content-left { width: 600px; float: left; margin-right: 60px; }
.content-right { width: 280px; float: right; }
.content-container h1 { font-family: Georgia, 'Georgia'; color: #ffb400; font-size: 22px; padding: 30px 0px 20px 0px; }
.content-container p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797979; line-height: 18px; padding-bottom: 18px; }
.content-container a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 18px; }

#portfolio { width: 840px; margin: 0 auto; padding-top: 30px; }


/* contact form styles */

#contact-form { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797979; line-height: 18px; padding-bottom: 18px; }
.input { width: 400px; margin: 10px 0px 20px 0px; height: 18px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797979; line-height: 18px; }
#contact-form textarea { width: 400px; margin-top: 10px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #797979; line-height: 18px; }
.submitbutton { width: 100px; height: 40px; background: #f1f1f1; border: 1px solid #ccc; margin-top: 20px; }


/* social tab slideout styles */

.handle { margin-top: 20px; }
.slide-out-div { padding: 20px 20px 0px 20px; width: 200px; height: auto; background: #f1f1f1;	border: 1px solid #aaa; }
.slide-out-div a.readmore { padding-left: 10px; color: #000; font-family: Arial; font-size: 12px; line-height: 18px; }
.slide-out-div a:hover { color: #777; }
.slide-out-div ul { margin-bottom: 10px; }
.slide-out-div ul li { padding: 10px; font-family: Arial; font-size: 12px; line-height: 18px; }
.slide-out-div ul li:hover { background: #ddd; }
.slide-out-div ul li a { color: #777; }
.slide-out-div ul li a:hover { color: #333; }