/******************************************  
 CUSTOM STYLESHEET
*******************************************/

/*
* You can place your custom CSS statements in this file, after this message.
* It is better to write everything custom here because this file won't be replaced during updates.
* 
* Simply copy an existing style from style.css to this file, and modify it to your liking.
*/

**********************************************************************************************

0.  CSS Reset  -------------------------  All Theme Files
1.  Page Structure:Content  ------------  All Theme Files
2.  Single Post/Page -------------------  page.php, single.php
3.  Comments  --------------------------  comments.php
4.  Footer -----------------------------  footer.php
5.  Miscellaneous ----------------------  
6.  Homepage Slider --------------------  wpzoom-showcase.php 

**********************************************************************************************/


/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

* {padding:0; margin:0; border: none; outline:0; }
body {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 62.5%; color: #333; text-align:center; background-color: #fff; }
a {text-decoration:none; color:#c00; }
a:hover {text-decoration:none; color: #c00; }
h1,h2,h3,h4,h5,h6 {font-weight:normal; margin:0; padding:0; color:#333; }
p {margin: 0 0 10px; }
li,p {line-height: 1.6em; }
li {list-style-type: none; }

#wrap {width:100%; margin: 0 auto; text-align:left;  }
#wrap div.wrap {width: 960px; margin: 0 auto; text-align: left; }
#wrap div.clear {clear: both; font-size:1px; height: 1px; margin:0; line-height: 1px; }
#wrap div.sep {font-size:1px; height: 1px; margin:20px 0; line-height: 1px; background-color: #c00; }
#wrap div.sepinside {margin: 0 0 20px; }

#header {padding: 5px 0 30px; }
#header div.banner {float: right; display: inline; }
#logo {float: left; display: inline; font-family: Georgia, Times, "Times New Roman", serif; text-transform: uppercase; text-align: left; }
#logo h1 { font-size: 36px; font-weight: bold; }
#logo #tagline { font-size: 23px; color: #900; }

/********************************************************************************************* 

0. CSS Reset  -------------------------  All Theme Files

*********************************************************************************************/

#menuhead, #menuhead ul {margin:0; padding:0; position:relative; line-height:18px; z-index:300; width:100%; }
#menuhead {background-color: #525250; height: 36px; line-height: 36px; font-size: 12px; font-weight: bold; margin-bottom: 15px; }
#menuhead a {display:block; color: #fff; text-shadow: #264c6c 1px 1px 0; text-decoration: none; padding: 0 15px 0; }  
#menuhead a:hover, #menuhead .current-menu-item > a {color: #fff; text-shadow: #000 1px 1px 0; background-color: #900; }  
#menuhead li {float:left; display: inline; position:relative; line-height: 36px; font-size: 12px; border-right: solid 1px #fff;}
#menuhead li li {line-height: 28px; }  
#menuhead ul {position:absolute; display:none; width:120px; top:36px; left:0; }  
#menuhead ul a {border-left:1px solid #333; border-right: 1px solid #333; border-top: solid 1px #333; background-color: #444; text-shadow: none;}  
#menuhead li ul {width:130px;}  
#menuhead li ul a {width:130px; float:left; display:inline; border-bottom:1px solid #555;}  
#menuhead ul ul {top:auto;}  
#menuhead li ul ul {left:130px; margin:0 0 0 10px;}  
#menuhead li:hover ul ul, #menuhead li:hover ul ul ul, #menuhead li:hover ul ul ul ul {display:none;}  
#menuhead li:hover ul, #menuhead li li:hover ul, #menuhead li li li:hover ul, #menuhead li li li li:hover ul {display:block;}

#menu, #menu2 {float: left; display: inline; position:relative; z-index:200; }
#menu li, #menu2 li {float: left; display: inline; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-right: 25px; }
#menu li li, #menu2 li li {margin-right: 0;}
#menu2 {z-index: 100;}
#menu2 li {text-transform: none;}

.downarrowclass {	background:url(images/down.png) no-repeat center; padding:6px 11px;}
.rightarrowclass {background:url(images/right.png) no-repeat center right;	padding:10px;	position:absolute;	right:10px;	}

/*Top level list items*/
.dropdown ul li{position: relative; display: inline; margin-right: 0;}
/*Top level menu link items style*/
.dropdown ul li a{text-decoration: none; line-height:18px; }

* html .dropdown ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}
 
.dropdown ul li.current_page_item a, .dropdown ul li.current-cat a {color:#CD3939; text-shadow: 0 1px 0 #000; }
 
/*1st sub level menu*/
.dropdown ul li ul {position: absolute; left: 0; display: block; visibility: hidden; z-index:100; background:#333; text-align:left;}
/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.dropdown ul li ul li ul{top: 0;}
/* Sub level menu links style */
.dropdown ul li ul li a {width: 140px; padding: 5px 10px; margin: 0; border-top-width: 0; border-bottom: 1px solid #4a4747; color:#fff; text-shadow:0 2px 0 #000; text-transform:none; display:block; }
.dropdown ul li ul li:last-child a, .dropdown ul li ul li:last-child a:hover {border:none;}
.dropdown ul li ul li a:hover { color:#000; }

/********************************************************************************************* 

1. Page Structure: Content

*********************************************************************************************/

#crumbs {font-size: 10px; text-transform: uppercase; margin: 20px 0; }

#search { float:right; font-size:10px; height:40px; position: relative; margin-top: 6px; }
#search #s {border: solid 1px #999;	height:20px; width:173px; font-size: 10px; padding-left: 5px; line-height: 22px;	}
#search #searchsubmit {background-color: gray; color: #fff; font-size: 10px; text-transform: lowercase; line-height: 24px; height: 24px; padding: 1px 10px; cursor: pointer; }
#search #searchsubmit:hover {background-color:#525250; }

#social {clear: right; float: right; display: inline;}
#social li {float: right; display: inline; margin-right: 0; margin-left: 3px; font-size: 11px; }

#homeGallery {margin-bottom: 50px;}
#homeGallery div.wrap {padding: 1px 0 0; border-top: solid 1px #c00; border-bottom: solid 1px #C00;}

/* 3. Content Area */
#content {margin-bottom: 50px; }
#content div.column {float: left; display: inline; margin-right: 30px; }
#content div.column {width: 200px; }
#content div.column-content {width: 500px; }
#content div.column-content img {max-width: 500px; height: auto; }
#content div.column-double {width: 730px; }
#content div.column-double img {max-width: 730px; height: auto; }
#content div.column-full {width: 960px; }
#content div.column-full img {max-width: 960px; height: auto; }
#content div.column-narrow {width: 200px; font-size: 11px; line-height: 16px; }
#content div.column-last {margin-right: 0;}
#content div.single {border-top: none; padding: 0; }
div.column-content h1, div.column-content h2, div.column-content h3 {font-family: Georgia, serif; font-size: 40px; line-height: 46px; letter-spacing: -1px; margin-bottom: 30px; }
div.column-content h2 {font-size: 24px; line-height: 30px; }
div.column-content h3 {font-size: 22px; line-height: 28px; }

div.column p.heading, #footerColumn p.heading {font-size: 11px; text-transform: uppercase; }
#content div.column-content {font-size: 14px; line-height: 20px; }
#content ul.menu {border-bottom: solid 1px #ccc; margin-bottom: 15px; }
#content ul.menu li {font-size: 12px; font-weight: bold; padding: 10px 0; border-top: solid 1px #ccc; }
#content ul.menu ul {margin: 10px 0 5px 10px; border-left: solid 1px #ccc; padding-left: 10px; }
#content ul.menu ul li {border: none; font-size: 12px; font-weight: normal;}
#content ul.menu li.current-menu-item > a {color: #333; font-weight: bold; }
#content ul.menu li.current-menu-item > a:hover {color: #c00;}

div.postInfo {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #ccc; font-size: 12px; line-height: 18px; }

.posts {margin-bottom: 10px; }
.posts .post {padding-bottom: 10px; border-bottom: solid 1px #ddd; font-size: 12px; line-height: 18px; margin-bottom: 15px; }
.posts .post-last {margin-right: 0; }
.posts .post h2 {font-size: 12px; font-weight: bold; line-height: 18px; margin-bottom: 2px; }
.posts .post div.thumb {float: left; display: inline; margin: 0 20px 10px 0; }
.posts p.postmetadata, p.postmetadata {font-size: 10px; text-transform: uppercase; margin: 5px 0 5px; color: #999; }
.posts p.postmetadata a, h2.heading a, div.postInfo a, div.single a, a.highlight {color: #c00;}
.posts p.postmetadata a:hover, h2.heading a:hover, div.postInfo a:hover, div.single a:hover, a.highlight:hover {text-decoration: underline; }
.posts .post-info {
	overflow: hidden;
}


/********************************************************************************************* 

2. Single Post/Page

*********************************************************************************************/

div.single {font-family: Helvetica, Arial, Tahoma, sans-serif; font-size: 14px; line-height: 20px; }
div.single p {margin: 0 0 14px; }
div.single ul, div.single ol {margin-left: 20px; margin-bottom: 14px; }
div.single li {list-style-position: inside;} 
div.single ul li {list-style-type: square;}
div.single ol li {list-style-type: decimal;} 
div.single blockquote {margin-left: 20px; padding-left: 20px; font-style: italic; border-left: dotted 2px #aaa; }
div.single h2, div.single h3, div.single.h4, div.single h5, div.single h6 {margin: 14px 0; }
div.single .content-narrow .widget ul, div.single .content-narrow .widget ol {margin-left: 0;}
div.single .content-narrow .widget li {list-style-type: none; }
div.single h2, .content-narrow .widget h2 {font-size: 24px; }
div.single h3 {font-size: 20px; }
div.single h4 {font-size: 18px; }
div.single h5 {font-size: 16px; }
div.single h6 {font-size: 14px; }
.alignleft {float: left; display: inline; margin: 0 15px 10px 0; }
.alignright {float: right; display: inline; margin: 0 0 10px 15px; }


/********************************************************************************************* 

3. Comments

*********************************************************************************************/

div.single ol.comments {padding: 1em 0; margin:0; }
div.single ol.comments a {text-decoration: none;}
div.single ol.comments a:hover {text-decoration: underline;}
div.single ol.comments div.comment-body {position: relative; }
div.single ol.comments div.reply {position: absolute; top: 0; right: 0; }
div.single ol.comments li {list-style-type: none; margin: 0 0 10px; padding: 15px 15px 5px; font-size: 14px; line-height: 20px; min-height: 90px; border-top: solid 1px #ccc; padding-left: 15px; }
div.single ol.comments li ul.children {padding: 10px 0 0; }
div.single ol.comments li ul.children li {clear: left; margin: 0 10px 10px 10px; }

div.single ol.comments {font-family: Helvetica, Arial, Tahoma, sans-serif; }
div.single ol.comments .vcard {}
div.single ol.comments img.avatar { float: left; display: inline; margin: 0 15px 15px 0; border: solid 4px #ccc; }
div.single ol.comments cite {font-size: 12px; line-height: 18px; font-weight: bold; font-style: normal; margin-left: 0; }
div.single ol.comments cite.author {color: #333;}
div.single ol.comments span.says {display: none; }
div.single ol.comments .commentmetadata {line-height: 18px; font-size: 10px; margin-bottom: 5px; text-transform: uppercase; }
div.single ol.comments blockquote {font-size: 12px; line-height: 18px; }
div.single ol.comments p {text-shadow: #fff 1px 1px 1px;}
div.single ol.comments li.comment {background-color: #f1f1f1; }
div.single ol.comments li.bypostauthor { background-color: #fff; }

.afterpost .navigation .alignleft a, div.single .reply a, .afterpost .navigation .alignright a, div.single .cancel-comment-reply a, .navigation a { background: #000000; color: #fff; padding: 2px 5px; margin-bottom: 5px; font-weight: normal; text-transform: uppercase; font-size: 10px; text-shadow: none; }
.afterpost .navigation .alignleft a:hover, .afterpost .navigation .alignright a:hover, div.single .reply a:hover, div.single .cancel-comment-reply a:hover, .navigation a:hover { background: #cc0000; color: #fff; text-decoration: none; }
.afterpost .navigation .alignleft a, .afterpost .navigation .alignright a {width:125px; padding:3px 0 0 3px; text-align:center; height:20px;}
.navigation {margin: 10px 0; font-size: 18px; text-align: center;  }
.navigation a {font-size: 11px; margin: 0 1px; padding: 5px 8px; }

#commentform {margin-top: 15px; clear: left; font-family: Helvetica, Arial, Tahoma, sans-serif; }
#commentform code {font-size: 11px; }
#commentform p {margin: 0 0 5px; font-size: 12px;}
#commentform label {float: left; display: inline; font-weight:normal; line-height: 26px; font-size: 11px; text-transform: none; margin-left: 10px; }
#commentform input {clear: left; float: left; display: inline; width: 300px;	padding: 6px 0 2px 5px;	font-size: 12px; margin-bottom: 10px; }
#commentform textarea {	width: 100%; height: 100px;	padding: 2px; margin-bottom: 10px;	}
#commentform input, #commentform textarea {background: #fff url(images/backSearch.png) repeat-x top left;	 border: 1px solid #ccc; color: #333; }
#commentform #submit {font-size: 11px; text-transform: uppercase; padding: 6px 15px; width: auto; background: none; background-color: #000000; color: #fff; border: none; cursor: pointer; }
#commentform #submit:hover {background-color: #525250; }
#comments h2 {margin-bottom: 10px; }


/********************************************************************************************* 

4. Footer

*********************************************************************************************/

#footer {font-size: 11px; color: #333; }
#footer div.wrap {border-top: solid 1px #c00; padding: 25px 0 10px; }
#footer a {text-decoration: none; }
#footer a:hover {text-decoration: none; }
#footer h3 {font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 14px; color: #777; }
#footer p {text-align: left; }
#footer p.copy {font-size: 10px; color: #777;}
#footer p.copy a {color: #777; text-decoration: none;}
#footer p.copy a:hover { }
#footer ul {display: block; text-align: left; margin-bottom: 10px; }
#footer ul li {display: inline; line-height: 18px; margin-right: 15px; font-size: 11px; font-weight: bold; }
#footerColumn {float: right; display: inline; width: 30%; margin: 0 0 10px 10px;}
#footerColumn div.textwidget p {line-height: 16px; font-size: 11px; color: #777; }


/********************************************************************************************* 

5. Miscellaneous

*********************************************************************************************/

.widget ul.gallery li {float: left; display: inline; width: 75px; margin-right: 10px; margin-bottom: 15px; }
.widget ul.gallery li.last {margin-right: 0;}

div.widget {margin: 0 0 20px; }

.navigation p {text-align: center; font-size: 10px; }
.navigation a {font-size: 10px; font-weight: normal; }

/* Begin Images */
.single .aligncenter {	display: block;	margin-left: auto;	margin-right: auto;	}
.single .alignright {	margin: 0 0 5px 20px;	display: inline;	}
.single .alignleft {	margin: 0 20px 5px 0;	display: inline;	}
.alignright {	float: right;	}
.alignleft {	float: left	}

/* Caption for images */
.single .wp-caption { background-color: #f9f9f9; border: solid 1px #e9e9e9; padding: 10px 8px; text-align:center; }
.single .wp-caption img { background:none; margin:0 0 10px; border:0 none; max-width:100%; width:auto; height:auto;}
.single .wp-caption-text, .gallery-caption { color:#A7A3A3; font-size:11px; line-height: 1.4em; margin:0; padding:4px 0 0; text-align:center; }
.single .wp-caption.aligncenter { margin:0 auto 15px; }

#searchform label {display: none; }
#searchform input {float: left; display: inline; height: 20px; padding: 4px; border: solid 1px #d1d1d1; }
#searchform input#s {width: 145px;}
#searchform input#searchsubmit {cursor: pointer; border: none; font-size: 10px; text-transform: lowercase; font-weight: normal; height: 30px; padding:0 5px; background-color:#000000; color: #fff; margin-left: 2px; border: none; margin-bottom: 15px; }
#searchform input#searchsubmit:hover {background-color:#525250; }

div.single .gallery .gallery-item {display: -moz-inline-stack; display: inline-block; vertical-align: top; zoom: 1; *display: inline;	margin:10px; }
div.single .gallery { margin: auto; text-align:center; clear:both; }
div.single .gallery img { border: solid 4px #eee;}
div.single .gallery-caption { margin-left: 0; }
div.single div.gallery img:hover {border: solid 4px #9acdea; }


/********************************************************************************************* 

6. Homepage Slider

*********************************************************************************************/

#showcase {
	position:relative;
}

#showcase li {
	list-style-type: none;
}

#showcase .slides {
	width:960px;
	height:300px;
	display:none;
}

#showcase .slides li {
	width:960px;
	height:300px;
	display:block;
}

#showcase a.browse
{
	background:transparent url(images/arrows.png) no-repeat 0 0;
	cursor:pointer;
	display:block;
	font-size:1px;
	height:39px;
	position:absolute;
	text-indent:-2000px;
	top:43%;
	width:39px;
	z-index:30;
}

#showcase a.prev
{
	background-position:0 0;
	left: 10px;
}

#showcase a.prev:hover
{
	background-position:0 -39px;
}

#showcase a.next
{
	background-position:-39px 0;
	right: 10px;
}

#showcase a.next:hover
{
	background-position:-39px -39px;
}

/***************************************************************************************

7. Shortcodes

****************************************************************************************/


.checklist li {padding-left: 20px; background: transparent url(images/icon_tick.png) no-repeat top left; list-style-type: none !important; }

.arrowlist li {padding-left: 20px; background: transparent url(images/icon_arrow.png) no-repeat top left; list-style-type: none !important; }

.deletelist li {padding-left: 20px; background: transparent url(images/icon_delete.png) no-repeat top left; list-style-type: none !important; }

.scBox {padding: 10px; text-shadow: none !important; color: #444; margin: 10px 0; }
.notice {background-color: #f8f0af; }

.warning {background-color: #f8c0c0;
	border: 1px dotted #eb5b56; }

.update {background-color: #c0e5f8;
	border: 1px solid #7eb9fc; }

.highlight {padding: 3px 5px; text-shadow: none; background-color: #f6e46a; color: #333; }

.half {float:left;width:47%;margin:10px 0;margin-right:6%;}

.third {float:left;width:30%;margin:10px 0;margin-right:5%; overflow: hidden;}

.last {margin-right:0; }


/***************************************************************************************

8. Image wrap

****************************************************************************************/

.imageWrap, .imageWrapRight {
	float:left;
	margin-bottom: 10px;
	padding: 0 15px 10px 0;
	line-height:1.2;
	position:relative;
	z-index:1;
	width:97% !important;
	width:auto;
}

.imageWrap:after, .imageWrapRight:after, .imageWrap ul:after { content: "."; display: block; height: 0; overflow:hidden; clear: both; visibility:hidden; width:100%; position:relative;} 
/* Holly Hack Targets IE Win only \*/ * html .imageWrap, * html .imageWrapRight {height: 1%;} /* End Holly Hack */

.imageWrap img, .imageWrapRight img {
	float: left;
	padding: 0;
	margin:0 15px 15px 10px;
	z-index:1;
}
.imageWrapRight img{
	float: right;
	margin: 0 0 15px 15px;
	z-index:1;
}

/***************************************************************************************

9. Our Team Widget Styling

****************************************************************************************/
div.innerdiv {
	clear: both;
	margin-bottom: 2px;
	padding-bottom: 10px;
	border-bottom: 1px solid #E7E8E6;
}

div.innerdiv img {
	padding: 2px;
	border: 1px solid #E7E8E6;
	margin: 0 8px 0 0;
}

/* 5.1 Clearfix */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}

/***************************************************************************************

10. Testimonials Styling

****************************************************************************************/
blockquotes {
	padding: 1em 40px 1em 15px;
}

blockquotes span.open {
	background: url(images/icons/so-q.gif) no-repeat left top;
	padding: 0 0 0 15px;
}

blockquotes span.close {
	background: url(images/icons/sc-q.gif) no-repeat bottom right;
	padding: 0 15px 0 0;
}

blockquotes.testimonial {
	padding: 0 0 10px;
	border-bottom: 1px solid #E7E8E6;
}

blockquotes.testimonial span.author {
	background: url(images/icons/icon-author.gif) no-repeat 5px center;
	display: block;
	font-weight: bold;
	margin-top: 6px;
	padding-left: 20px;
}


/***************************************************************************************

11. Contacts Image Wrap

****************************************************************************************/
.imageWrap, .imageWrapRight {
	float: left;
	margin-bottom: 10px;
	padding: 0 15px 10px 0;
	line-height: 1.2;
	position: relative;
	z-index: 1;
	width: 97% !important;
	width: auto;
}

.imageWrap:after, .imageWrapRight:after, .imageWrap ul:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
	visibility: hidden;
	width: 100%;
	position: relative;
}

/* Holly Hack Targets IE Win only */
* html .imageWrap, * html .imageWrapRight {
	height: 1%;
}

/* End Holly Hack */
.imageWrap img, .imageWrapRight img {
	float: left;
	padding: 0;
	margin: 0 15px 15px 10px;
	z-index: 1;
}

.imageWrapRight img {
	float: right;
	margin: 0 0 15px 15px;
	z-index: 1;
}