/* 
Theme Name: Devine Image
Theme URL: http://syntechdesign.com
Description: Professional Wordpresss Theme.
Author: Dan Johnston
Author URI: http://syntechdesign.com
Version: 1.0
*/
/***** css reset *****/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, del, dfn, em, font, img, ins, kbd, q, s, samp, acronym, address, big, cite, code, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
table {
	border-collapse:separate;
	border-spacing:0;
}
{
margin:0;
padding:0;
}
body, html {
	background-color: #3D2A1B;
	background-image:url(/img/bg-sky.png);
	background-repeat: repeat-x;
	background-position: 0px 37px;
	color: #214230;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 175%;
}
.lighttext {
	color:#D4D1CF;
}
a:link, a:visited {
	border: none!important;
	outline: none!important;
	text-decoration: none!important;
	color: #85807B;
}
a:hover, a:focus {
	border: none!important;
	outline: none!important;
	text-decoration: none!important;
	color: #85807B;
}
#logo {
	position: relative;
	top: 18px;
	float:left;
}
#topper {
	height: 37px;
	line-height: 35px;
	background-color: #2E1F13;
	background-image: url(/img/topper.gif);
	background-position: top center;
	background-repeat: repeat-x;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	text-align: right;
	color: #9B938D;
}
#topper span span {
	color: #68594C;
	display: inline-block;
	padding: 0px 4px;
}
#topper a:link, #topper a:visited {
	font-weight: bold;
	color: #B4D593;
}
#topper a:hover {
	text-decoration: underline!important;
}
#one h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 51px;
	letter-spacing: -1px;
	font-weight: normal;
	color: #638F38;
	margin-bottom: 20px;
	text-shadow: 0px 1px 3px #96D0F6;
	padding-top: 85px;
	text-align: center;
}
#one p {
	font-family: PetitaMedium, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 16px !important;
	color:#3D2A1B;
	text-align: center;
}
.f-inner {
	text-align: center;
	padding-top: 85px;
}
header-right {
	float:right;
	width: 500px;
	text-align:right;
}
#social {
	position: relative;
	top: 35px;
	right: 25px;
	text-align: right;
	font-size: 80%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #667A71!important;
}
#social a, #social a:link {
	color: #667A71!important;
	margin-left: 15px;
}
#social a img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	position: relative;
	top: 3px;
	padding-left: 3px;
}
#social a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
#navigation {
	float:right;
	position: relative;
	top: 68px;
	list-style: none;
	text-align: right;
}
#navigation li {
	list-style: none;
	display: inline-block;
	float:left;
	height: 33px;
	line-height: 33px;
	padding: 0px 17px 0px 15px;
}
#navigation a, #navigation a.down {
	height: 33px;
	line-height: 33px;
	background-repeat: none;
	background-position: top center;
	overflow: hidden;
	display: inline-block;
	background-color: transparent;
}
#navigation a span, #navigation a.down span {
	display: none;
}
#navigation a:hover, #navigation a.down:hover {
	background-position: bottom center;
}
#works {
	background-image: url(/img/nav-work.gif);
	background-color: transparent;
	width: 97px;
}
#promos {
	background-image: url(/img/nav-promo.gif);
	background-color: transparent;
	width: 113px;
}
#contactus {
	background-image: url(/img/nav-contact.gif);
	background-color: transparent;
	width: 110px;
}
.navdiv {
	background-image: url(/img/dotted-vert.gif);
	background-position: right;
	background-repeat: repeat-y;
}
p {
	margin-bottom: 25px;
}
.nm {
	margin-bottom: 0px!important;
}
.content small {
	font-size: 80%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #667A71;
}
.right small {
	display: inline-block;
	line-height: 165%;
	padding-left: 18px;
}
small span {
	color: #214230;
}
.container {
	width: 805px;
	margin: 0px auto;
	text-align: left;


}
.topper {
	width: 805px;

}
.warning {float:left; width: 300px; text-align: left; }
.estimate {float:right; text-align: right;  width: 400px; margin-right: 25px;}
.secondary {
	width: auto;
	background-image: url(/img/grass-dirt.gif)!important;
	background-repeat: repeat-x;
	background-position: top left;
	position: relative;
	top: -13px;
}
body.ie6 .secondary {
	background-image: url(/img/grass-dirt.gif)!important;
}
.space {
	display: block;
	width: auto;
	height: 150px;
}
.header {
	height: 166px;
}
.content {
	height: 430px;
	width: 100%;
	background-image:url(/img/sky.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.promos, .contact, .served, .contact-form {
	background-image:url(/img/divide-hor.gif);
	background-position: top center;
	background-repeat: repeat-x;
	padding-top: 2px!important;
	width: 805px;
}
.gradient {
	background-image: url(/img/gradient.png);
	background-position: top center;
	background-repeat: no-repeat;
}
.gallery-holder {
	width: 828px!important;
	position: relative;
	top: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}
.ngg-clear {
	height: 0px!important;
	line-height: 0px!important;
}
.inputbox {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	background-color: #302115;
	border: 1px solid #26190F;
	border-bottom:1px solid #473220;
	border-right:1px solid #473220;
	color: #85807B;
	width: 290px;
	font-size: 14px;
}
.inputbox-cap {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	background-color: #302115;
	border: 1px solid #26190F;
	border-bottom:1px solid #473220;
	border-right:1px solid #473220;
	color: #85807B;
	width: 50px;
	font-size: 14px;
}
.cap-img {
	position: relative;
	top: 8px;
	margin-left:4px;
}
.inputbox:focus, .messagebox:focus, .inputbox-cap:focus {
	color: #D4D1CF;
}
.but {
	float:right;
	width: 125px;
	height: 30px;
	overflow: hidden;
	background-image: url(/img/submit-button-blue.gif);
	background-position: top left;
	border: none!important;
	background-color: transparent;
	font-family: Tahoma, Geneva, sans-serif;
	text-indent: 125px;
	font-size: 10px;
	line-height: 23px;
	text-align: left;
	padding:0px;
	margin: 0px;
	position: relative;
	top: 9px;
	cursor: pointer;
}
.but:hover {
	background-position: center left!important;
}
.but:active {
	background-position: bottom left!important;
}
div.fadehover {
	position: relative;
	width: 260px;
	height: 135px;
	left: -5px;
	top: 10px;
	float:left;
}
img.a {
	z-index: 50;
	position: absolute;
	left: 0;
	top: 0;
}
img.b {
	position: absolute;
	left: 0;
	top: 0;
}
.messagebox {
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 5px;
	background-color: #302115;
	border: 1px solid #26190F;
	border-bottom:1px solid #473220;
	border-right:1px solid #473220;
	color: #85807B;
	width: 450px;
	font-size: 14px;
	height: 161px;
}
.hireus {
	font-family: PetitaMedium, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 20px !important;
	color:#9A9692;
	margin-bottom: 35px;
}
.reqq {
	font-size: 11px !important;
}
.contact-form small, .req span {
	color: #9EC6DD;
}
.contact-form {
	padding: 35px 0px;
	color: #85807B;
}
.contact-form p {
	margin-bottom: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #85807B;
}
.cleft {
	float:left;
	width: 300px;
}
.cright {
	float:right;
	width: 460px;
}
.cright div {
	display: inline!important;
}
.served p {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #85807B;
	line-height: 170%;
	padding: 15px;
}
.title {
	padding: 35px 0px 20px 0px;
}
.title-work {
	padding-bottom: 20px;
	padding-top: 5px;
}
.blue {
	color: #95CFF5!important;
}
h2 {
	font-family: PetitaBold;
	font-size: 20px !important;
	color:#D4D1CF;
	margin-bottom: 0px;
}
.htwo {
	font-family: PetitaBold;
	font-size: 20px !important;
	display: block;
	color:#D4D1CF;
	margin-bottom: 0px;
}
.secondary a.top, .secondary a.up, .secondary a.down {
	width: 78px;
	height: 26px;
	background-image: url(/img/button-top.gif);
	background-repeat: none;
	background-position: top left;
	float:right;
	display:inline-block;
	text-align: center;
	border-bottom: none;
}
.secondary a.top span, .secondary a.up span, .secondary a.down span, #slick-slidetoggle {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #BFBAB7!important;
	line-height: 26px;
	text-align: center;
}
.secondary a.top:hover span, .secondary a.up:hover span, .secondary a.down:hover span, #slick-slidetoggle:hover {
	color: #B4D593!important;
}
.secondary a.top:hover, .secondary a.up:hover, .secondary a.down:hover, #slick-slidetoggle:hover {
	background-position: bottom left;
}
a.top:hover {
}
.topheading {
	font-family: PetitaBold;
	font-size: 16px !important;
	color:#648F38;
	margin-bottom: 15px;
}
.plus {
	position: relative;
	top: -9px;
}
body.ie .plus {
	position: relative;
	top: 2px!important;
	marrgin-right: 2px;
}
.round-bg {
	margin-top: 10px;
	background-image: url(/img/rounded-middle.gif);
	background-position: top left;
	background-repeat: repeat-x;
}
.round-top {
	background-image: url(/img/rounded-top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
.round-bottom {
	background-image: url(/img/rounded-bottom.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
}
.left {
	float:left;
	width: 525px;
	background-image: url(/img/divide-vert.gif);
	background-position: top right;
	background-repeat: repeat-y;
	margin-top: 35px;
}
.left p {
	margin-bottom: 24px;
	font-size: 16px !important;
	line-height: 27px;
	font-family: PetitaMedium;
}
.right p {
	margin-bottom: 0px;
	font-size: 16px !important;
	line-height: 32px;
	font-family: PetitaMedium;
}
.left .l-inner {
	margin-right: 40px;
}
.right {
	float:right;
	width:235px;
	margin-top: 33px;
	line-height: 200%;
}
.right ul {
	margin: 0px;
	padding: 0px;
}
.right {
	font-family: PetitaMedium, "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
.slogan {
	clear:both;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	position: relative;
	top: 65px;
	color: #3D2B1C;
}
body.ie .slogan {
	clear:both;
	font-size: 26px;
	font-style: italic;
	font-weight: normal;
	position: relative;
	top: 62px;
	color: #3D2B1C;
}

body.ie6 .slogan {
	position: relative;
	top: 52px!important;

}

.slogan-inner {
}
.footer-logo {
	position: relative;
	top: 17px;
	margin-right: 15px;
}
#footer {
	background-color: #2A1D12;
	border-top: 1px solid #473220;
	width: 100%;
	height: 100px;
	color: #463C33;
	font-size: 11px;
	font-family: Tahoma, Geneva, sans-serif;
	line-height: 100px;
}

#footer .container{
	background-image:url(/img/logo-footer.gif);
	background-position: center left;
	background-repeat: no-repeat;
}

#footer p {
	margin: 0px;
	padding: 0px;
	padding-left: 80px;
}
#footer em {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 13px;
	color: #68594C;
}
#footer small {
	font-size: 10px;
	color: #463C33;
}
/*
 * Color, Border, and Button Rules
 */
.contentslider {
	padding:10px; /* This acts as a border for the content slider */
	background:#302115;
	border-top: 1px solid #26190F!important;
}
.cs_wrapper, .cs_article {
}
.cs_leftBtn, .cs_rightBtn {
	width:52px; /* Should be as wide as the button graphic being used */
}
.cs_leftBtn {
	text-align: right;
}
.cs_rightBtn {
	text-align: left;
}
body.ie .cs_rightBtn {
	width:51px;
}
/*
 ******************************************************************************
 * These styles may be affected by the plugin, so avoid changing them if 
 * it's not absolutely necessary.
 ******************************************************************************
 */
.contentslider {
	position:relative;
	display:block;
	width:785px;
	height:256px;
	margin:0 auto;
	overflow:hidden;
}
.cs_wrapper {
	position:relative;
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.cs_slider {
	position:absolute;
	width:10000px;
	height:100%;
	margin:0;
	padding:0;
}
.cs_article {
	float:left;
	position:relative;
	top:0;
	left:0;
	display:block;
	width:785px;
	height:256px;
	margin:0 auto;
	padding:0;
	background-image:url(/img/featured-bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.cs_article img {
}
.cs_article p {
}
.cs_article .readmore {
}
.cs_leftBtn, .cs_rightBtn {
	position:absolute;
	top:-55px;
	height:256px;
	padding:0px 0;
	z-index:10;
}
.cs_leftBtn {
	left:0;
	outline:0;
}
.cs_rightBtn {
	right:0;
	outline:0;
}
.cs_leftBtn img, .cs_rightBtn img {
	border:0;
	position:relative;
	top:128px;
	margin:0;
}
.pusher {
	position: relative;
	top: -25px;
	left:-50px;
	display: inline-block;
	float:right;
	width: 100px;
	z-index: 5;
	margin:0;
}
#slickbox {
	padding:0;
	margin: 0;
	display: none;
}
.hidd {
	position: relative;
	top: -10px;
}
/* ----------- Album Styles Extend -------------*/

.ngg-albumoverview {
	margin-top: 15px;
	width: 100%;
	clear:both;
	display:block !important;
}
.ngg-album {
	height: 100%;
	margin-bottom: 15px;
	border: 1px solid #fff;
}
/* IE6 will ignore this , again I hate IE6 */
/* See also http://www.sitepoint.com/article/browser-specific-css-hacks */
html>body .ngg-album {
	overflow:hidden;
	margin-bottom: 15px;
	border: 1px solid #cccccc;
}
.ngg-album {
	overflow: hidden;
	padding: 0px;
	margin-bottom: 15px;
}
.ngg-albumtitle {
	text-align: left;
	font-weight: bold;
	margin:0px;
	padding:0px;
	font-size: 1.4em;
	margin-bottom: 10px;
}
.ngg-thumbnail {
	float: left;
	margin-right: 15px;
}
.ngg-thumbnail img {
	background-color:#2B1D12;
	border:1px solid #473220;
	margin:4px 0px 4px 5px;
	padding:4px;
	position:relative;
}
.ngg-thumbnail img:hover {
	background-color: #97D0F6;
}
.ngg-description {
	text-align: left;
}
/* ----------- Album Styles Compact -------------*/

.ngg-album-compact {
	float:left;
	height:180px;
	padding-right:6px !important;
	margin:0px !important;
	text-align:left;
	width:120px;
}
.ngg-album-compactbox {
	background:transparent url(albumset.gif) no-repeat scroll 0%;
	height:86px;
	margin:0pt 0pt 6px !important;
	padding:12px 0pt 0pt 7px !important;
	width:120px;
}
.ngg-album-compactbox .Thumb {
	border:1px solid #000000;
	margin:0px !important;
	padding:0px !important;
	width:91px;
	height:68px;
}
.ngg-album-compact h4 {
	font-size:15px;
	font-weight:bold;
	margin-bottom:0px;
	margin-top:0px;
	width:110px;
}
.ngg-album-compact p {
	font-size:11px;
	margin-top:2px;
}
/* ----------- Gallery style -------------*/

.ngg-galleryoverview {
	overflow: hidden;
	margin-top: 10px;
	width: 100%;
	clear:both;
	display:block !important;
}
.ngg-galleryoverview .desc {
	/* required for description */
   margin:0px 10px 10px 0px;
	padding:5px;
}
.ngg-gallery-thumbnail-box {
	float: left;
}
.ngg-gallery-thumbnail {
	float: left;
	text-align: center;
}
.ngg-gallery-thumbnail a {
	display:block;
	margin: 0px 23px 23px 0px;
	position:relative;
	padding: 10px;
	background-color:#2B1D12;
	border-bottom: 1px solid #473220!important;
	border-top: 1px solid #26190F!important;
}
body.ie .ngg-gallery-thumbnail a {
	padding: 10px 10px 8px 10px;
	border-bottom: 1px solid #473220!important;
	border-top: 1px solid #26190F!important;
}
.ngg-gallery-thumbnail a:hover {
	border-bottom: 1px solid #473220!important;
	border-top: 1px solid #26190F!important;
	background-color: #473220;
}
.ngg-gallery-thumbnail span {
	/* Images description */
	font-size:90%;
	padding-left:5px;
	display:block;
}
.ngg-clear {
	clear: both;
}
/* ----------- Gallery navigation -------------*/

.ngg-navigation {
	font-size:0.9em !important;
	clear:both !important;
	display:block !important;
	padding-top:15px;
	text-align:center;
}
.ngg-navigation span {
	font-weight:bold;
	margin:0pt 6px;
}
.ngg-navigation a.page-numbers, .ngg-navigation a.next, .ngg-navigation a.prev, .ngg-navigation span.page-numbers, .ngg-navigation span.next, .ngg-navigation span.prev {
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}
.ngg-navigation a.page-numbers:hover, .ngg-navigation a.next:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.next:hover, .ngg-navigation span.prev:hover {
	background-color: #0066CC;
	color: #FFFFFF !important;
	text-decoration: none !important;
}
/* ----------- Image browser style -------------*/

.ngg-imagebrowser {
}
.ngg-imagebrowser h3 {
	text-align:center;
}
.ngg-imagebrowser img {
	border:1px solid #A9A9A9;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	display:block !important;
	padding:5px;
}
.ngg-imagebrowser-nav {
	padding:5px;
	margin-left:10px;
}
.ngg-imagebrowser-nav .back {
	float:left;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}
.ngg-imagebrowser-nav .next {
	float:right;
	border:1px solid #DDDDDD;
	margin-right:3px;
	padding:3px 7px;
}
.ngg-imagebrowser-nav .counter {
	text-align:center;
	font-size:0.9em !important;
}
.exif-data {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* ----------- Slideshow -------------*/
.slideshow {
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	outline: none;
}
.slideshowlink {
}
/* ----------- Single picture -------------*/
.ngg-singlepic {
	background-color:#FFFFFF;
	display:block;
	padding:4px;
}
.ngg-left {
	float: left;
	margin-right:10px;
}
.ngg-right {
	float: right;
	margin-left:10px;
}
.ngg-center {
	margin-left: auto !important;
	margin-right: auto !important;
}
/* ----------- Sidebar widget -------------*/
.ngg-widget, .ngg-widget-slideshow {
	overflow: hidden;
	margin:0pt;
	padding:5px 0px 0px 0pt;
}
.ngg-widget img {
	border:2px solid #A9A9A9;
	margin:0pt 2px 2px 0px;
	padding:1px;
}
/* ----------- Related images -------------*/
.ngg-related-gallery {
	background:#F9F9F9;
	border:1px solid #E0E0E0;
	overflow:hidden;
	margin-bottom:1em;
	margin-top:1em;
	padding:5px;
}
.ngg-related-gallery img {
	border: 1px solid #DDDDDD;
	float: left;
	margin: 0pt 3px;
	padding: 2px;
	height: 50px;
	width:  50px;
}
.ngg-related-gallery img:hover {
	border: 1px solid #000000;
}