/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - -


	THEME CSS // Designwise Studios v4


- - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
-----------------------------------------------------
	CSS reset complements of Eric Meyer: 
	http://meyerweb.com/eric/thoughts/2007/04/12/reset-styles/
	Removes browser defaults and whatnot.
----------------------------------------------------- */

html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
line-height: 1;
font-family: inherit;
text-align: left;
vertical-align: baseline;
}
a {outline: none;}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ol, ul {
list-style: none;
}
q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section { display: block; }
		  
/* end: css reset */
html {
background: #1d2327 url(images/body_bg.jpg) repeat;
}
body {
background: url(images/body_highlight.jpg) no-repeat -10% top;
border-top: 10px solid #191f23;
color: #999;
font: small/1.7em "lucida grande", verdana, sans-serif;
}
a {
 color: #c4df9a;
text-decoration: none;
}
a:hover {
color: #fff;
}
abbr {
cursor: help;
border-bottom: 1px dotted #333;
}

/* PAGE -------------------------------- */

#page {
width: 854px;
margin: 0 auto;
padding-left: 8px;
position: relative;
overflow: hidden;
}
header {
display: block;
height: 160px;
}
.error404 #content,
.page #content,
.single #content {
background: url(images/sub_content_bg.jpg) repeat-x;
min-height: 510px;
_height: 510px; /* ie6 only */
}
#content p,
#content ul,
#content ol {
line-height: 1.8em;
margin-bottom: 1em;
}
#content ol {
list-style-type: roman;
}
#content ol li {
list-style: decimal;
line-height: 1.6em;
margin-bottom: 1em;
margin-left: 0;
padding-left: 0px;
margin-left: 00px;
}
#main {
background: url(images/sub_content_highlight.jpg) no-repeat 0 0;
width: 557px;
padding: 40px 33px 40px 40px;
float: left;
}
#content h1 {
font: normal 24px/1.2em "Myriad Pro", "Arial", serif;
color: #eee;
margin: 0 0 17px;
text-shadow: -1px -1px 0 #000;
}
#content h2 {
font: normal 20px/1.6em "Myriad Pro", trebuchet, "trebuchet ms", arial, sans-serif;
color: #eee;
margin: 1em 0 .5em;
text-shadow: -1px -1px 0 #000;
}
#main h3 {
font: bold 14px/1.6em "lucida grande", trebuchet, "trebuchet ms", arial, sans-serif;
margin: -.6em 0 .5em;
text-shadow: -1px -1px 0 #000;
}
article#main .entry em {
color: #fff;
}
#main h3.services {
font-family: georgia;
font-style: italic;
font-weight: normal;
text-transform: lowercase;
text-shadow: -1px -1px 0 #000;
margin-bottom: 1em;
color: #999a9b;
}
#main h3.services span.cite {
margin: .7em 0;
display: block;
font-size: 13px;
text-align: left;
color: #777;
}
#main #props h2 {
font-size: 16px;
margin-bottom: .3em;
}
#main #props  a {
font-weight: normal;
color: #c4df9a;
}
#main .entry p.preamble {
font-size: 14px;
font-family: georgia, serif;
font-style: italic;
color: #ccc;
width: 70%;
text-shadow: -1px -1px 0 #111;
}
.page-id-2 #main .entry p.preamble {
width: 100%;
line-height: 2em;
}
#main .entry p.note {
font-size: 11px;
padding: 20px 20px 23px;
margin-bottom: 2em;
background: rgba(0,0,0,.15);
*background: #1d2327;
border-left: 2px solid #444;
}
#main .entry p strong {
font-weight: bold;
color: #ccc
}
#main .entry p em {
font-family: georgia, sans-serif;
font-style: italic;
}
.entry img.size-full {
-webkit-box-shadow: 0 0 12px rgba(0,0,0, .5);
-moz-box-shadow: 0 0 12px rgba(0,0,0, .5);
box-shadow: 0 0 12px rgba(0,0,0, .5);
}
.entry .post-meta {
display: block;
margin-top: 1.4em;
}
#main .entry blockquote {
background: rgba(0,0,0,.15);
*background: #1d2327;
padding: 20px 20px 10px;
margin: 1.5em 0 0;
color: #c4df9a;
display: block;
}
#main .entry blockquote p {
margin-bottom: 0;
}
#main .entry cite {
background: rgba(0,0,0,.15);
*background: #1d2327;
margin: 0 0 1.5em;
display: block;
padding: 0 20px 20px;
text-align: right;
font-size: 12px;
}
body.page-id-36 form {
background: rgba(0,0,0,.15);
*background: #1d2327;
padding: 40px 20px 20px;
}

#sidebar {
background: url(images/sidebar_divider.jpg) no-repeat 4px 62px;
width: 220px;
padding: 83px 00px 40px 0;
float: right;
min-height: 510px;
_height: 510px; /* ie6 only */
}
#sidebar a {
color: #fff;
padding-left: 30px;
text-shadow: -1px -1px 0 #000;
display: block;
margin-bottom: 9px;
line-height: 1.4em;
outline: 0;
}
#sidebar a:hover {
 color: #c4df9a;
}
#sidebar ul ul {
/*display: none;*/
}
#sidebar ul ul {
display: block;
}
#sidebar ul li {
_height: 1%;
}
.work #sidenav ul a.parent {
margin-bottom: .8em;
}
#sidebar ul ul a {
color: #7f858a;
padding-right: 0;
margin-bottom: .8em;
font-family: georgia, serif;
font-style: italic;
text-transform: lowercase;
}
.single #sidebar .current a,
.page-id-521 #sidebar #snav-about a,
.page-id-36 #sidebar #snav-contact a,
.dgm #sidebar #snav-dg a,
.postid-1 #sidebar #snav-dg a,
.postid-49 #sidebar #snav-densem a,
.postid-95 #sidebar #snav-monk a,
.postid-100 #sidebar #snav-pfl a,
.postid-112 #sidebar #snav-ekk a,
.postid-232 #sidebar #snav-egm a,
.postid-417 #sidebar #snav-zion a,
.postid-115 #sidebar #snav-bkib a,
.postid-238 #sidebar #snav-worship a,
.postid-122 #sidebar #snav-cmint a,
.postid-125 #sidebar #snav-ab a,
.postid-130 #sidebar #snav-burlap a,
.postid-134 #sidebar #snav-slyd a,
.postid-141 #sidebar #snav-wg a,
.postid-144 #sidebar #snav-mdb a,
.postid-254 #sidebar #snav-alliance a,
.postid-218 #sidebar #snav-tuaw a {
background: url(images/sidebar_donut.png) no-repeat 1px center;
color: #fff;
}
section#gallery {
width: 900px;
display: block;
overflow: hidden;
}
footer {
display: block;
height: 100px;
}

/* HEADER ------------------------------ */

#globalheader h1 a {
background: url(images/global_sprite.png) no-repeat 0 0;
display: block;
height: 52px;
width: 193px;
text-indent: -900em;
position: absolute;
top: 65px;
left: 47px;
}
#globalheader h2 {
background: url(images/global_sprite.png) no-repeat -237px 0;
display: block;
height: 60px;
width: 243px;
text-indent: -900em;
position: absolute;
top: 65px;
left: 275px;
}
#btn_getquote {
background: url(images/global_sprite.png) no-repeat 0 -88px;
display: block;
height: 26px;
width: 104px;
text-indent: -900em;
position: absolute;
top: 80px;
right: 35px;
}

/* HOME GALLERY ------------------------ */

#gallery article {
display: block;
float: left;
height: 330px;
width: 270px;
margin-right: 22px;
}
#gallery article .thumb a {
display: block;
float: left;
height: 213px;
width: 270px;
margin-bottom: 10px;
}

#gallery article .thumb img {
border: 4px solid #111;
margin-bottom: 0;
opacity: .85;
height: 205px;
width: 262px;
}
#gallery article .thumb a:hover img {
opacity: 1;
}
#gallery article h1 {
font-size: 14px;
font-weight: normal;
margin: 0 0 8px;
text-shadow: -1px -1px 0 #000;
font-family: "lucida grande", "lucida sans", "trebuchet ms", sans-serif;
}
#gallery article p {
color: #777;
font-size: 12px;
line-height: 18px;
margin: 0;
}
#gallery article p.credit {
font: italic 12px/18px georgia;
margin-top: .7em;
}

/* PROJECT
---------------------------------------- */
.navigation {
clear: both;
padding: 0 40px;
width: 557px;
overflow: hidden;
}
.home .navigation {
padding: 0;
width: 854px;
}
.navigation a {
font-size: 12px;
padding: 7px 10px 8px;
background: #262f34;
text-align: center;
color: #666;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.navigation a:hover {
color: #ccc;
background: #333;
}
.navigation .alignleft a {
display: block;
float: left;
background-image: url(images/arrow_lt.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 17px;
}
.navigation .alignright a {
display: block;
float: right;
background-image: url(images/arrow_rt.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 17px;
}



/* FOOTER
---------------------------------------- */
#globalfooter {
background: url(images/global_sprite.png) no-repeat 0 -568px;
padding-top: 45px;
margin-top: 40px;
display: block;
font-size: 12px;
clear: both;
}
.page #globalfooter nav,
.single #globalfooter nav {
padding: 0 40px;
font-size: 11px;
}
#globalfooter nav a {
background: url(images/global_sprite.png) no-repeat 0 -260px;
padding-left: 12px;
margin-left: 4px;
}
#globalfooter nav a.companyname {
color: inherit;
background: transparent;
padding-left: 0;
}
#globalfooter nav a.twitter {
background: url(images/global_sprite.png) no-repeat 0 -162px;
height: 0 !important;
height /**/: 19px;
padding: 19px 0 0 0;
width: 154px;
display: block;
float: right;
overflow: hidden;
position: relative;
margin-top: -5px;
}


/* FORM
---------------------------------------- */
form {
position: relative;
}
form input,
form textarea {
padding: 2px 4px;
font-weight: bold;
font-size: 14px;
margin-top: 4px;
}
input#your_name,
input#your_email {
width: 300px;
}
form textarea {
width: 450px;
}
form p {
font-size: 12px;
}
form span.req {
color: #c90000;
}
form p.key {
position: absolute;
right: 20px;
top: 20px;
font-size: 11px;
color: #666;
}
p.quiz {
padding: 10px 0px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

.error404 ol {
width: 440px;
margin-left: 80px;
margin-top: 40px;
}

/* VCARD
---------------------------------------- */
.vcard * {
line-height: 1.6em;
}
.vcard {
color: #777;
margin-top: 2em;
font-size: .85em;
padding-left: 20px;
width: 100%;
}
.vcard span {
display: inline;
}
#content .vcard a {
color: #fff;
border-bottom: 1px solid #444;
}
#content .vcard a:hover {
border: 0;
}
#content a.vcard-img {
border:none; display: block; margin-top: 7px;
}

/* MISC
---------------------------------------- */
/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clear {clear:both;}
.small {
font-size: .9em !important;
}
img.left {float: left;}
a.external {}
img.alignright {float: right; margin:0 0 20px 30px;}