/***** CAMBRIAN GRANITE *****/

/***** Body *****/
body {
margin:0;
padding:0;
background-color:#ffffff;
font:1em Verdana,Tahoma,Arial,sans-serif;
color:#666;
}

a {
color:#B9400B;
text-decoration:underline;
}

a:hover {
color:#999999;
text-decoration:none;
}



/***** Top Links *****/
#top {
margin:0;
padding:0;
height:30px;
background: #999 url(../img/top_bg.jpg) repeat-x ;
}

#toplinksnav {
margin:0 auto; 
padding:0 0 0 0; 
width:780px;
text-align:left;
}

#toplinksnav p {
margin:0;
padding:0;
font-size:.7em;
color:#999;
line-height:25px;
}

#toplinksnav a {
color:#999;
text-decoration:none;
}

#toplinksnav a:hover {
color:#FFF;
text-decoration:none;
}


/***** Branding *****/
#branding {
position:relative;
margin:0;
padding:0;
height:164px;
line-height:240px;
background:#fff url(../img/branding_bg.jpg) repeat-x;
}

.brandingfloat {
float:right;
margin:0;
padding:0;
border:none;
}

#branding h1 {
position:relative;
margin:0 12% 0 0;
padding:0;
text-align:right;
font:1.2em Verdana,Tahoma,Arial,sans-serif;
color:#ABB49B;
}

#branding p {
margin:-285px 12% -25px 0;
padding:0;
text-align:right;
font-size:.8em;
letter-spacing:.1em;
color:#5C5C5C;
}

/***** Navigation *****/
#navbar {
height:42px;
background: #86212E url(../img/navbar_bg.jpg) repeat-x;
}

#navbarblock {
margin:0 auto;
padding:0;
text-align:left;
width:780px;
font-size:.8em;
line-height:40px;
}

#navbarblock ul {
margin:0 0em 0 0em;
padding:0;
display:inline;
list-style-type:none;
text-align:center;
}

#navbarblock ul li {
display:inline;
position:relative;
}

#navbarblock a {
color:#F1EC81;
text-decoration:none;
padding:13px 15px 15px 15px;
}

#navbarblock a:hover {
color:#FFF;
text-decoration:none;
}

/***** Feature Bar *****/
#feature {
height:140px;
background: #F1EC81 url(../img/featurebar_bg.jpg) repeat-x;
}

#featurebar {
position:relative;
margin:0 auto;
padding:5px;
width:770px;
font-size:0.9em;
text-align:left;
}

#featurebar h2 {
margin:1em 0 0 0;
color:#323232;
font-family:Georgia, Times, serif;
font-size:1.1em;
}

#featurebar p {
margin:.3em 0 0 0;
color:#333;
font-size:0.8em;
line-height:1.5em;
}

.featurebarfloat {
float:left;
position:relative;
margin:13px 15px 0 0;
padding:0;
border:none;
height:90px;
}

#featurebar a {
color:#323232;
text-decoration:underline;
}

#featurebar a:hover {
color:#616161;
text-decoration:none;
}

/***** Main Text *****/
#text {
background: #FFF url(../img/page_bg.jpg) repeat-x;
position:relative;
margin:0 auto;
padding:20px 30px 0 30px ;
width:770px;
font-size:.9em;
text-align:left;
}

#text h2 {
margin:.5em 0 0em 0;
color:#86212E;
font:1.5em Georgia, Times, serif;
}

#text p {
font-size:.9em;
line-height:1.5em;
}

#text ul {
font-size:.9em;
line-height:1.5em;
}

.frontpics{
float: left; 
margin: 0px 0px 10px 0px; 
width: 165px; 
}

#text h3 {
margin:.5em 0 1em 0;
color:#86212E;
font:1.2em Georgia, Times, serif;
}

.intro {
color:#000;
}

blockquote {
font:110%/160% Georgia, Times, serif;
border-right:4px solid #999;
border-left:4px solid #999;
margin:40px 0 0 0;
background:#eee url(../img/quote.jpg) no-repeat;
color:#86212E;
width:480px;
}

blockquote p {
margin:0px 0px 0px 0px;
padding:15px;

}

cite {
color:#666;
}

/***** Sidebar *****/
#sidebar {
float:right;
margin:0 0 0 20px;
padding:10px;
width:220px;
background-color:#ffffff;
border-left:1px solid #999;
}

#sidebar h3 {
color:#86212E;
font:0.9em Georgia, Times, serif;
}

#sidebar h4 {
color:#86212E;
}

#sidebar p {
font:1em Arial,Verdana,Tahoma,sans-serif;
color:#000;
}

.subnav { 
position:relative;
margin:0 auto;
font:.8em Arial,Verdana,Tahoma,sans-serif;
padding: 0px 0 0px 0px;
background:#F1EC81;
}

.subnav li { 
border-bottom: 1px solid #999;
list-style: none;
text-decoration: none;  

}
.subnav li a { 
color:#000;
padding: 10px 0 10px 15px; 
display: block;
list-style: none;
text-decoration: none;  
}

.subnav li a:hover { 
color: #fff; 
text-decoration:none; 
background:#86212E;
}

/***** Footer *****/
#footer {
position:relative;
margin:0 auto;
background: url(../img/foot_logo.jpg) no-repeat;
margin-top:15px;
padding:5px 5px 15px 5px;
width:770px;
border-top:1px solid #999;
color:#999999;
clear:both;
}

#footer p {
font-size:.7em;
padding-left:40px;

}

#footer a {
color:#666;
text-decoration:underline;
}

#footer a:hover {
color:#333;
text-decoration:underline;
}


/***** Various classes *****/

.pic {
border: solid 2px #8AE59E;
margin: 0px 6px 5px 0px;
}

.picleft {
float:left;
border: solid 2px #EEE;
margin: 5px 15px 5px 0px;
}

.picright {
float:right;
border: solid 2px #EEE;
margin: 5px 20px 5px 10px;
}


.footpicleft {
float:left;
border: solid 4px #999999;
margin: 5px 10px 30px 0px;
}

.hide {
display:none;
}

.small {
font:75%/140% Arial,Verdana,Tahoma,sans-serif
}

.noborder {
border:none ;
}


/***** Table styles *****/
table {
margin:0 0 20px 0;
padding:0;
line-height:1.3em;
border-collapse:collapse;
border:1px solid #d8d8d8;
}

caption {
text-align:left;
font-size:1.5em;
font-weight:normal;
margin:0;
padding:6px 0 8px 0;
}

th {
padding:10px;
text-align:center;
background:#eaeaea ;
color:#505050;
}

td {
padding:10px;
font-size:1em;
text-align:left;
background:#f4f4f4 ;
color:#303030;
}

/***** Form styles *****/
form {
margin: 0px 0 0px 0 ;
}

input, textarea {
border:1px solid #cccccc;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
margin:0;
padding:4px;
}

label {
margin:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
color:#666;
}

#searchform {
margin: 0px 0 10px 0px ;
border-bottom:1px solid #CCCCCC;
padding:5px 0 10px 10px ;
background:#eee;
width:205px;
}

fieldset, contactform {
border:none;
margin-left:50px;
}


/***** Portfolio *****/
p.portfolio{
float: left; 
margin: 0px 24px 24px 0px; 
padding:0px;
width: 130px; 
}

p.portfolio a img{
border: 4px solid #eee; float: left; 
}

.gallery_section{
clear:left;
font:160% Arial,Verdana,Tahoma,sans-serif;
margin: 20px 0 10px 0 ;
color:#000;
}

.clear {clear:both;}

/***** Lightbox *****/
#lightbox { left:0; line-height:0px; position:absolute; text-align:center; top:40px; width:100%; z-index:100; }
#lightbox a img { border:none; }
#outerImageContainer { background:#fff; height:250px; margin:0 auto; position:relative; width:250px; }
#imageContainer { padding:10px; }
#loading { height:25%; left:0; line-height:0px; position:absolute; text-align:center; top:40%; width:100%; }
#hoverNav { height:100%; left:0; position:absolute; top:0; width:100%; z-index:10; }
#imageContainer>#hoverNav { left:0; }
#hoverNav a { outline:none; }
#prevLink, #nextLink { background:transparent url('images/blank.gif') no-repeat; display:block; height:100%; width:49%; }
#prevLink { float:left; left:0 }
#nextLink { float:right; right:0; }
#prevLink:hover, #prevLink:visited:hover { background:url('images/prevlabel.gif') left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background:url('images/nextlabel.gif') right no-repeat; }
#imageDataContainer { background:#fff; font:10px Verdana, Helvetica, sans-serif; line-height:1.4em; margin:0 auto; }
#imageData { padding:0 10px; }
#imageData #imageDetails { float:left; text-align:left; width:70%; }
#imageData #caption { font-weight:700; }
#imageData #numberDisplay { clear:left; display:block; padding:0 0 1em; }
#imageData #bottomNavClose { float:right; padding:0 0 0.7em; width:66px; }
#overlay { background:#000; height:500px; left:0; position:absolute; top:0; width:100%; z-index:90; }
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html>body .clearfix { display:inline; width:100%; }
* html .clearfix { /* Hides from IE-mac \*/ height:1%; /* End hide from IE-mac */ }