/*
	CSS FOR PERRIN
	AUTHOR: SHAWN WERNIG - EGGPLANTSTUDIOS.CA
	EMAIL:	SHAWN@EGGPLANTSTUDIOS.CA

*/

/*  HTML5 ✰ Boilerplate  */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000000; text-decoration: none; }
mark { background-color: #ff9; color: #000000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; } 
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { list-style: none;}
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }

sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; }
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }

::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }

button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body, select, input, textarea {  color: #444444; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; }
a:hover { color: #036; }


/* Shawn's Base Styles */
.left {float: left} .right {float: right;} .centered { display: block; margin: 0 auto; width: auto; }
.clear { clear:both; }
.break { border-bottom: 1px dotted #c7b299; clear: both; margin: 5px auto; display: block; width: auto; }

.text-align-centered {text-align: center;}

hrule { border-bottom: 1px dotted #444; margin: 16px 0; }
h1 {font: 24px/28px 'CrimsonRoman', Arial, sans-serif; margin-bottom: 12px; }
h2 {font: 22px/28px 'CrimsonRoman', Arial, sans-serif; margin-bottom: 6px;}
h3 {font: 18px/28px 'CrimsonRoman', Arial, sans-serif; margin-bottom: 12px;}



.copyright {font: 14px/28px 'CrimsonRoman', Arial, sans-serif; margin: 0 auto; text-align: center; color: #534741; display: block; margin-top: 20px; }
	.copyright a { color: #736357; }

.box-shadow-small{
	-webkit-box-shadow: 1px 1px 4px #534741;
	-moz-box-shadow: 1px 1px 4px #534741;
	-o-box-shadow: 1px 1px 4px #534741;
	box-shadow: 1px 1px 4px #534741;
}

/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
		
		COLORS:
			V. DARK BRN: 	362f2d
							534741
							736357
							998675
							c7b299
							e2caaf
			V. LIGHT BRN:	feebd4

    \\ ========================================== //
*/
p {font-size: 14px; line-height: 18px; }
body {
	width: 100%; height: 100%;
	background: url('images/page-bg.jpg') #534741;

}

#container {
	width: 900px;
	margin: 0 auto;
	background: #eeeeee;
	padding: 0 4px;
		background-color: #998675;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2caaf', endColorstr='#998675');
 		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e2caaf), to(#998675));
  		background-image: -webkit-linear-gradient(top, #e2caaf, #998675);
  		background-image:    -moz-linear-gradient(top, #e2caaf, #998675);
  		background-image:     -ms-linear-gradient(top, #e2caaf, #998675);
   		background-image:      -o-linear-gradient(top, #e2caaf, #998675);
		
	-webkit-box-shadow: 0 0 20px black;
   -moz-box-shadow: 0 0 20px black;
   -o-box-shadow: 0 0 20px black;
   box-shadow: 0 0 20px black;
}

#main { width: 900px; }
#main h1 {font-size: 30px;}
article >  p, aside > p {font: 18px/22px 'CrimsonRoman', Arial, sans-serif; margin-bottom: 12px;}
#main > section { min-height: 360px; padding: 16px; margin-top: 12px; }

#main > section aside { float: left; border-right: 1px dotted #c7b299; padding-right: 16px; margin-right: 16px; width: 220px; }

aside.current-project img { 
	margin: 20px auto;
	position: relative;
	left:-40px;
	border: 3px solid #c7bcaf;
	background: #c7bcaf;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	
	-webkit-transition: all .5s ease; 
	-moz-transition: all .5s ease; 
	-o-transition: all .5s ease; 
	
	}
	aside.current-project img:hover {	
	-webkit-transform: rotate(1deg) scale(1.1);
	-moz-transform: rotate(1deg) scale(1.1);
	-o-transform: rotate(1deg) scale(1.1);
	border: 3px solid #eee;
	}
	
#main article {
		width: 600px; float: right;
	}


#header-bar {
   background-color: #534741;
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#736357', endColorstr='#534741');
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#736357), to(#534741));
   background-image: -webkit-linear-gradient(top, #736357, #534741);
   background-image:    -moz-linear-gradient(top, #736357, #534741);
   background-image:     -ms-linear-gradient(top, #736357, #534741);
   background-image:      -o-linear-gradient(top, #736357, #534741);
   width: 888px; margin: 0 auto;
   padding-top: 20px;
    
}
	#header-bar h1 a, #header-bar h1 a:hover, #header-bar h1 a:visited {
			font: 54px/68px 'CrimsonRoman', Arial, sans-serif; letter-spacing: 0;
			color: #222222; /* #362f2d; */
			display: block; float: left;
			text-shadow: 0px 1px 2px #998675;
			padding: 16px 0 16px 35px;
			text-decoration: none;
		}
		
	#header-bar nav { 
		float: right;
		text-align: left;
		margin-top: 12px;
		display: block;
	} 
	#header-bar nav a { 
			display: block;
			text-decoration: none; color: #e2caaf; 
			padding: 5px 12px 5px 32px;
			text-align: left;
			margin-bottom: 6px;
			background: #736357;
			-webkit-border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; 
			-moz-border-radius-topleft: 6px; -moz-border-radius-bottomleft: 6px; 
			-o-border-radius-topleft: 6px; -o-border-radius-bottomleft: 6px; 
			-webkit-transition: background .5s ease;
			-moz-transition: background .5s ease;
			-o-transition: background .5s ease;
			text-transform: uppercase;
	}
		#header-bar li { display: block;	}
		

		#header-bar li:hover a { background: #998675; color: #534741; }
		
		
		
		
#page-nav{
	font: 18px/20px 'CrimsonRoman', Arial, sans-serif; letter-spacing: 0;
	background-color: #534741;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#534741', endColorstr='#362f2d');
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#534741), to(#362f2d));
   background-image: -webkit-linear-gradient(top, #534741, #362f2d);
   background-image:    -moz-linear-gradient(top, #534741, #362f2d);
   background-image:     -ms-linear-gradient(top, #534741, #362f2d);
   background-image:      -o-linear-gradient(top, #534741, #362f2d);
   -webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
   -webkit-box-shadow: 0 0 6px #362f2d;
   -moz-box-shadow: 0 0 6px #362f2d;
   -o-box-shadow: 0 0 6px #362f2d;
   box-shadow: 0 0 6px #362f2d;
   z-index: 1.0;
 
   
}
    #page-nav ul { display: block; }
	#page-nav > ul { width: 100%;  }
	#page-nav > ul > li { float: left; position: relative; }
	#page-nav > ul > li > a { 
		display: block; 
		text-decoration: none; 
		padding: 0 14px;
		margin: 10px 2px;
		color: #998675;
		-webkit-transition: color 200ms ease;
		-moz-transition: color 200ms ease;
		-o-transition: color 200ms ease;
		text-align: center;
		border-right: 1px dotted #534741;
		}
		#page-nav a:hover { color: #c7bcaf; }
		#page-nav li:last-child > a { border-right: none; }
		
        #page-nav .subnav {
            position: absolute;
            left: -999em;
            display: block;
            margin: 0; padding: 0px;
            background: rgba(0,0,0,0.7);
            z-index: 100;
            padding: 6px 12px;
            
               -webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
               -webkit-border-top-left-radius: 0px;
               border-top-left-radius: 0px;
               -webkit-border-top-right-radius: 32px;
               border-top-right-radius: 32px;
               
               -webkit-box-shadow: 0 0 6px #362f2d;
               -moz-box-shadow: 0 0 6px #362f2d;
               -o-box-shadow: 0 0 6px #362f2d;
               box-shadow: 0 0 6px #362f2d;
   
        }
        #page-nav li:hover > .subnav { left: 8px; }
        #page-nav .subnav li { border-bottom: 1px dotted #222222; padding: 2px; }
        #page-nav .subnav li:last-child { border-bottom: none; }
        #page-nav .subnav a {
            display: block; 
            text-decoration: none; 
            padding: 4px 8px;
            color: #998675;
            font: 14px/18px Arial, sans-serif;

            -webkit-transition: all 400ms ease;
            -moz-transition: all 400ms ease;
            -o-transition: all 400ms ease;
            text-align: left;
            text-transform: capitalize;
        }
		#page-nav .subnav li:hover a {
            color: #c7bcaf; background: rgba(0,0,0,0.5);
            -webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
        }

footer {
	width: 100%;
	-moz-box-shadow: 0px 0px 6px #362f2d;
    -webkit-box-shadow: 0px 0px 6px #362f2d;
    -o-box-shadow: 0px 0px 6px #362f2d;
    box-shadow: 0px 0px 6px #362f2d;
        
	border-top: 10px solid rgba(115,99,87,.5);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	margin-top:-10px;
	background-color: rgba(54,47,45,.95);
	
	color: #777777;
	
}
	#footer-main {
		width: 880px; margin: 0 auto; padding: 16px;
		background-color: #362f2d;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#362f2d', endColorstr='#262120');
 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#362f2d), to(#262120));
  	background-image: -webkit-linear-gradient(top, #362f2d, #262120);
  	background-image:    -moz-linear-gradient(top, #362f2d, #262120);
  	background-image:     -ms-linear-gradient(top, #362f2d, #262120);
   	background-image:      -o-linear-gradient(top, #362f2d, #262120);
	}
	
	
	
	#footer-cols {  }
	#footer-cols > div { display: block; float: left; padding: 14px; border-right: 1px dotted #534741; }
	#footer-cols > div:last-child { border-right: none; }
	<!–-[if IE 6]>
	#footer-cols > div { border-right: expression(this.previousSibling==null?'none');}
	<![endif]-->
	
	footer h1:after { border-bottom: 1px dotted #444; width: 100%; display: block; content: ""; padding-top: 6px; }
	
	#quick-contact {  }
	#footer-nav { width: 150px; }
	#footer-nav a { color: #777777; text-decoration: none; }
	#footer-nav a:hover { color: #aaa; }
	#footer-nav ul { margin-left: 20px; }
	#footer-nav ul li { list-style: disc; margin-bottom: 5px; }
	

	
	#main-services-list { 
	       margin: 0; padding: 0; 
	       

	    }
		#main-services-list li { 
			display: block;
			
			margin: 0 40px 12px 0; 
			background-color: #c7b299;
			-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7b299', endColorstr='#c7bcaf');
			background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7b299), to(#c7bcaf));
			background: -webkit-linear-gradient(top, #c7b299, #c7bcaf);
  			background:    -moz-linear-gradient(top, #c7b299, #c7bcaf);
  			background:     -ms-linear-gradient(top, #c7b299, #c7bcaf);
   			background:      -o-linear-gradient(top, #c7b299, #c7bcaf);
   		
			-webkit-box-shadow: 0 0 4px #262120;
			         
			     -webkit-transition: all 200ms ease; 
                 -moz-transition: all 200ms ease; 
                 -o-transition: all 200ms ease; 
                 
                -webkit-transform-style: preserve-3d;

			}
		#main-services-list p, #main-services-list a { color: inherit; margin-left: 12px;  }
		#main-services-list a:link, #main-services-list a:visited { text-decoration: none; display: block; padding: 12px 12px 18px 12px;}
		#main-services-list li:hover {
		    color: black;
		    
		    -webkit-transform: scale(1.01);
            -moz-transform: scale(1.01);
            -o-transform: scale(1.01);
            -moz-box-shadow: 0px 2px 6px #262120;
            -webkit-box-shadow: 0px 2px 6px #262120;
            -o-box-shadow: 0px 2px 6px #262120;
            box-shadow: 0px 2px 6px #262120;     
		}
	
	
	#services-list {
		color: #333333;
		-webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
		background-color: #c7b299;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7b299', endColorstr='#c7bcaf');
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7b299), to(#c7bcaf));
  		background: -webkit-linear-gradient(top, #c7b299, #c7bcaf);
  		background:    -moz-linear-gradient(top, #c7b299, #c7bcaf);
  		background:     -ms-linear-gradient(top, #c7b299, #c7bcaf);
   		background:      -o-linear-gradient(top, #c7b299, #c7bcaf);
   		
		-moz-box-shadow: 0px 0px 6px #262120;
        -webkit-box-shadow: 0px 0px 6px #262120;
        -o-box-shadow: 0px 0px 6px #262120;
        box-shadow: 0px 0px 6px #262120;
		
		width: 250px;
		padding: 16px; 
		}
		#services-list li { float: left; margin: 6px; display: block; width: 100%; }
		#services-list span, #services-list a { color: #555555; margin-left: 12px;  }
	#services-list a:hover { color: #999999; margin-left: 12px;  }
	
	
	
.quote-list li:nth-child(n+4) { display: none; }
.quote-more { font-size: 110%; }
.quote-list li {}

blockquote {  
	padding: 16px 24px; 
	background:#c7b299; 
	color: #736357;
	line-height: 140%;
	display: block;
	margin: 0 auto 30px auto; 
    -webkit-border-radius: 8px;-moz-border-radius: 8px;-o-border-radius: 8px; border-radius: 8px;
	position: relative;
		background-color: #c7b299;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7b299', endColorstr='#c7bcaf');
 		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c7b299), to(#c7bcaf));
  		background-image: -webkit-linear-gradient(top, #c7b299, #c7bcaf);
  		background-image:    -moz-linear-gradient(top, #c7b299, #c7bcaf);
  		background-image:     -ms-linear-gradient(top, #c7b299, #c7bcaf);
   		background-image:      -o-linear-gradient(top, #c7b299, #c7bcaf);
	}
	
	blockquote p {
	    line-height: 140% !important;
	}
blockquote.quote:after {
	border-top: 16px solid #c7bcaf;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	right: 20px;
	bottom: -16px;
}
	blockquote small { display: block; text-align: center; font: 12px/14px Arial, sans-serif; margin: 12px; }
	blockquote p { font: 22px/20px 'CrimsonItalic', Arial, sans-serif; border-top: 1px dotted #998675; padding: 16px; text-align: center; }
	blockquote:last-child p {  border-top: 1px dotted #998675; border-bottom: 1px dotted #998675; }
	
/* 
    // ========================================== \\
   ||                                              ||
   					IMAGE GALLERY
   ||                                              ||
    \\ ========================================== //
*/
ul.img-gallery { padding: 0px; margin-bottom:55px;}
ul.img-gallery li.title { height: auto; }
ul.img-gallery li { margin: 10px; display: block; width: 30%; }

	ul.img-gallery h2 { padding-top: 24px; display: block; font-size: 200%;  }
	
	ul.img-gallery img {
		border: 3px solid #c7bcaf;
		position: relative;
		width: 180px; 
		/* height:180px; max-width: 100%; */
		overflow: hidden;
		
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		-o-border-radius: 8px; 
		border-radius: 8px;
		
		-webkit-box-shadow: 0px 0px 4px #534741;
		-moz-box-shadow: 0px 0px 4px #534741;
		-o-box-shadow: 0px 0px 4px #534741;
		box-shadow: 0px 0px 4px #534741;
	
		-webkit-transition: all 300ms ease; 
		-moz-transition: all 300ms ease; 
		-o-transition: all 300ms ease; 
	}
		
	ul.img-gallery img:hover {	
		-webkit-box-shadow: 0px 4px 8px #534741;
		-moz-box-shadow: 0px 4px 8px #534741;
		-o-box-shadow: 0px 4px 8px #534741;
		box-shadow: 0px 4px 8px #534741;
		
		-webkit-transform: scale(1.05);
		-moz-transform: scale(1.05);
		-o-transform: scale(1.05);
		
		z-index: 1;
		
		border: 3px solid #eee;
	}
	
/* 
    // ========================================== \\
   ||                                              ||
   					CONTACT FORM
   ||                                              ||
    \\ ========================================== //
*/

#contact-form, #contact-form-small {
	width: 350px;
	margin: 0 auto;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -o-border-radius: 15px; 
    border-radius: 15px;
    }

#contact-form-small { width: 220px; }


:invalid {
	border:solid 1px red;
}

	#contact-form label, 
	#contact-form label span, 
	#contact-form-small label, 
	#contact-form-small label span { 
		display:block;
		font-weight:bold;
		text-align:right;
		width:100px;
		float:left;
		font-size: 80%;
		}
	#contact-form-small label, 
	#contact-form-small label span {
		text-align: left; margin-left: 10px;
		}
	
		
		#contact-form label span,
		#contact-form-small label span { 
			font-size: 70%;font-weight:normal;
			}
		
		#contact-form label.fullspan, 
		#contact-form-small label.fullspan 
			{ width: 100%; text-align: center; margin-bottom: 10px;}
		
		#contact-form input, 
		#contact-form textarea,
		#contact-form-small input, 
		#contact-form-small textarea {
			float:left;
			font-size:12px;
			padding:4px 2px;
			border:solid 1px #c7b299;
			width:200px; max-width: 200px;
			height: 18px;
			margin:2px 0 20px 10px;
			outline: 0;  
		
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px; 
        border-radius: 5px;			
        -moz-box-shadow: 0px 0px 2px #aaa;
        -webkit-box-shadow: 0px 0px 2px #aaa;
        -o-box-shadow: 0px 0px 2px #aaa;
        box-shadow: 0px 0px 2px #aaa;
        
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF');
			background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #DDDDDD), to(#FFFFFF));  
			background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD 1px, #FFFFFF 25px); 
			}
		
		#contact-form textarea { height: 200px; max-width: 350px; word-spacing: 200%; }
		#contact-form-small textarea { height: 200px; max-width: 220px; }
		
		#contact-form .checkbox,
		#contact-form-small .checkbox { 
			width: auto; 
			margin: 5px 10px 15px 15px;
			}		
		
		#contact-form .button, 
		#contact-form-small .button {
			float: left;
			display: block;
			width:120px;
			height:32px;
			margin-left: 110px;
			
			background: #DDDDDD;
			filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF');
			background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #DDDDDD), to(#FFFFFF));  
			background: -moz-linear-gradient(top, #FFFFFF, #DDDDDD 1px, #FFFFFF 25px); 
		
			text-align:center;
			color:#c7b299;
			font-size:14px;
			font-weight:bold;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px; 
        border-radius: 5px;			
        }
			
		#contact-form-small .button { margin-left: 10px;}
		
		.standard-button {
		display: block;
		margin: 10px auto;
		width: 100px;
		padding: 5px 30px;
		background: #c7b299;
		
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7b299', endColorstr='#c7b299');
		background: -webkit-gradient(linear, left top, left 25, from(#c7b299), color-stop(4%, #e2caaf), to(#c7b299));  
		background: -moz-linear-gradient(top, #c7b299, #e2caaf 1px, #c7b299 25px); 
		
	

		text-align:center;
		color:#736357;
		font-size:14px;
		font-weight:bold;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -o-border-radius: 5px; 
        border-radius: 5px;		
        text-decoration:none;
		}
		.standard-button:hover { color: #998675;}
		.standard-button:visited { color: #736357;}
		
		// Universal Form Styles
		
		.disclaimer { float: right; width: 250px; font-size: 70%; }
		input:hover, input:focus, textarea:hover, textarea:focus { 
		  -moz-box-shadow: 0px 0px 4px black;
        -webkit-box-shadow: 0px 0px 4px black;
        -o-box-shadow: 0px 0px 4px black;
        box-shadow: 0px 0px 4px black;
		    
		    
		    }
		
/* 
    // ========================================== \\
   ||                                              ||
   					IMAGE CAROUSEL
   ||                                              ||
    \\ ========================================== //
*/
#slideshowWrapper { position:relative; width:900px; margin: 0 auto; z-index: 0;}

#fssPrev { position:absolute; top: 25px; left:-50px;background:url(images/arrow-buttons.png) top right; width:50px; height:150px; text-indent:-999999px;}
#fssNext { position:absolute; top: 25px; left:900px;background:url(images/arrow-buttons.png) top left; width:50px; height:150px; text-indent:-999999px;}

#fssPrev:hover { background-position: bottom right; }
#fssNext:hover { background-position: bottom left; }

#fssPlayPause {position:absolute;top:435px;right:20px;background: rgba(255,255,255, 0.5); filter: alpha(opacity = 50);repeat;padding:4px 0 5px 0;width:60px;text-align:center;display:block;color:#333;text-decoration:none; visibility: hidden; }

ul#slideshow {
    list-style:none;margin:0 auto; 
    width:900px !important; 
    height:200px  !important; 
    overflow:hidden; border-bottom: 3px solid #534741;}
#slideshow li {
    width:900px; height:200px; 
}
#slideshow a {text-decoration: none; color: #aaaaaa; }
	#slideshow figcaption {
		display: block;
		position: absolute;
		top: 20px; right: 0px;
		background: black;
		background: rgba(0,0,0,.5);
		filter: alpha(opacity = 100);
		padding: 20px;
		color: #c7bcaf;
		-webkit-transition: padding 0.5s ease, color 0.5s ease;
		-moz-transition: padding 0.5s ease, color 0.5s ease;
		-o-transition: padding 0.5s ease, color 0.5s ease;
		
	}
	
	#slideshow figcaption:hover {padding-right: 20px;}
	#slideshow a:hover, #slideshow a:visited { color: #eeeeee; }
#fssList {
	position: absolute;
	right: 10px; bottom: 6px;
	list-style:none; 
	margin:auto; 
	padding:4px; 
	background: rgba(255,255,255, 0.25);
	filter: alpha(opacity = 25);
-webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -o-border-radius: 6px; 
        border-radius: 6px;
	}


#fssList li{ font-size: 10px; display:inline;padding-right:10px; }
#fssList li a{ color:#999;text-decoration:none; }
#fssList li.fssActive a{ font-weight:bold;color:#333;}



/* 
    // ========================================== \\
   ||                                              ||
   					MODAL STYLES
   ||                                              ||
    \\ ========================================== //
*/

#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .40;
	filter: alpha(opacity = 40);
	z-index: 98;
}
.popup_block{
	display: none; /*--hidden by default--*/
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	width: auto;
	z-index: 99;
	border: 2px solid #998675;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        -o-border-radius: 8px; 
        border-radius: 8px;	-webkit-box-shadow: 0px 0px 6px #000; -moz-box-shadow: 0px 0px 6px #000; box-shadow: 0px 0px 6px #000;
	background: #ffffff;
	padding:16px;
}
.popup_block h1 { margin: 15px 0px; font-weight: 800; text-align: center; }
.popup_block img { margin: 12px auto; display: block; width: auto;}

img.btn_close {
	float: right;
	margin: -45px -45px 0 0;
}
img.btn_close:hover {
	float: right;
	margin: -44px -45px 0 0;
}

#popup-image figure { position: relative; }
#popup-image figcaption { padding: 8px; }

#popup-image p.pop-counter { display: block; margin: 0 auto; padding: 8px; width: auto; text-align: center; color: #bbbbbb; font-size: 90%; border-top: 1px solid #eee; }

#pop-previous, #pop-next {
	position: absolute; background: url('images/arrow-buttons.png') no-repeat; width: 50px; height: 150px; text-indent: -9999em;display:block;
}

#pop-previous { background-position: top right; }
#pop-next { background-position: top left; }

#pop-previous:hover { background-position: bottom right; }
#pop-next:hover { background-position: bottom left; }


.half-window { max-width: 50%; }
.third-window { max-width: 33%; }

/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}

/*
    // ========================================== \\
   ||                                              ||
   				UNIFY FIXES
   ||                                              ||
    \\ ========================================== //
*/

.mceContentBody .popup_block {
   height: 500px; width: 500px; visibility: visible; display: block;
}

.un1fyIcon { z-index: 98 !important; }
#un1fyIcon6, #un1fyIcon7, #un1fyIcon8 { z-index: 100 !important; }

/* 
    // ========================================== \\
   ||                                              ||
   				@FONT FACE STYLES
   ||                                              ||
    \\ ========================================== //
*/

@font-face {
    font-family: 'CrimsonRoman';
    src: url('crimson/Crimson-Roman-webfont.eot');
    src: url('crimson/Crimson-Roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimson/Crimson-Roman-webfont.woff') format('woff'),
         url('crimson/Crimson-Roman-webfont.ttf') format('truetype'),
         url('crimson/Crimson-Roman-webfont.svg#CrimsonRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonBold';
    src: url('crimson/Crimson-Bold-webfont.eot');
    src: url('crimson/Crimson-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimson/Crimson-Bold-webfont.woff') format('woff'),
         url('crimson/Crimson-Bold-webfont.ttf') format('truetype'),
         url('crimson/Crimson-Bold-webfont.svg#CrimsonBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonBoldItalic';
    src: url('crimson/Crimson-BoldItalic-webfont.eot');
    src: url('crimson/Crimson-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimson/Crimson-BoldItalic-webfont.woff') format('woff'),
         url('crimson/Crimson-BoldItalic-webfont.ttf') format('truetype'),
         url('crimson/Crimson-BoldItalic-webfont.svg#CrimsonBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonItalic';
    src: url('crimson/Crimson-Italic-webfont.eot');
    src: url('crimson/Crimson-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimson/Crimson-Italic-webfont.woff') format('woff'),
         url('crimson/Crimson-Italic-webfont.ttf') format('truetype'),
         url('crimson/Crimson-Italic-webfont.svg#CrimsonItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonSemibold';
    src: url('crimson/Crimson-Semibold-webfont.eot');
    src: url('crimson/Crimson-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimson/Crimson-Semibold-webfont.woff') format('woff'),
         url('crimson/Crimson-Semibold-webfont.ttf') format('truetype'),
         url('crimson/Crimson-Semibold-webfont.svg#CrimsonSemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'CrimsonSemiboldItalic';
    src: url('crimson/Crimson-SemiboldItalic-webfont.eot');
    src: url('crimson/Crimson-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('crimson/Crimson-SemiboldItalic-webfont.woff') format('woff'),
         url('crimson/Crimson-SemiboldItalic-webfont.ttf') format('truetype'),
         url('crimson/Crimson-SemiboldItalic-webfont.svg#CrimsonSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}


.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {

  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}