@charset "UTF-8";
/* CSS Document */
/* JeremyWebbPhotography.com */

#center {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#menu {
	width:auto;
	height:100%;
	margin-bottom:10px;
	margin-left:1%;
	margin-right:10px;
	padding:10px 10px 10px 0px;
	/* background-color:#39C; */
	float:left;
}


#content {
	height:auto;
	margin-left:0;
	overflow:hidden;
	padding:24px 10px 10px 0;
	width:auto;
}

.clear {
	clear:both;
}

p {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
}

h3 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #F60;
}

h1 {
	font-style: normal;
	font-weight: normal;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	position:relative;
	top:-10px;
}

.menuitem {
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#F60;  /* ORANGE MENU COLOUR */
	padding-left:20px;
}

.listitem {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	padding-left:25px;
	line-height:20px;
}

.listitemselected {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	font-style:italic;
	padding-left:25px;
	line-height:20px;
	color:#F70 !important;
}

.listitemselectedtop {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	color: #F70 !important;
	font-style: italic;
}

#toplist {
	float:left;
	width:900px;
	height:auto;
	padding-left:20px;
	/* padding-top:23px; */
	margin-bottom:23px;
}

.toplistitem {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#FFF;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	float:left;
}

.toplistitemselected {
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	text-decoration:underline !important;
	color:#F70 !important;
	text-align:justify;
	margin-left:10px;
	margin-right:10px;
	float:left;
}

a {
	color:#FFF;
	font-style:normal;
	text-decoration:none;
}

p a {
	color:#F70;
	font-style:normal;
	text-decoration:none;
}

#thumbcontainer {
	width:740px;
	float:left;
	display:inline;
	overflow:scroll;
}

.jack {
	font-style: italic;
	font-weight: bold;
	padding-left: 10px;
	color: #DB6F17;
	font-family: Helvetica;
}

.orangebit {
	color:#DB6F17;
}

 
#formlabels {
	width:auto;
	float:left;
	text-align:right;
	margin-right:10px;
	padding-right:5px;
}
 
#formfields {
	width:auto;
	float:left;
}

.pikachoose{width:780px;margin:40px auto 50px auto;}
/* This is the ul you have all your images in */
.pikachoose ul{padding-left:0;width:800px;height:auto;margin:0;overflow:hidden;}
.pikachoose ul li{float: left;border:1px solid #000;padding:1px;background:#000;margin:10px 7px 0px 0;position:relative;overflow:hidden;width:68px;height:49px;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{width:780px;height:519px;display:block;position:relative;}
/*sine we give it the fake border, you need to position the image a little. */
.pika_main_img{position:absolute;top:2px;left:2px;}
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{position:relative;border:1px solid #000;background:#000;padding:2px;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{width:500px;height:16px;padding-top:4px;text-align:center;position:absolute;bottom:7px;left:3px;}
.pika_caption a{color:white;}

.pika_play{position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}
.pika_play a{position:relative;margin-left:auto;cursor:pointer;display: block;width:50px;height:50px;}

.pika_navigation a{font-size: 12px; text-decoration: none;font-family:Verdana, Geneva, sans-serif;}
.pika_navigation a:hover{text-decoration: underline; cursor:pointer;}
.pika_navigation{padding-top:10px;clear:both;text-align:center;}

/* Slider panel styling*/

#panel {
	background: #000000;
	height: auto;
	display: none;
	text-align:left;
	padding:10px 10px 10px 10px;
}
.slide {
	margin: 0;
	padding: 0;
	border-top: solid 2px #F60;
	background: url(http://jeremywebbphotography.com/template/statement.png) no-repeat center top;
}
.btn-slide {
	/*background: url(/template/white-arrow.gif) no-repeat right -55px;*/
	text-align:left;
	width: 144px;
	height: 31px;
	padding: 0px -2px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	outline:0px;
}
.active {
	background-position: right 12px;
}