/*EM 'reset baseline' style rules*/
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%;
	font-family: inherit;
	text-align: left;
	vertical-align: baseline;
	background: transparent;
}

/*tables still need 'cellspacing="0"' in the markup*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

q:before, q:after,
blockquote:before, blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }
img { border: none; }

a {
	color: #B70101;
	text-decoration: none;
}

a:hover { text-decoration: underline; }
q:before, q:after,
blockquote:before, blockquote:after { content: ""; }
blockquote, q { quotes: "" ""; }
img { border: none; }
acronym, abbr.initialism, dfn { cursor: help; }
abbr { speak: spell-out; }
acronym, abbr.truncation, dfn { speak: normal; }
cite { font-style: italic; }
strong { font-weight: bold; }
em { font-style: italic; }
li > h3, li > p, li > a { font-size: 1em; }
ol li {list-style: decimal;}
ul li {list-style: disc;}
.no_bullet {list-style: none;}

html {
	color: #000;
	background-color: #fff;
	background-image: url(../images/window-bg.jpg);
	background-repeat: repeat-x;
}
 
body {
	margin: 40px auto 0;
	width: 960px;
	color: #333;
	background-color: transparent;
	font: normal 100%/1.5 "Lucida Grande", Verdana, sans-serif;
}

#header {
	position: relative;
	width: 100%;
	height: 90px;
	color: #fff;
	background-color: transparent; /* changed from #B70101 to transparent. MDT*/
}

#uwhome {
	position: absolute;
	top: -26px;
	left: 75px;
}

#crest {
	width: 70px;
	height: 104px;
	position: absolute;
	top: -22px; 
	left: 5px;
	z-index: 100;
}


/* global nav menu*/
#globalnav {
	position: absolute;
	top: -21px;
	right: 7px;
	font-size: 0.6875em;
	z-index: 200; /*added z index so UW link takes precedence over IRP site title image background space. MDT */
}

#globalnav li {
	display: inline-block;
	padding: 0px 10px 0 10px;
	border-left: 1px solid #c9ab80;
	line-height: 1;
}

#globalnav #uwsearch {
	padding-left: 0;
	border-left: 0;
}

#globalnav #last_tool { padding-right: 0; }

#globalnav a {
	color: #efe8d8;
	line-height: 1;
	margin: 0;
	padding: 0 0 1px 0;
	display: block;
}

#siteTitle {
	position: absolute;
	top: 26px; /*CUSTOMIZATION: If not using a tagline; change top: to 26px; */
	left: 80px;
	width: 600px;
	z-index: 50;  /*added z index for overlapping order in header. MDT */
}

h1 span {
	position: absolute;
	top: -44px; /*changed from 0 to -44. MDT*/
	left: 0;
	z-index: 5000;
	width: 545px; /*CUSTOMIZIZATION: Set width of your site-title.png image. changed from 336. MDT*/
	height: 100px; /*changed this from 36 to 100. MDT*/
	margin-top: 0px;
	text-indent: -999em;
	background-image: url(../images/site-titleC.png);
	/*NOTE: E-mail web@uc.wisc.edu to request the main site-title.png graphic for your department*/
	background-repeat: no-repeat;
}

h1 a {
	display: block;
	width: 100%;
	height: 100%;
	margin-top: 0px;
	text-indent: -999em;
}

#tagline {
	color:#F7F5E8;
	font-size:0.775em;
	font-weight:bold;
	padding-top: 30px;
	margin: 4px 0 0 2px;;
}

#search {
	position: absolute;
	top: 6px;  /* changed from 14 to 6, to move up. MDT */
	right: 5px;
	font-size: 0.6875em;
	color: #eee7d6;
}

#search > div {
	display: inline;

}

#search > label {
	margin-right: 3px;
}

#search > input {
	margin-right: 2px;
}


/*** navigation menus ***/

#n_about {
	width: 93px ;
}

#n_research {
	width: 95px ;
}

#n_trainedu {
	width: 175px ;
}

#n_outreach {
	width: 92px ;
}

#n_initiatives {
	width: 106px ;
}

#n_newsevents {
	width: 125px ;
}

#n_publications {
	width: 134px ;
}

#n_faqs {
	width: 81px ;
}

#n_home {
	width: 59px ;
}


.main-menu  {
	width: 100%;
	background: transparent url(../images/nav_bg.jpg) repeat-x;
	color: #333;
	position: relative;
	z-index: 50000;
	box-shadow: 0 3px 4px rgba(60, 60, 60, 0.3);
	-moz-box-shadow: 0 3px 4px rgba(60, 60, 60, 0.3);
	-webkit-box-shadow: 0 3px 4px rgba(60, 60, 60, 0.3);
}

.main-menu > li {
	display: inline-block;
	vertical-align: top;
	font-size: 0.8125em;
	line-height: 25px;
	background: transparent url(../images/nav_button_border.gif) no-repeat right;
	height: 25px;
	/* min-width: 73px; */
	/*min-width: 120px;*/
	position: relative;
}

.main-menu > li a {padding-left: 0;}

.main-menu h2 {
	height: 100%;
  width: 100%;
}

.main-menu h2 > a {
	display: block;
	height: 100%;
	/* padding: 0 13px; */
	text-align: center;
	color: #b70101;
	background-color: transparent;
	position: relative;
	line-height: 24px;
	text-transform: uppercase;
}
.main-menu .current h2 > a {color: #333;}

.main-menu h2 > a:hover {
	text-decoration: none;
	color: #600;
}

.main-menu > li:hover, .main-menu > a:focus, .main-menu > a:hover, .main-menu > a:active, .main-menu .current {
	background-color: #e7d9c1;
	text-decoration: none;
}

.main-menu > #n_search:hover {
	background-color: transparent;
}

.current a { color: #333; }


/*** submenus ***/

.main-menu > li:hover > ul,
.main-menu > .sfHover > ul {
	position: absolute;
	left: -1px;
	top: 25px; /* match top ul list item height */
	z-index: 99;
}

.submenu {
	background-color: #e7d9c1;
	opacity: .95;
	border-color: #AB907D;
	border-width: 1px;
	border-style: none none solid solid;
	box-shadow: 3px 3px 4px rgba(60, 60, 60, 0.4);
	-moz-box-shadow: 3px 3px 4px rgba(60, 60, 60, 0.4);
	-webkit-box-shadow: 3px 3px 4px rgba(60, 60, 60, 0.4);
	width: 170px; /*changed from 200px. MDT */
}

.submenu a {
	text-decoration: none;
}

.submenu > li {
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: .5em;
	display: block;
	line-height: 1.2;
	background-color: transparent;
}

.submenu > li > a:link, .submenu > li > a:visited {
	margin-left: 7px;
	margin-right: 0px;
	text-align: left;
	font-size: .9em;
	text-transform: none;
}

.submenu > li > a:hover, .submenu > li > a:focus {
	color: #600;
/*	font-weight: bold; */
}

.subsubmenu > li {
	margin-left: 15px;
	font-size: 0.85em;
	padding: 1px 0 1px 0;
}

.subsubmenu > li > a:hover, .submenu > li > a:focus {
	color: #600;
/*	font-weight: bold;  */
	text-transform: none;
}


/** 
Copied the following section from 
http://www.uc.wisc.edu/brand/templates-and-downloads/web/index-top-nav-and-left-sidebar/css/index-top-nav-and-left-sidebar.css
this is text that is NOT included in downloaded version of stylesheet.
------------------------
**/

/*** additional superfish rules (adapted from superfish.css) ***/

.main-menu, .main-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.main-menu {
	line-height:	1.0;
}
.main-menu .submenu {
	position:		absolute;
	top:			-999em;
	width:			16.5em; /* left offset of submenus need to match (see below) */
}
.main-menu .submenu li {
	max-width:			99%;
}
.main-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.main-menu li {
	position:		relative;
}
.main-menu a {
	display:		block;
	position:		relative;
}
.main-menu li:hover .submenu,
.main-menu li.sfHover .submenu {
	left:			0;
	top:			25px; /* match top ul list item height */
	padding-top: 10px;
	z-index:		99;
}
ul.main-menu li:hover li .submenu,
ul.main-menu li.sfHover li .submenu {
	top:			-999em;
}
ul.main-menu li li:hover .submenu,
ul.main-menu li li.sfHover .submenu {
	left:			16.5em; /* match ul width */
	top:			0;
}
ul.main-menu li li:hover li .submenu,
ul.main-menu li li.sfHover li .submenu {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			16.5em; /* match ul width */
	top:			0;
}













/** breadcrumbs **/
#breadcrumbs {
	position: absolute;
	font-size: .7em;
	top: .7em;
	right: 30px;
	height: 1.5em;
	text-align: right;
	background-color: #fff;
	max-width: 690px;
}

#breadcrumbs > li {
	display: inline;
	margin-left: 2px;
	height: 100%;
}

#breadcrumbs li:before {
	content: '> ';
}

#breadcrumbs li:first-child:before {
	content: '';
}

#breadcrumbs li:first-child {
margin-left: 0;
}





/*left sidebar menu*/

#secondary-nav {
	width: 100%;
	margin: 22px 0 22px 0;
	font-size: 0.875em;
}

#secondary-nav li {
	margin-left: 0px;
	margin-right: 0px;
	list-style: none;
	margin-bottom: 15px;
	line-height: 1.7;
	text-transform: uppercase;
}

#sidebar .icon {
	margin: 0 10px 0 0;
	vertical-align: top;
	}


#sidebar h2 {
	margin: 0em 0 .5em 0px;
	text-transform: uppercase;
	font-size: 0.8125em;
	color: #666;
}

#quicklinks li {
	margin-left: 0px;
	margin-right: 0px;
	list-style: none;
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 1.0;
}

#quicklinks a {
	font-size: 0.875em;
}

#sidebar .highlight {margin: 20px 0 0 -3px ;}

#sidebar .gift {margin-left: 22px ;}

#sidebar .fb {margin-left: 5px ;}

#sidebar .highlight img {
	border:2px solid #FFFFFF;
	box-shadow:3px 3px 4px rgba(60, 60, 60, 0.4);
	-moz-box-shadow:3px 3px 4px rgba(60, 60, 60, 0.4);
	-webkit-box-shadow:3px 3px 4px rgba(60, 60, 60, 0.4);
}


/*
******************************
 layout
******************************
*/

#shell {
	position: relative;
	width: 958px;
	border-width: 1px 1px 2px;
	border-color: #c3bca1 #c3bca1 #b70101;
	border-style: none solid solid;
	padding-bottom: 30px;
}

.col {
	display: inline-block;
	vertical-align: top;
}

.leftcolbox {
	display: inline-block;
	margin: 0px 10px 0px -10px;
	vertical-align: top;
}

.rightcolbox {
	display: inline-block;
	margin: 0px -15px 0px 0px;
	vertical-align: top;
}

#sidebar {
	width: 180px;
	background-color: #F7F5E8;
	padding: 0 15px 0 30px;
}

#content {
	width: 673px;
	padding: 20px 30px 0 30px;
  background-color: #fff;
}

#sidebar:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 225px;
background-color: #F7F5E8;
z-index: -2;
}

#content:after {
content: '';
position: absolute;
left: 225px;
bottom: 0;
height: 100%;
width: 733px;
background-color: #fff;
z-index: -2;
}


/*Basic content styles*/

#content > h1, #content > h2, #content > h3, #content > h4 {
	margin: 1.4em 0 .4em;
	font-weight: bold;
}

#content > h1 {
	margin-top: 2em;
	font-size: 1em;
}

#content > h2 {
	font-size: 0.875em;
}

#content > h3 {
	font-size: 0.8125em;
}

#content > h4 {
	font-size: 0.8125em;
	font-style:italic;
	color:#666;
}

#content > p {
	margin: 1em 0;  
}


#content table {
	border-style: solid;
	margin-top: 25px;
	margin-bottom: 25px;
}

#content th, tr, td {
	padding: 10px;
	font-size: 0.9em; 
	border: solid 1px;
	border-color: #CCC;
}

#content > h1 + p, #content > h2 + p, #content > h3 + p, #content > .left + p, #content > .right + p {
	margin-top: .25em;
}

#content > p, #content ul > li, #content ol > li {
	font-size: 0.8em;  /* changed from .85 to .8. MDT */
}

#content > blockquote {
	font-size: 0.8em;	
	padding-left: 2em;
}

#content > ul {
	margin: .25em 0 1em 1em; 
}

#content ul > ul {
	margin: .25em 0 1em 1em;
	padding-left: .5em; 
}

#content ul > li > ul {
	margin: .25em 0 1em 1em;
	padding-left: .5em; 
}

#content > ol {
	margin: 1em 0 1em 1.5em;
}


#content li { 
	margin-bottom: 0.25em;  /* changed margin, was 1em. MDT */
}   

.right {
	float: right;
	margin: 0 0 1.5em 2.5em;
}

.left {
	float: left;
	margin: 0 1.5em 2.5em 0;
}

.left_icon {
	float: left;
	margin: 0 .75em 1em 0;
}

.left_icon2 {
	float: left;
	margin: 0 .75em 1.5em 0;
}

.photo { width: 200px; }
.photo > img { border: 2px solid #DDDAC7; }



.photo > p {
    font-size: 0.7125em;
	color: #7f7c5e;
	line-height: 1.3;
}


.thumbnail { width: 150px; }
.thumbnail > img { border: 2px solid #DDDAC7; }

 
.thumbnail > p {
    font-size: 0.65em;
	color: #7f7c5e;
	line-height: 1.3;
}


.thumbnail2 { width: 100px; }
.thumbnail2 > img { border: 2px solid #DDDAC7; }

 
.thumbnail2 > p {
    font-size: 0.65em;
	color: #7f7c5e;
	line-height: 1.3;
}




.credit {
	display: block;
	margin-top: 0.75em;
	font-size: .9em;
	text-transform: normal;
}

.pubtitle {
	font-weight: bold;
	margin-top: 2em;
	font-size: .8em;
	color:#666666;
}


.author {
	float: top;
	margin-top: 0.05em;
	font-size: .8em;
	font-style: italic;
}

.notes {
	font-size: .7em;
	margin-top: 2em; 
	line-height: 1.3;
	margin-bottom: 2em;
}


.smalltable {
	font-size: .82em;
	margin-top: 0em; 
	line-height: 1.0;
	margin-bottom: 0em;
}

.smalltable table, td, tr {
	padding: 3px;
	
}

.smallbg {
	background-color:#E8E8E8;
	
}


.center {
	text-align: center;
}


.boxed-note-quick {
	margin: 30px 0 0 -17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #C1B49A;
	background: #EFE9D7;
	padding: 1em 1em .3em 1em;
	width: 164px;
}

.boxed-note-quick > p {
	color: #7f7c5e;
	line-height: 1.2;
}


.boxed-note-info {
	margin: 30px 0 0 -17px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #C1B49A;
	background: #EFE9D7;
	padding: 1em;
	width: 176px;
	font-size: .65em;
}

.boxed-note-info > p {
	color: #7f7c5e;
	line-height: 1.3;
}


.boxed-note-content {
	margin: 22px 5px 0px 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #800000;
	/* background: #F7F5E8; */
	padding: 15px;
	width: 304px;
}


.boxed-note-content > h2 {
	margin: -15px -15px 0 -15px ;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	background: #800000;
	color: #fff;
	font-weight: bold;
	text-align: center;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.boxed-note-content > ul > li {
	margin-top: 11px;
	line-height: 1.1em;
}

.content-nav {
	font-size: .72em ;
	padding-bottom: 7px;
	line-height: 1.4em;
}


.twitter-feed-box {
	margin: 0 0 0 -17px;
	padding: 0em .1em 0em .1em;

}


.tweet,
.query {
	font-size: .7em;
	color: #000;
}

	.tweet_list {
	/*	margin: -20px 0 0 -17px; */
	    margin: 5px 0 0 0;
		list-style: none;
	    padding: .2em;  
		overflow-y: hidden;
	/*	background-color: #EFE9D7; */
	}
	    
		
		.tweet_list li {
			overflow-y: auto;
			overflow-x: hidden;
			padding: 0.3em;
			list-style-type: none;
			background-color: #EFE9D7;
		}
		
			.tweet_list li a {
				color: #B70101;
			}
		
		.tweet_list .tweet_even {
			background-color: #EFE9D7;
		}
		
		.tweet_list .tweet_avatar {
			padding-right: .5em; float: left;
		}
		
			.tweet_list .tweet_avatar img {
				vertical-align: middle;
			}












/*s3slider styles
http://www.serie3.info/s3slider/
*/


#s3slider { 
   width: 733px; /* important to be same as image width */ 
   height: 200px; /* important to be same as image height */
   position: relative; /* important */
   margin-left: -30px;
   margin-right: -30px;
   margin-top: -20px;
   overflow: hidden; /* important */
   list-style: none;
}

#s3slider a:hover {
	text-decoration: none;
}

#s3sliderContent {
   width: 733px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   list-style: none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   list-style: none;
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 12px/15px Arial, Helvetica, sans-serif;
   padding: 15px 5px;
   width: 733px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;


   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}








/* footer */

#footer {
	padding-bottom: 40px;
	width: 100%;
	padding-top: 10px;
	background-color: transparent;
	font-size: 0.6875em;
	line-height: 1;
	color: #666;
	border-top: 10px #666152 solid;
}

#footer p {
	text-align: center;
	margin-bottom: .5em;
}

/*
***************************************************
skip navigation, etc.
***************************************************
*/

/*Skip links*/
.skip a, .skip a:hover, .skip a:visited {
	position: absolute;
	left: 0px;
	top: -1000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #fff;
	font-size: .725em;
	padding: 0 5px;
}

.skip a:active, .skip a:focus {
	position: absolute;
	top: -35px;
	left: 5px;
	width: auto;
	height: auto;
	color: #fff;
}

.hide {
	position: absolute;
	top: -100em;
	left: -5000em;
	height: 0;
}

.hide a, .hide a:hover, .hide a:visited {
	position: absolute;
	top: 0;
	left: -5000em;
}

.hide a:focus {
	position: static;
	width: auto;
	height: auto;
}

a:hover, a:active { outline: none; }









.fluid_container {
			margin: -20px 0 0 -30px;
			width: 733px;
		}

/**************************
*
*	GENERAL  CAROUSEL
*
**************************/
.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: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap a {
	color: #FFF;
	text-decoration: none;
}
.camera_wrap {
	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%;
	font-size: .7em;
}
.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(../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(../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;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}

.camera_caption a:hover {
	text-decoration:underline;
}

.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(../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(../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: -10px 0 -10px 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(../images/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(../images/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(../images/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(../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
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(../images/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(../images/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(../images/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(../images/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(../images/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(../images/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(../images/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(../images/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(../images/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(../images/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
.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;
}