/* 
    Document   : style
    Created on : Sep 18, 2009, 9:42:07 AM
    Author     : Brockstarr
    Description:
        Stylesheet for http://buckeyeav.com
*/


/*
  Body
*/

@import "brands.css";
@import "samples.css";
body {
  background:#fff; color:#444; font-size:11px; font-family: 'Tahoma'; margin:0px; padding:0px;
}
#wrapper {
  width:100%; height:auto; overflow:hidden;
}
.round { -moz-border-radius:10px; -webkit-border-radius:10px; }
a img {border:0;}
img {border:0;}


/*
  Header
*/

#header {
  width:830px; height:auto;
  background:#fff; padding:10px;
  overflow:hidden;
}
#logo {
  display:block; float:left;
  width:auto; height:auto;
  margin-right:30px;
  position:relative; top:26px;
}
#banner {
  float:right; width:530px; height:83px; background:transparent; margin-top:20px; margin-right:10px;
  border:0px solid #aaa;
}


/*
  Navigation
*/
#navWrapper {
  width:auto; background-color:#B02B2C; height:auto; overflow:hidden;
  border-bottom:1px solid #902B2C;
}
#navigation {
  width:822px; height:auto; padding:0px; border:0px; overflow:hidden;
  margin-left:auto; margin-right:auto;
}
#navigation ul {
  list-style-type:none; margin:0; padding:0;
}
#navigation li {
  display:block; float:left;
}
#navigation li a {
  text-decoration:none; display:block; width:auto; height:auto;
  overflow-y:hidden; background:#B02B2C; color:#fff; font-size: 11px;
  font-family: 'tahoma'; border-right:0px solid #902B2C; padding:10px 25px;
}
#navigation li a:hover {
  background:#d02B2C; color:#fff;
}



/*
  UnderNav
*/
#underNavWrapper {
  width:auto; height:auto; overflow:hidden; background:#eee;
  border-bottom:1px solid #777;padding:10px 0 10px 0;
}
#underNav {
  width:840px;height:auto;background:#eee; font-size:1.25em; font-weight:bold;
  color:#B02B2C; overflow:hidden;
}
#underNav a, #row2 a, .brockstarr a {
  font-size:12px; color:#444; text-decoration:none;
}
#underNav a:hover, #row2 a:hover, .brockstarr a:hover {
  font-size:12px; color:#B02B2C; text-decoration:underline;
}


/*
  Widgets
*/
#bodyArea{
  width:auto; height:auto; overflow:hidden;
  background-color:#444;
}
.mediaWidget {
  width:820px; height:400px; border-right:1px solid #999; border-left:1px solid #999; color:#fff; background:#999;
}
#contentWidget {
  width:820px; height:auto; border-right:1px solid #999; border-left:1px solid #999; background:#dfdfdf; color:#444;
}
#contentWidgetInner {
  width:95%; height:95%; text-align:left; padding-top:10px; font-size:14px; border:1px solid transparent;
}
#contactSection br {
  margin-top:1px;
}
#contactHeader, #servicesHeader, #samplesHeader, #subHeader {
   background-color:#B02B2C; color:#fff; height:20px; font-size:14px; font-weight:bold;
   -webkit-border-radius:4px; -moz-border-radius:4px;
}
#contentWidgetInner img {
  margin-right:4px;
}
#companyWidget {
 padding:2px;
  -webkit-border-radius:10px; -moz-border-radius:10px;
  background:#fff;
}
#companyHeader {
   background:#B02B2C; color:#fff; height:20px; font-size:14px; font-weight:bold; padding:2px;
   -webkit-border-radius:4px; -moz-border-radius:4px;
}
#subHeadingImage {
  width:auto; height:200px; background:#000;
}



/*
  Row Content Styles
*/
#row1 {
  width:840px; height:auto; margin-bottom:10px;
  overflow:hidden; display:block;
  background:#fff; border:1px solid #999;
  -webkit-border-radius:8px; -moz-border-radius:8px;
}
#row2 {
  width:840px; height:270px; margin-bottom:10px;
  overflow:hidden; display:block;
  background:#fff;
  -webkit-border-radius:8px; -moz-border-radius:8px;
}
.spacer {
  height:4px; width:1px;
}
.spacer2 {
  height:25px; width:1px;
}


/*
   Quick Gallery
*/

#gallerySection {
  padding:2px; 
  -webkit-border-radius:10px; -moz-border-radius:10px;
  background:#fff;
}

#gallerySection img.none {
  margin-right:0px; border:0px;
}
#gallerySection img.none:hover {
  margin-right:0px; border:0px;
}
#gallerySection img {
  border:2px solid #eee;
}
#gallerySection img:hover{
  border:2px solid #B02B2C;
}

#gallerySection a {
  color:#444; text-decoration:none;
}
#gallerySection a:hover {
  color:#B02B2c;
}



/*
  Row 3 Content
*/

#row3 {
  width:840px; height:auto; margin-bottom:10px;
  overflow:hidden; display:block;
}
#servicesWidget {
  width:49.5%; height:auto; font-size:14px; float:left;
  overflow:hidden; background:#fff; border:1px solid #999;
  -webkit-border-radius:8px; -moz-border-radius:8px;
}
#servicesSection {
  padding:2px; height:280px;
  -webkit-border-radius:10px; -moz-border-radius:10px;
}
#contactWidget {
  width:49.5%; height:auto; font-size:14px; float:right;
  overflow:hidden; background:#fff; border:1px solid #999;
  -webkit-border-radius:8px; -moz-border-radius:8px;
}
#contactSection {
  padding:2px; height:280px;
  -webkit-border-radius:10px; -moz-border-radius:10px;
}
.textBox {
  border:1px solid #efefef; width:193px; font-size:10px; margin-bottom:4px;
}
.textBox:hover {
  border:1px solid #aaa;
}
.textBox:focus {
  border:1px solid #aaa; background:#efefef;
}
.submitButton {
  background:#efefef; border:1px solid #aaa;
}
.submitButton:hover {
  background:#efefef; border:1px solid #444;
}

/* 
  Content Area
*/

#content {
  width:840px; height:auto; border-top:0px; border:1px solid #ddd;
  -webkit-border-radius:10px; -moz-border-radius:10px;
}
#contentInner {
  width:98%; height:98%;
}
#contentInner font {
  color:#444; font-weight:bold; font-size:14px; line-height:22px;
}
#contentInner b {
  color:#B02B2C;  font-weight:bold; font-size:14px;
}
#companyInfo {
  width:100%; height:auto; font-size:12px;
}




/*
  Footer
*/
#footerWrapper{
  width:auto; height:150px; overflow:hidden; background:#B02B2C;
  border-top:1px solid #777;
}
#footer {
  width:auto; height:auto; overflow:hidden; background:#B02B2C; margin-top:-10px; padding:0px; line-height:50px; color:#fff;
  margin-left:auto; margin-right:auto;
}
#footer a {
  text-decoration:none; color:#fff;
}
#footer a:hover {
  text-decoration:underline; color:#fff;
}
#footerInner {
  width:95%; height:95%;
}
.brockstarr { 
  width:840px; text-align:right;
}








/*
  Our Work
*/


.clear {
	clear:both
}

#gallery {
    padding:0px;
    width:820px;
	height:400px;
}
    #gallery b {
      font-size:24px; color:#fff;
    }
    #gallery a {
		float:left;
		position:absolute;
	}

	#gallery a img {
		border:none;
	}

	#gallery a.show {
		z-index:500;
	}

	#gallery .caption {
		z-index:600;
		background-color:#444;
		color:#ffffff;
		height:100px;
		width:100%;
		position:relative;
		bottom:0;
	}

	#gallery .caption .content {
		padding:4px;
	}

	#gallery .caption .content h3 {
		margin:0px;
		padding:0px;
		color:#1DCCEF;
	}


/*
  Contact Page
*/

#formWrapper {
  width:200px; height:auto; padding:10px; border:1px solid #ddd; background:#efefef;
}
small {
  color:#B02B2C; font-size:9px;
}
fieldset {
  border:1px solid #aaa;
  -webkit-border-radius:10px; -moz-border-radius:10px;
}
.formElement input, .formElement textarea  {
  width:460px; height:24px; font-size:14px; background:#efefef; border:1px solid #aaa; padding-left:4px;
  -webkit-border-radius:6px; -moz-border-radius:6px;
}
.formElement .textArea {height:75px;}

.formElement input.small  {
  width:80%; height:18px; font-size:14px; line-height:14px;
}
.formLabel {
  font-size:14px; color:#444; font-weight:700;
}
.formSubmit input {
  width:100px; height:36px; padding:10px; border:1px solid #aaa; background:#efefef; color:#444;
  -webkit-border-radius:6px; -moz-border-radius:6px;
}
.formSubmit input:hover {
  background:#fff;
}
b.required {color:red;}







/*
  Specialty
*/

#specialtyItem {
  width:368px;height:220px;padding:4px;color:#444;background:white;border:2px solid #444;
  -webkit-border-radius:6px; -moz-border-radius:6px;overflow:hidden;float:left;margin-right:10px;
}
#specialtyItem2 {
  width:368px;height:220px;padding:4px;color:#444;background:white;border:2px solid #444;
  -webkit-border-radius:6px; -moz-border-radius:6px;overflow:hidden;
}
#specialtyItemInnerLast{width:100%;height:45px;overflow-y:auto;overflow-x:hidden;border:1px solid red;}
#specialtyItem img {margin-left:10%;}
#specialtyHead {
  color:#B02B2C;
}

#phoneAd{
  color:#B02B2C; font-size:18px; font-weight:bold;margin-right:10px;
}



/*
  Sites
*/

.sitesImage {filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75; margin-bottom:0; border:0;}
.sitesImage:hover {filter:alpha(opacity=100); -moz-opacity:1.0; -khtml-opacity:1.0; opacity:1.0;}