@charset "UTF-8";
/* CSS Document */

/* 
	CSS reset for Browser Compatability
	http://meyerweb.com/eric/tools/css/reset/ 
    v2.0 | 20110126
    License: none (public domain)
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*End Public Domain*/


/*Header and General Stuff*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/


body {font-family:"Garamond", "Palatino Linotype", "Book Antiqua", Palatino, serif;}

h1 {margin:0px 0px 10px 0px;
	font-size:36px}

#header{padding:5px;
		height:130px;
		width:100%;
		max-width:1350px;
		min-width:800px;
		margin:0 auto;}
		
#header h1 {display:inline-block;
			font-size:48px;
			float:left;
			margin:30px 0px 0px 0px;
			font-family:"Garamond", "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

#header a {color:#000;
text-decoration:none;
}

.footer {color:#000;
		margin:0 auto;
		font-size:12px;
		position:relative;
		text-align:center;
		width:1000px;
		margin-top:25px;
}

.subhead {
			font-size:18px;
			margin:5px 0px 0px 40px;
}

#header img {margin:10px;
float:left;
}

#body {position:relative;
margin:0 auto;
width:95%;
max-width:1200px;
min-width:800px;
overflow:hidden;
}

p{margin-bottom:10px;}

#contact {float:right;
	display:inline-block;
	text-align:right;
	margin:5px 20px 5px 5px;
	font-family:"Garamond", "Palatino Linotype", "Book Antiqua", Palatino, serif;
	line-height:1.5em;
	font-size:14px;}
	
#nav {width:100%;
		height:50px;
		background-color:#9f0000;
		font-family:"Garamond", "Palatino Linotype", "Book Antiqua", Palatino, serif;
		color:#FFF;
		margin:0px 0px 10px 0px;
}

#nav a {display:inline-block;		
		float:left;
		padding:10px 20px 16px 20px;
		font-size:24px;
		color:#FFF;
		text-decoration:none;
}

#nav a:hover {background-color:#333333;}

#navlinks { width:100%;
			max-width:1250px;
			min-width:800px;
			margin:0 auto;


}





/*Home page */
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

#hometop{
	margin-bottom:20px;
	overflow:hidden;	
}

#groupphoto{
	float: left;
	width: 60%;
	max-width: 720px;
	margin-left: 30px;
	height: 100%;
	overflow: hidden;
	height: 100%;
}
#groupphototext{
	background:#111;
	padding:5px;
	float:left;
	width:90%;
	margin:35px;
	padding:10px;	

}

#groupphototext h1, #groupphototext p{
	color: #fff;
}

#groupphoto iframe{
	top: -10px;
	left:40px;
	position: relative;
}

#SWRPBanner{
	float:right;
	width:30%;	
	margin-right:20px;
}

#SWRPBanner img{
	width:100%;	
	
}

#slideshow {vertical-align:top;
			padding:20px;
			}

div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 75%; 
	height: 299px;
	overflow: hidden;	
	display:inline-block;
	vertical-align:top;
	
	}
	div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width:100%;
		height:299px;
		overflow:hidden;
		float:left;
		
		
			
		}
	div.scroller div.content {
		width: 100%;
		}
		
#section1 {background-image:url(images/tradnewexample.jpg);
			background-repeat:no-repeat;
			background-color:#000;
			}
			
#section2 {background-image:url(images/newmodernexample.jpg);
			background-repeat:no-repeat;
			background-color:#000;}
			
#section3 {background-image:url(images/etchedexample.jpg);
			background-repeat:no-repeat;
			background-color:#000;}
			
			#section4 {background-image:url(images/mosaicexample.jpg);
			background-repeat:no-repeat;
			background-color:#000;}
			
			#section5 {background-image:url(images/resto.jpg);
			background-repeat:no-repeat;
			background-color:#000;}
			

			#section6 {background-image:url(images/adreuseexample.jpg);
			background-repeat:no-repeat;
			background-color:#000;}
			
			#section7 {background-image:url(images/wood.jpg);
			background-repeat:no-repeat;
			background-color:#000;
			}

#slidetext {	background-image:url(images/blackbg.png);
				display:inline-block;
				background-repeat:repeat;
				padding:10px;
				width:100%;
				height:80px;
				position:relative;
				top:200px;
				margin:0px;
						
				
				}
#feedtext{
		
				display:block;
				background-repeat:repeat;
				padding:10px;
				width:60%;
				max-width: 619px;
				
				position: relative;
				top:0px;
				margin:0px;
}

#slidetext h1 {font-size:30px;
display:inline;
margin-right:10px;}

#slidetext p{display:inline;
				width:90%;}				

#slideshow a{color:#fff;
				text-decoration:none;}
#slideshow a:visited {color:#fff;}
#slideshow a:active {color:#fff;}
			
.controls {width:24%;
display:inline-block;
top:0px;
vertical-align:top;
}
.controls a {display:block;
			color:#fff;
			height:31px;
			width:100%;
			background-color:#666666;
			margin:0px 1px 2px 1px;
			padding:5px;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			font-size:18px;}
	
.controls a:hover {background-color:#222;
					}





#col {width:30%;
		padding:5px;
		margin:5px 10px 5px 10px;
		display:inline-block;
		vertical-align:top;
}
#col.one {
width:28%
			}
			
#blogitem { margin:0px 5px 30px 5px;
			border-bottom: 1px solid;
			padding:0px 5px 5px 5px;}

#blogitem h2 {font-size:20px;
				margin:0px 0px 5px 0px;}

#blogitem p {}

#blogitem a{}

#col.two {width:32%}

#col.three {
			margin:5px 0px 5px 5px;
			padding:5px 0px 5px 5px;}
			
#col.three img {margin:5px 5px 10px 5px;}

#col.three iframe {margin:5px 5px 10px 5px;}

#col.three APPLET {margin:5px 5px 10px 5px;}

#col.three h2 {
				font-size:20px;}

.colhead {font-size:24px;
			
			display:block;
			border-bottom:1px solid;
			padding:5px;}
	
	.colhead a {color:#000;
				text-decoration:none;}	

#newsitem { margin: 0px 5px 30px 5px;
			padding:0px 0px 10px 0px;
			border-bottom:solid 1px;
			text-align:center;
			
			
	
}

#newsitem h1 {font-size:20px;
			  text-align:left;}

#newsitem img {	max-width:100%;
				margin:0px 0px 10px 0px;
				}

#newsitem p{font-size:14px;
				text-align:left;}

#newsitem a {}

#featuredpics {width:58%;
				height:500px;
				color:#fff;
				background-color:#000;
				padding:10px;
				display:inline-block;
				margin:0px 10px 10px 10px;
				}
#bigpic img {max-width:100%;
			max-height:400px;
}
#bigpic{text-align:center;
		height:400px;}	

#thumbarea {}			


/*Portfolio page */
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/


#portfolio {  background-color:#222;
				padding:10px;
				
	
	
}

#portcontrols {width:100%;
display:block;
top:0px;
vertical-align:bottom;
margin:0px;
overflow:hidden;
	
}

#portcontrols a{display:inline-block;
			color:#fff;			
			width:12%;
			background-color:#666666;
			margin:0px 0px 0px 0px;
			padding:15px 7px 15px 7px;
			text-align:center;
			vertical-align:bottom;
			text-decoration:none;
			font-size:18px;}

#subcontrols {width:15%;
display:inline-block;
top:0px;
vertical-align:top;
	
	background-color:#333333;
	
	
}

#subcontrols a {display:block;
			color:#fff;
			width:100%;
			background-color:#444;
			margin:0px 0px 2px 0px;
			padding:5px;
			text-align:center;
			vertical-align:middle;
			text-decoration:none;
			font-size:14px;
			padding:10px 0px 10px 0px;
			}
			
#scrollbar_container { 
			
			display:inline-block;
			background-color:#444;
			width:100%;
			height:400px;
			
			
}

#scrollbar_track {  
    float:right; 
    height:100%;  
    width:5%;  
    
    cursor:pointer;  
	
} 
 
#scrollbar_handle {  
    width:100%;
	  float:right;
     background-color:#330000;
    cursor:pointer;  
    opacity:0.9;  
    
	
} 
 
#scrollbar_content {  
    overflow:hidden;  
    width:95%;  
    height:400px;  
	background-color:#333333;
}  


#supercontent{width:58%;
				display:inline-block;
}

#contentarea {width:100%;
				height:400px;
				background-color:#000;
				
				display:inline-block;
				
				background-position:center;
				background-repeat:no-repeat;
				background-size:contain;
				text-align:center;
				
				
	
	
}

#contentareapic {max-height:400px;
					max-width:100%;
					margin-top:1px;
					display:inline-block;
					}

#thumbnails {width:100%;
			
				
			padding:10px 0px 10px 0px;
			
			
	
	
}

#porttext {   width:25%;
				
				display:inline-block;
				color:#CCCCCC;
				vertical-align:top;
				
	
}

#porttext h1{margin:10px 10px 5px 10px;}

#porttext p{margin:10px 10px 5px 10px;}

#thumb{  width:80px;
		height:80px;
		overflow:hidden;
		display:inline-block;
		
		margin:10px 5px 5px 10px;
		cursor:pointer;
}

#thumb img {max-height:90px;
			max-width:90px;
}


/*About page */
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

#about {width:60%;
		float:left;
		vertical-align:top;
		margin:10px 40px 0px 20px;
		text-align:justify;
		text-justify:inter-cluster;
		border-bottom:1px soid;
		padding:0px 0px 20px 0px;
		line-height:1.3em;

}

#about h1{font-size:32px;}

#about img {margin:10px;
			max-width:70%;}

#staff {display:inline-block;
		width:35%;
		vertical-align:top;
		float:right;
}

#staffitem {margin:0px 10px 20px 10px;
			width:30%;
			float:left;
			border-bottom:1px solid;
			display:inline-block;
			text-align:justify;
			text-justify:inter-cluster;
			min-height:351px;
			
						
			}

#staffitem h1{	font-size:24px;
				float:left;}

#staffitem p{display:inline-block;
float:left;
margin:5px 5px 10px 5px;
font-size:14px;
}

#staffitem img {vertical-align:text-top;
float:left;
margin:5px;
				}
				
#staffitem h2 {font-size:32px;
				margin-bottom:10px;}
				
/*Store page */
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

#store {vertical-align:top;}

#store img{display:inline-block;
			vertical-align:top;
			margin:20px;
			
}

#store storeitem p{display:inline-block;
					}

#storeitem{display:inline-block;
			width:30%;
}

#storeitem h2{font-size:24px;}

/*Q & A page */
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

#qandaresult {border: 1px solid;
	max-width:900px;
	font-size:20px;
	margin:20px;
	display:inline-block;
	
	 }
#question {max-width:880;
			background-color:#9f0000;
			color:#FFF;
			padding:10px;
			font-style:italic;
			}



#answer {padding:10px;}

#form { width:300px;
text-align:right;
display:inline-block;
margin:0px 20px 0px 0px;
padding:20px;
vertical-align:top;
border-bottom:1px solid;
		}
		
#form textarea {vertical-align:top;}

#quest {height:6em;}

#results {display:inline-block;
			width:690px;
}

/*Video Feed page */
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

#feed {width:640px;
	margin:0 auto;
		position:relative;}
		
/*COTHN BLOG CONTENT WIRDPRESS HAXX*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

#cothn{
	margin-top:20px;	
}

#cothnblogitem{
	position:relative;
	width:40%;
	height:300px;
	margin:20px;
	background-position:center center;
	vertical-align:bottom;
	line-height:300px;
	display:inline-block;
	
}

#cothnblogitem #text{
	background-color:rgba(0,0,0,.7);
	color:#FFF;
	padding:10px;
	display:inline-block;
	line-height:20px;
	vertical-align:bottom;
	overflow:hidden;
	position:absolute;
	bottom:0;
	
}

#cothnblogitem #text h2 {
	font-size:24px;	
	line-height:28px;
}

#cothn_comments {
	margin:30px 10px 10px 50px;
	width:90%;
	
}

#cothn #respond{
	width:50%;	
	margin:10px 0px 0px 50px;
	vertical-align:top;
}

#cothn p{
	display:block;
	
}

#cothn p img{
	margin-right:10px;	
}

#cothn #respond p label{
	vertical-align:top;
	
}

#cothn #respond input{
	margin-left:15px;
}

#cothn #respond #comment{
	margin-left:0px;
	
}

#cothn #respond h3 {
	font-size:22px;	
	margin-bottom:5px;
}

#cothn_comments .comment{
	border-bottom:1px solid #000;
	margin-bottom:10px;
	background-color:#eee;
	padding:10px;
}

#cothn_comments .comment h1{
	font-size:20px;
	line-height:24px;
	margin-bottom:0px;
}

#cothn_comments .comment h2{
	font-size:16px;
	
}

#cothn_comments .comment p{
	margin:0px 0px 5px 5px;	
}

.gallery .maina {
	width:100%;	
}

.gallery .bvCaption {
	width:100%;
	border:none;
	font-size:20px;
	margin:20px;
}

/*Footer*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

.footer {
	margin-bottom:20px;	
}

/*Fonts, Ya'll, gotta be last for some dumb reason*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/
/*%^&%^&%^&%^&%^&%^&%^&%^&%^&///////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&////////////////////////////////%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&%^&*/

@font-face {
	font-family:Garamond Italic;
	src:url(images/AGaramondPro-Italic.otf);
}


@font-face {
	font-family:Garamond;
	src:url(images/AGaramondPro-Regular.otf);
}
	
@font-face {
	font-family:Garamond Bold;
	src:url(images/AGaramondPro-Bold.otf);
}


@font-face {
	font-family:Garamond Bold Italic;
	src:url(images/AGaramondPro-BoldItalic.otf);
}