/*
Theme Name: Warner Design Associates
Theme URI: http://warnerdesignassociates.com/
Description: New website with Shadowbox Gallery
Version: 1.0
Author: Kevin James Vreeburg
Author URI: http://kjvdesigns.com
Tags:XHTML/CSS, jQuery, 1 column, 2 column 
*/


/*#######################*/
/*### Global Styles ####*/
/*#####################*/

body {margin:0px;font-family : Verdana, Geneva, sans-serif; font-size:14px; line-height: 18px;color: #3a3a39;}
#wrapper {margin: 0px auto; width:1000px; background: url(images/pageBG.png) repeat-x #bab0a3;padding-bottom:30px;}
#header {height:175px;}
#logo {width:443px; height: 145px; float:left;}
h1 {color:#b99b30;font-weight: lighter;font-size:30px;}
h2 {color:#68692c; font-family : Verdana, Geneva, sans-serif;font-size:20px;font-weight: lighter;line-height:24px;}
h3 {color:#68692c; font-family : Verdana, Geneva, sans-serif;font-size:18px;font-weight: lighter;clear:both;}
h4 {color:#68692c; font-family : Verdana, Geneva, sans-serif;font-size:16px;font-weight: lighter;margin:0px;padding-bottom:15px;clear:both;}
a {color:#3a3a39;}
a:hover {color:#696a2c;}
a:visited {color:#3a3a39;}
.divider {background: url(images/hLine.png) repeat-x; width:100%; height:1px;clear:both;}



/*#####################*/
/*### Menu Styles ####*/
/*###################*/

/*navigation Style*/
.droplinebar{overflow: hidden;width:450px; float:right;margin-top:60px;margin-right:10px;}

.droplinebar ul{margin: 0;padding: 0;float: left;width: 100%;font-size:14px;}
.droplinebar ul li{display: inline;}
.droplinebar ul li a{ width:90px;height:26px;float: left;color:#3b3225;text-align:center; text-decoration: none;padding-top: 8px;}
.droplinebar ul li a:visited{color:#333;}
.droplinebar ul li a:hover, .droplinebar ul li .current{ /*background of main menu bar links onMouseover*/color:#fff;background: url(images/btn.png) no-repeat; }
/* Sub level menus*/
.droplinebar ul li ul{font-size:12px;position: absolute;z-index: 100;left: 0;top: 0; /*sub menu background color */visibility: hidden;margin-right:10px;}
/* Sub level menu links style */
.droplinebar ul li ul li a{width:125px;float:right;padding-top: 0px;padding-bottom:10px;margin: 0;padding-left: 5px;padding-right:5px;background: url(images/navLine.jpg) 0px 18px repeat-x;}
.droplinebar ul li ul li a:hover{ /*sub menu links' background color onMouseover */background: #696a2c;}
.line {background: url(images/navLine.jpg) 0px 12px repeat-x;height:1px;}
.clear {clear:both;}


/*###################################*/
/*######## HomePage Styles #########*/
/*#################################*/

#home {background: url(images/homeBG.jpg) repeat-x #463b2b; margin:0px;}
#homePage {background: url(images/homePageBG.png) no-repeat;width:1000px; min-height:571px;}
.readmore {width:110px; height:26px;padding-top:8px; text-align:center;display:block;background: url(images/readMore.png) no-repeat; float:right; margin-top:20px;}
.readmore a {color:#fff;}
.readmore. .readmore a {display:block; height:34px;}
.readmore a:hover {color:#393a0a;}
.seemore {width:110px; height:26px;padding-top:8px; text-align:center;display:block;background: url(images/readMore.png) no-repeat; float:right; margin-top:20px;}
.seemore a {color:#fff;}
.seemore. .readmore a {display:block; height:34px;}
.seemore a:hover {color:#393a0a;}
.aboutBox {padding-left:20px;padding-right:20px; padding-bottom:20px;line-height:22px;}
.boxTitle {color:#68692c; font-family : Verdana, Geneva, sans-serif;font-size:20px;font-weight: lighter; width:275px; border-bottom: 1px solid #9a8127;}
.homeTable {padding-left:30px;}



/*##############################*/
/*######## Box Styles #########*/
/*############################*/
#box {width:773px; height:363px;margin: 0px auto;}
.box-element {width:744px; height:323px;margin: 0px auto;padding-left:24px;padding-top:40px;padding-right:12px;}
.leftblock {width: 375px;min-height:200px; background: url(images/boxBG.png) repeat-x #bab0a3; border: 1px solid #716555;margin-left:55px;margin-top:40px;padding:20px;float:left;}
.rightblock {width: 375px;min-height:200px;background: url(images/boxBG.png) repeat-x #bab0a3; border: 1px solid #716555;margin-left:50px;margin-top:40px;padding:20px;float:left;}




/*###################################*/
/*######## InnerPage Styles #########*/
/*#################################*/
#inner {background: url(images/innerwoodBG.jpg) repeat-x;margin:0px;}
#innerPage {background: url(images/innerPageBG.png) no-repeat; margin:0px; width:1000px;}
.title {width:950px; height:70px;margin:-5px;padding-top:0px; padding-left:40px;}
.leftContent {width: 600px;min-height:200px; background:#e7dfd4; border: 1px solid #716555;margin-left:30px;margin-top:40px;padding:20px;float:left;}
.sidebar {width: 250px;min-height:200px; background:#e7dfd4; border: 1px solid #716555;margin-left:30px;margin-top:40px;padding-left:10px;padding-right:10px;padding-top:10px;padding-bottom:40px;float:left;}
.text {text-indent:10px; text-align:justify;padding-left:15px; padding-right:15px;}
.serviceText {text-indent:20px; text-align:justify;padding-left:15px; padding-right:15px;}
.pic {padding-left:10px;}
.portText {padding:15px;}
.portPic {float:left; margin-right:5px; margin-bottom:10px;}
.gallerPix {width:175; height:125px; padding:10px;float:left;}
.smallDiv {background: url(images/hLine.png) repeat-x; width:250px; height:1px;clear:both;margin:0px;}
.markDiv {background: url(images/hLine.png) repeat-x; width:300px; height:1px;clear:both;margin:0px;}
.gallery {padding:18px;}
.portfolioBox {width:800px;margin-left:80px;background: url(images/boxBG.png) repeat-x #bab1a4; border: 1px solid #716555;padding:20px;margin-top:40px;}
.contactBox {width:800px; margin: 0px auto;background: url(images/boxBG.png) repeat-x #bab1a4; border: 1px solid #716555;padding:20px;margin-top:40px;}
.contacText {font-size:15px; line-height:22px;margin:0px;padding-top:10px;padding-bottom:10px;}
.contactBoxes {width:300px; float:left;margin-left:20px; padding-right:30px;padding-left:30px;}
.contactSpace {width:700px; height:300px;margin:0px auto;clear:both;}
.community {text-indent:35px; margin-top:-10px;}
.lineUp{margin-top:30px;}
.map {border:5px solid #453a2b;}
.mapRight {width:375px; float:right;margin-right:20px;}


/*################################################*/
/*######## InnerPage Header Swap Styles #########*/
/*##############################################*/
.aboutHead span {display:none;}
.aboutHead {width:250px; height:40px; background: url(images/aboutHead.png);}
.serviceHead span {display:none;}
.serviceHead {width:250px; height:40px; background: url(images/serviceHead.png);}
.portHead span {display:none;}
.portHead {width:250px; height:40px; background: url(images/portHead.png);}
.port1Head span {display:none;}
.port1Head {width:650px; height:40px; background: url(images/port1Head.png) no-repeat;}
.port2Head span {display:none;}
.port2Head {width:650px; height:40px; background: url(images/port2Head.png) no-repeat;}
.port3Head span {display:none;}
.port3Head {width:650px; height:40px; background: url(images/port3Head.png) no-repeat;}
.contactHead span {display:none;}
.contactHead {width:250px; height:40px; background: url(images/contactHead.png);}








/*###################################*/
/*######### Footer Styles ##########*/
/*#################################*/
#footer {width:100%; background: url(images/footerBG.png) repeat-x #696a2c;min-height:150px;border-top: 1px solid #96bf7c;}
#innerFoot {width:980px; margin: 0px auto;color:#fff;padding:10px;font-size:10px;}
#innerFoot a {color:#fff; text-decoration:none;}
#innerFoot a:hover {color:#666;}
.leftNav {width:400px;float:left;}
.logoFoot {width:180px; height:150px;float:left;background: url(images/footLogo.png) no-repeat;}
.copyright {width:400px;float:left;text-align:right;}