/**
 * @author Mike Stephens <Raw Design Studio>
 * @date 21-07-2009
 * @client Raw Design Studio
 */
 
 /***** General Declarations *****/
 html, body { margin: 0px; padding: 0px; background: #333333; color: #cccccc; text-align: center; }
 p, h1, h2, h3, h4, h5, h6, input, label, form, ul, li { font-size: 10px; color: #cccccc; margin: 0px; padding: 0px; font-family: "Verdana"; }
 
 /* Default Heading Styles */
 h1 { letter-spacing: 0.5px; font-size: 13px; font-weight: normal; font-style: italic; font-family: "Georgia"; padding: 0 0 10px 0; color: #ffffff; }
 h2 { letter-spacing: 0.5px; padding: 10px 0 3px 0; font-size: 20px; font-weight: normal; font-family: "Georgia"; font-style: italic; color: #ffffff; }
 h3 { letter-spacing: 0.5px; font-size: 13px; font-weight: normal; font-style: italic; font-family: "Georgia"; padding: 0 0 5px 0; color: #ffffff; } 
 h4 { letter-spacing: 0.5px; font-weight: normal; color: #ffffff; }
 h5 { letter-spacing: 0.5px; font-weight: normal; color: #ffffff;}
 h6 { letter-spacing: 0.5px; font-weight: normal; color: #ffffff; }

 /* Default Heading Link Hover Styles */
 h1 a:hover { text-decoration: none; color: #cccccc; }
 h2 a:hover { text-decoration: none; color: #cccccc; }
 h3 a:hover { text-decoration: none; color: #cccccc; }
 h4 a:hover { text-decoration: none; color: #cccccc; }
 h5 a:hover { text-decoration: none; color: #cccccc; }
 h6 a:hover { text-decoration: none; color: #cccccc; }
 
 
 /***** Misc Styles *****/
 p { line-height: 18px; }
 img { border: none; margin: 0px; padding: 0px; }
 a { text-decoration: none; color: #ffffff; }
 a:hover { text-decoration: underline; color: #cccccc; }
 .hr { clear: both; border-bottom: 1px dotted #ffffff; margin: 0px; padding: 0px; }
 input, textarea, select { background: #e2e5e5; margin: 0 0 10px 0; font-family: "Georgia"; font-size: 12px; font-style: italic; color: #1a1818; font-weight: bold; height: 18px; padding: 2px 5px 0 5px; float: left; width: 210px; border: 1px solid #b6b8b8; }
 textarea { height: 70px; }
 select { height: 21px; }
 .submit { font-family: "Georgia"; font-size: 12px; font-style: italic; font-weight: normal; width: 60px; height: 25px; margin: 0px; padding: 0 0 2px 0; background: none; color: #ffffff; }
 .submit_hover { font-family: "Georgia"; font-size: 12px; font-style: italic; font-weight: bold; background: #e2e5e5; color: #000000; }
 .right { float: right; margin: 10px 0 0 0; }
 label.error { display: block; }
 .content p { margin: 0 0 10px 0; }

 /* Google Maps */
 #map { width: 460px; height: 460px; margin: 5px 0 0 0; }
 #map p { color: #333333; line-height: 18px; margin: 10px 0 0 0; }
 
 /* Links List */
 .links,  .links ul { list-style: none; margin: 0px; padding: 0px; }
 .links h2 { letter-spacing: 0.5px; font-size: 20px; font-weight: normal; margin: 0 0 1px 0; padding: 0px; }
 .links li { float: left; width: 220px; margin: 2px 0 3px 0; }
 .links li a { color: #cccccc; }
 .links li a:hover, .links li a.selected { color: #ffffff; text-decoration: none; }
 
 
 /***** Container *****/
 #container { width: 945px; text-align: left; margin: auto; }


 /***** Header *****/
 #header { float: left; margin: 43px 0 0 0; }
 .margin { padding: 0 0 10px 0; }
 .twitter { padding: 0 0 10px 0; }
 #header p, #header li, #header a { font-family: "Georgia"; font-size: 11px; line-height: 17px; color: #ffffff; }
 #header p { width: 460px; float: left; margin: 0 0 0 1px; }
 #header p.portfolio, #header p.contact { width: 220px; margin: 0 0 0 20px; }
 #header p a { color: #ffffff; }
 #header p a:hover { color: #cccccc; text-decoration: none; }

 /* Main Navigation */
 #header ul { margin: 55px 20px 0 0; list-style: none; width: 700px; float: left; border-bottom: 1px dotted #ffffff; padding: 0 0 10px 0; }
 #header ul li { float: left; padding: 0 24px 0 4px; }
 #header ul li a { color: #cccccc; display: block; font-size: 12px; letter-spacing: 0.5px; }
 #header ul li a:hover { color: #ffffff; text-decoration: none; }
 #header ul .selected { color: #ffffff; font-style: italic; text-decoration: none; }
 #header ul li.first { padding: 0 24px 0 1px; }

 /* Search Form */
 #header form { width: 220px; float: left; margin: 51px 0 0 0; border-bottom: 1px dotted #ffffff; padding: 0 0 9px 0; }
 #header form input { margin: 0px; font-family: "Georgia"; font-size: 12px; font-style: italic; color: #1a1818; font-weight: bold; height: 18px; padding: 2px 25px 0 5px; float: left; width: 188px; border: 1px solid #b6b8b8;  background: no-repeat url("/assets/image/submit-search.gif") right center; background-color: #e2e5e5; }
 
 
 /***** Main Content Container *****/
 #main-content { float: left; width: 700px; }
 #main-content .hr { margin: 0 0 10px 0; }
 #main-content p.title { width: 220px; float: left; margin: 5px 0 5px 0; }
 #main-content img.big { margin: 0 0 10px 0; float: left; }
 
 /* Work Filter */
 h1.filter { width: 220px; float: left; margin: 10px 0 0 0; }
 form.filter select { width: 220px; float: left; margin: 7px 0 0 20px; padding: 0px; background:  }
 
 /* Slideshow Container */
 #slideShowContainer { position: relative; width: 700px; height: 437px; overflow: hidden; }
 #slideShowContainer img { display: inline; margin: 5px 0 0 0; }
 #slideShowContainer ul { margin: 0; padding: 0; }
 #slideShowContainer ul li { width: 700px; height: 437px; position: relative; margin: 0; padding: 0; list-style: none; float: left; }
 #slideShowContainer .jcarousel-list { position: absolute; }
 
 /* Page Navigation */
 #pageNav { float: right; list-style: none; margin: 9px 0 5px 0; }
 #pageNav li { padding: 0 0 0 5px; display: inline; }
 #pageNav a { color: #cccccc; }
 #pageNav .selected { color: #fff; font-weight: bold; }
 #pageNav .last { padding-left: 0; }

 /* Work Items */
 #main-content .hr { margin: 0 0 15px 0; }
 #main-content .workItem { width: 220px; float: left; margin: 0 19px 0 1px; padding: 0 0 15px 0; border-bottom: 1px dotted #ffffff; }
 #main-content .nomargin { margin: 0 0 15px 0; }
 #main-content .workItem p { height: 32px; }
 #main-content .workItem h2 { font-size: 14px; padding: 10px 0 0 0; }
 #main-content .nobrd { border-bottom: none; }
 
 /* Related Links */
 #relatedLinks { border-top: 1px dotted #ffffff; margin: 20px 0 0 0; }
 #relatedLinks h2 { margin: 0 0 10px 0; }
 #relatedLinks .workItem h2 { margin: 0; }
 #relatedLinks .workItem { padding: 0; }
 
 /***** Col 1 *****/
 #col1 { width: 460px; float: left; }
 
 #col1 ul { margin: 10px; }
 #col1 ul li { margin: 8px; line-height: 16px; }
 
 /* News Article Box */
 .newsItem { border-bottom: 1px dotted #ffffff; width: 100%; height: 302px; margin: 5px 0 15px 0; }
 .newsItem .img { float: left; margin: 0 0 0 0; }
 .newsItem div { float: left; width: 210px; margin: 3px 0 0 20px; }
 .newsItem h4, #news h4 { font-style: italic; font-size: 16px; font-weight: normal; font-family: "Georgia"; margin: 8px 0 0 0; }
 #news h4 { font-size: 20px; }
 .newsItem h5, #news h5 { font-size: 10px; color: #cccccc; margin: 5px 0 0 0; font-weight: normal; }
 .newsItem p, #news p { margin: 12px 0 0 0; color: #cccccc; }
 
 /* Latest Project Box */
 #col1 .latestProject { border-top: 1px dotted #ffffff; padding: 15px 0 11px 0; }
 #col1 .latestProject a:hover { text-decoration: none; }
 #col1 .latestProject p { color: #cccccc; }
 #col1 .latestProject h2 { font-size: 20px; margin: 1px 0 2px 0; }

 #col1 h1 { font-size: 20px; font-weight: normal; margin: 0; color: #ffffff; }
 #col1 h1.heading { padding: 0 0 8px 0; font-size: 14px; letter-spacing: 0.5px; font-weight: normal; color: #ffffff; margin: 0; }
 #col1 h2 { font-size: 14px; font-weight: normal; }
 
 
 /***** Col 2 *****/
 #col2 { width: 220px; float: left; margin: 0 0 0 20px; }
 #col2 h1 { margin: 0 0 0 2px; letter-spacing: 0.5px; } 

 /* Featured Item */
 #col2 .featuredItem { border-top: 1px dotted #ffffff; padding: 15px 0 10px 0; }
 #col2 .featuredItem h2 { font-size: 14px; font-weight: normal; }
 #col2 .featuredItem a:hover { text-decoration: none; }
 
 /* Work Info Box */
 #col2 .info { width: 110px; float: left; margin: 7px 0 18px 0; }
 #col2 .info li { width: 100px; }
 
 /* Contact Form */
 #contactForm { margin: 10px 0 0 0; }
 #contactForm input, #contactForm textarea { margin: 5px 0 5px 0; }
 
 
 /***** Col 3 *****/
 #col3 { width: 220px; float: left; margin: 0 0 0 20px; }
 #col3 p.margin { margin: 10px 0 0 0; padding: 0px; }
 #col3 h1 { margin: 0 0 0 2px; letter-spacing: 0.5px; }
 #col3 h1.extraMargin { margin: 10px 0 0 0; }
 #col3 h2 { letter-spacing: 0.5px; font-size: 14px; font-weight: normal; margin: 0 0 1px 0; }
 #col3.contact p { margin: 10px 0 0 0; }
 
 /* Latest News */
 #col3 .latestNews { border-top: 1px dotted #ffffff; padding: 15px 0 22px 0; }
 #col3 .latestNews h2 { letter-spacing: 0px; padding: 5px 0 3px 0; font-size: 12px; font-weight: normal; }
 #col3 .latestNews p { font-size: 9px; line-height: 16px; }
 #col3 .latestNews .img { float: left; padding: 0 10px 0 0; }
 #col3 .latestNews a:hover { text-decoration: none; }
 
 /* Newsletter */
 #col3 form { margin: 15px 0 0 0; }
 #col3 form label.error { margin: 0 0 10px 0; }
 
 
 /***** Footer *****/
 #footer { margin: 20px 0 10px 0; float: left; width: 100%; clear: both; border-top: 1px dotted #ffffff; }
 #footer p { float: left; width: 300px; margin: 7px 0 0 0; }
 #footer ul { list-style: none; margin: 7px 0 0 0; float: right; }
 #footer ul li { display: inline; padding: 0 0 0 20px; }
 #footer ul li a:hover { color: #cccccc; text-decoration: none;  }