@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700|Lato:400,900);
@import url(https://fonts.googleapis.com/css?family=Sintony);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro|Roboto+Condensed:400,300);
@import url(https://fonts.googleapis.com/css?family=Syncopate:700);
@import url(https://fonts.googleapis.com/css?family=Michroma);
@import url(https://fonts.googleapis.com/css?family=Maven+Pro);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:900);
@import url('https://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic&subset=cyrillic,greek,latin');
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed);



/* 
	Resets defualt browser settings
	reset.css
*/
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,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td 
	{ 
	margin:0; 
	padding:0; 
	border:0; 
	outline:0; 
	font-weight:inherit; 
	font-style:inherit; 
	font-size:100%; 
	font-family:inherit; 
	vertical-align:baseline;
	}

:focus
	 { 
	outline:0;
	 }


body { line-height:1; color:black; background:black; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }

#fixedhdr {
		
		position:fixed; 
		top:100px; 
		margin:auto; 
		z-index:100000; 
		width:100%;
		background-color:aqua;
		
		}
		


#sharif a {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}

#sharif h1 {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}

#sharif h5 {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}


#sharif .thispage	{

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	color: #D20202;
	/*text-transform:uppercase;*/
	text-decoration: none;
	font-weight: 400;



}

#sharif a:link {color:#777777;}      /* unvisited link */
#sharif a:visited {color:#777777;}  /* visited link */
#sharif a:hover {color:#DC143C;}  /* mouse over link */
#sharif a:active {color:#777777;}  /* selected link */ 

#imd a {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}

#imd h1 {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}

#imd a:link {color:#777777;}      /* unvisited link */
#imd a:visited {color:#777777;}  /* visited link */
#imd a:hover {color:#DC143C;}  /* mouse over link */
#imd a:active {color:#777777;}  /* selected link */ 



body { 
	/*font:normal 62.5%/1.5 Helvetica, Arial, sans-serif;*/
	/*letter-spacing:0;*/
	/*color:#434343;*/
	/*background:#fff repeat top center;*/
	padding:0px 0;
	position:relative;
	/*text-shadow:0 1px 0 rgba(255,255,255,.8);*/
	/*-webkit-font-smoothing: subpixel-antialiased;*/
}

#container {
	width:857px;
	padding:10px;
	margin:0 auto;
	position:relative;
	z-index:0;
}

#headings a {
	
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	/*text-transform:uppercase;*/
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;

 	/*color: #777777;*/
	
}

#headings .thispage	{

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	color: #FDF0C1;
	/*text-transform:uppercase;*/
	text-decoration: none;
	font-weight: 400;


}

#headings a:link {color:#777777;}      /* unvisited link */
#headings a:visited {color:#777777;}  /* visited link */
#headings a:hover {color:#FDF0C1;}  /* mouse over link */
#headings a:active {color:#777777;}  /* selected link */ 


#headings h1 {
	margin-top: 0px;
	margin-left: 0px;
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-style: normal;

	/*float: left;*/
	font-size: 1.1em;
	/*text-transform:uppercase;*/
	/*font-weight: 400;*/
	color: #707070;
}

/* you must match this with #footer a */
#headings h2 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #707070;
	margin-top: 0px;


}


#headings h5 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #FFF;
	margin-top: 0px;


}


#headings h3 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	/*text-transform:uppercase;*/
	font-weight: normal;
	color: #777777;
	margin-top: 0px;

}



#headings h4 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	/*text-transform:uppercase;*/
	font-weight: normal;
	color: #707070;
	margin-top: 0px;

}



#navilinks a {

	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color:#F0F0F0;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#navilinks a:link {color:#F0F0F0;}      /* unvisited link */
#navilinks a:visited {color:#F0F0F0;}  /* visited link */
#navilinks a:hover { color:red;}  /* mouse over link */
#navilinks a:active {color:red;}  /* selected link */ 

#navilinks h2 {

	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 20px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color:white;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}





#navilinks_k a {

	font-family: 'Josefin Sans', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color:#F0F0F0;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 105%;


}

#navilinks_k a:link {color:#F0F0F0;}      /* unvisited link */
#navilinks_k a:visited {color:#F0F0F0;}  /* visited link */
#navilinks_k a:hover { color:red;}  /* mouse over link */
#navilinks_k a:active {color:red;}  /* selected link */ 

#navilinks_k h2 {

	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color:white;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 105%;

}

#navilinks_k h3 {

	
	font-family: 'Josefin Sans', sans-serif;
	font-size: 16px;
	/*text-transform:uppercase;*/
	font-weight: 300;
	color:white;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 105%;

}

#resident input {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 42px;
	/*text-transform:uppercase;*/
	text-decoration: none;
	font-weight: 300;
	height:55px;
	color: #000000;  /*dark green*/
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	border: 1px solid #ccc;


	
}




#large_m2 a {

	font-family: 'Josefin Sans', sans-serif;
	font-size: 42px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color:#F0F0F0;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#large_m2 a:link {color:#F0F0F0;}      /* unvisited link */
#large_m2 a:visited {color:#F0F0F0;}  /* visited link */
#large_m2 a:hover { text-decoration:underline;color:red;}  /* mouse over link */
#large_m2 a:active {color:red;}  /* selected link */ 




#gallerymenu55 h3	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 18px;
			font-weight: 300;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #0000;
}


#gallerymenu55 h4	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 22px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #0000;
}

#gallerymenu55 h6	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 16px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #0000;
}

#gallerymenu55 h7	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 14px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #0000;
}

#aboutblack h2 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 38px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#aboutblack h3 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #484747;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}



#aboutblack h4 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	/*text-transform:uppercase;*/
	font-weight: 300;
	color: #484747;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#aboutblack h5 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	font-weight: 400;
	color: #454545;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#aboutblack h6 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 28px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #000000;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}



#about h2 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 38px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#about h3 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 110%;

}

#about h4 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 300;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}



#yoo a {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 38px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#yoo a:link {color:#ffffff;}      /* unvisited link */
#yoo a:visited {color:#ffffff;}  /* visited link */
#yoo a:hover {text-decoration:underline;}  /* mouse over link */
#yoo a:active {color:#ffffff;}  /* selected link */ 




#about a {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 110%;
	

	
}


#about a:link {color:#ffffff;}      /* unvisited link */
#about a:visited {color:#ffffff;}  /* visited link */
#about a:hover {text-decoration:underline;}  /* mouse over link */
#about a:active {color:#ffffff;}  /* selected link */ 


#board h1 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}


#board h2 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 40px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#board h3 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #d3d2d2;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}

#board h4 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	/*text-transform:uppercase;*/
	font-weight: 300;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#advisory h2 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 32px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #FFFFFF;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#advisory h3 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 20px;
	/*text-transform:uppercase;*/
	font-weight: 400;
	color: #ececec;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;

}

#advisory h4 {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	/*text-transform:uppercase;*/
	font-weight: 300;
	color: #aeadad;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#advisory a {

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	/*text-transform:uppercase;*/
	font-weight: 300;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;


}

#advisory a:link {color:#ffffff;}      /* unvisited link */
#advisory a:visited {color:#ffffff;}  /* visited link */
#advisory a:hover { text-decoration:underline}  /* mouse over link */
#advisory a:active {color:#ffffff;}  /* selected link */ 


#pagetop a {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;
 	/*color: #777777;*/
	
}

#pagetop .thispage	{

	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight: 400;
	cursor: pointer;
	color: #D20202;

}

#pagetop a:link {color:#777777;}      /* unvisited link */
#pagetop a:visited {color:#777777;}  /* visited link */
#pagetop a:hover {color:#D20202;}  /* mouse over link */
#pagetop  a:active {color:#777777;}  /* selected link */ 



#gallerymenu2 a	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 16px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #777777;
}

#gallerymenu2 h1	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 16px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #000;
}

#gallerymenu2 h2	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 16px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #000;
}


#gallerymenu2 h3	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 12px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #777777;
}


#gallerymenu2 h4	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 16px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #000;
}

#gallerymenu2 .thispage	{


			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 16px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color:	#D20202;
}

#gallerymenu2 a:hover {color:#D20202;		text-decoration: none;}   /*mouse over link */



#gallerymenu55 a	{
 			
			padding: 0px;
			margin: 0px;
 			padding: 0px;
			font-size: 14px;
			font-weight: normal;
			line-height: 110%;
			font-family: 'Roboto Condensed', sans-serif;
			outline: none;
			color: #777777;
}

#gallerymenu55 a:hover {color:#D20202;		text-decoration: none;}   /*mouse over link */


#example {
	width:600px;
	height:350px;
	position:relative;
}

#ribbon {
	position:absolute;
	top:-3px;
	left:-15px;
	z-index:500;
}

#frame {
	position:absolute;
	z-index:0;
	width:739px;
	height:341px;
	top:-3px;
	left:-80px;
}

/*
	Slideshow
*/

#slides {
	position:absolute;
	top:25px;
	left:-20px;
	z-index:100;
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:900px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:900px;
	height:600px;
	display:block;
}


/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:225px;
	left:-78px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides 
.next {
	left:900px;
}

/*
	Pagination
*/

.pagination {
	margin:26px auto 0;
	width:220px;
}

.pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	/*background-image:url(../JSimg/pagination3.png);*/
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination li.current a {
	background-position:0 -12px;
}

/*
	Slides.Caption
*/

.caption {
	z-index:500;
	position:absolute;
	bottom:-35px;
	left:15px;
	height:75px;

/* top, right, bottom, left */

	padding:5px 5px 0 25px;
	background:#000;
	background:rgba(0,0,0,.5);
	width:300px;
	line-height:1.23;
	color:#fff;
	border-top:1px solid #777777;
	text-shadow:none;
}

.caption p {

	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;

}

.caption h1 {

	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
}


.caption h3 {

	font-size: 18px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;

}



/*
	Footer
*/

#footer {
	text-align:center;
	width:580px;
	margin-top:9px;
	padding:4.5px 0 18px;
	border-top:1px solid #dfdfdf;
}

#footer p {
	margin:4.5px 0;
	font-size:1.0em;
}

/*
	Anchors
*/

a:link,a:visited {
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	color:#fff;
	text-decoration: none;

}

a:hover,a:active {
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: normal;
	color:#D20202;
	/*text-decoration: none;*/

}


/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}


.camera_wrap {
	height: 100%;
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
	
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;

}
.camera_target_content .camera_link {
    background: url('../../arthatch/images/blank.gif');
	display: block;
	height: 100%;
	text-decoration: none;
	

}
.camera_loader {
    background: #fff url(../images/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url('../../arthatch/images/camera-loader.gif') no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}

/****************************************************/
/*************Dude, this is at the bottom************/
/****************************************************/

.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;

		
}


.camera_caption a {

	font-size: 18px;
	font-family: 'Michroma', sans-serif;
	font-weight: 700;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	
	
}





.camera_caption a:link {color:#777777;}      /* unvisited link */
.camera_caption a:visited {color:#777777;}  /* visited link */
.camera_caption a:hover {color:#707070;}  /* mouse over link */
.camera_caption a:active {color:#777777;}  /* selected link */ 



.camera_caption h1 {

	font-size: 38px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #FFFFFF;


}


.camera_caption h2 {

	font-size: 22px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	color: #FAFAD2;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	/*font-stretch: ultra-condensed;	*/


}

.camera_caption h3 {

	font-size: 20px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	color: #FAFAD2;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 100%;
	/*font-stretch: ultra-condensed;	*/


}


.camera_caption h4 {

	font-size: 32px;
	font-family: 'Michroma', sans-serif;
	font-weight: 700;
	text-decoration: none;
	margin-top: 0px;
	margin-bottom: 0px;
	line-height: 120%;
	
	
}


.camera_caption > div 

{
	padding: 10px 20px;
	height: 100px;

}



.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	background: url('../../arthatch/images/camera_skins.png') no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url('../../arthatch/images/camera_skins.png') no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url('../../arthatch/images/camera_skins.png') no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url('../../arthatch/images/camera_skins.png') no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url('../../arthatch/images/camera_skins.png') no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url('../../arthatch/images/camera_skins.png') no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.camera_caption {
	color: #fff;
}

/***********************************************************************/
/********* Sharif this is the box that has the title in it *************/
/***********************************************************************/

.camera_caption > div {

	background: #000;
	background: rgba(0, 0, 0, 0.3);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
	
	/*CHARCOAL SKIN DUP*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;