/*///////////////////////////////////////*/
/*										 */
/*	JUMPER site template CSS 			 */
/*	(created February 2011)	 			 */
/*  									 */	
/*///////////////////////////////////////*/

@font-face {
    font-family: 'Vollkorn';
    src: url('../Vollkorn-font/Vollkorn-Italic-webfont.eot?') format('eot'),
         url('../Vollkorn-font/Vollkorn-Italic-webfont.ttf') format('truetype'); }

/*////////////////////////////////////////
	=RESET 
////////////////////////////////////////*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, img, ol, ul, li, textarea,
fieldset, form, input, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }
	
ol, ul { list-style: none; }

/*////////////////////////////////////////
	=MIXED
////////////////////////////////////////*/


html { 	background:url(../images/bg.jpg); }

body {
	line-height: 1.5;
	min-width:960px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#333; 
	text-align:left;  }
	
h1, h2, h3, h4, h5, h6 { 
	font-family: 'Vollkorn', Georgia, serif;
	color:#373737;
	padding-bottom:.3em;
	text-shadow:white 1px 1px 1px; }
	
a, span { 
	color:#666;
	font-family:'Vollkorn', Georgia, serif;
	font-size:13px; }
	
p>span { color:inherit; }	
	
a:hover { color:black; }

*::-moz-selection { background:#ad4747; color:white; }
*::selection { background:#ad4747; color:white; }	/* custom color for all selections */
	
h1 { font-size:2.1em; }
h2 { font-size:1.9em; }
h3 { font-size:1.7em; }
h4 { font-size:1.5em; }
h5 { font-size:1.3em; }
h6 { font-size:1.1em; }


/*----------=ol, =ul, =li-----------------------*/

p, ol, ul { margin-bottom:.8em; }

ol { 
	list-style-type:decimal; 
	list-style-position:outside;
	padding-left:1.8em; 
	color:#666;
	font-family:'Vollkorn', Georgia, serif; }
	
ol li p { 
	padding:0;
	margin:0; 
	color:#333;
	font-family:Arial, Helvetica, sans-serif; } 	

ol li, ul.regular li, ul.check_list li { padding:.2em 0; }

ul.regular { 
	list-style-type:disc;
	list-style-position:inside; }

ul.check_list li { 
	background:url(../images/check.png) left center no-repeat !important;
	padding-left:25px !important; }

ul.social li { 
	float:left;
	margin:10px 10px 15px 0; }
	
ul.social li a:hover { opacity:.7; }
	
/*----------=p------------------------------*/

p { margin-bottom:1em; }

p.signature { 
	color:#666;
	font-family:'Vollkorn', Georgia, serif;
	text-align:right; }
	
p.testimonial { color:#939393; }

/*----------=table-------------------------*/

table { 
	border:none; 
	text-align:center; }

td, th { 
	padding:.6em;
	background:url(../images/sep_hor.png) bottom repeat-x; 
	width: 100px;}
.files:hover {
        cursor: pointer;
        background: #999999;
        color: white;
}
.files:hover a{
        color: white;
}

/*----------=DIV----------------------------*/

#container { 
	width:960px;
	margin:0 auto;
	position:relative; } 
	
#wrapper {
	width:780px;
	float:right;
	margin-bottom:30px;  }
	
.separator { 
	height:2px;
	background:url(../images/sep_hor.png) repeat-x;
	margin:25px 0;
	clear:both; }	
	
.content>.separator { margin-left:40px; }	
	
.one_third, .two_third, .one, .one_half { 
	margin-left:40px; 
	margin-bottom:30px;
	float:left; 
	overflow:hidden; }
	
.one_third { width:220px; }
.one_half { width:350px; }
.two_third { width:480px; }
.one { width:740px; }

.content { 	padding-top:68px;  }
	
.item { 
	clear:both; 
	margin-bottom:140px; 
	overflow:hidden; }
	
.clear { clear:both; }


/*////////////////////////////////////////
	=MENU
////////////////////////////////////////*/

#menu { 
	width:180px;
	float:left;
	background:url(../images/menu_bg.jpg) repeat-y right;
	height:100%;
	position:fixed;
	padding-top:55px; }

#menu ul { margin-top:100px; }

#menu ul li a { 
	height:44px;
	text-align:right;
	padding:8px 30px 0 0;
	display:block;
	color:#646161;
	font-size:1.3em;
	text-decoration:none;
	text-shadow:white 1px 1px 1px; }
#menu ul li a:hover { color:#a36500; }
	
.selected  { 
	background:url(../images/ribbon.png) 4px no-repeat;
	height:52px;
	color:#f8f8f8 !important; 
	text-shadow:black 1px 1px 1px !important; } 
	
#menu ul li.current_page { background:url(../images/ribbon.png) 4px no-repeat; }
	
#menu ul li.current_page a { 
	color:#f8f8f8 !important; 
	text-shadow:black 1px 1px 1px !important; }

h1#logo { 
	float:right;
	margin-right:20px;
	background:url(../images/logo.png) no-repeat;
	width:155px;
	height:50px;
	text-indent:-9999px; }
	
h3>img { margin:0 10px -7px 0; }
	
	
/*////////////////////////////////////////
	=HOME
////////////////////////////////////////*/	


/*-------=NIVO SLIDER-------------------*/

#slider { 
	width:617px;
	height:244px;
	border:10px solid #272727;
	margin-left:90px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	position:relative;
	background:url(../images/loading.gif) no-repeat 50% 50%;
}
	
#slider_shadow {
	width:638px;
	height:36px;
	background:url(../images/slider_shadow.png) no-repeat;
	margin-left:90px; }
	
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:235px;
	bottom:-52px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:40px;
	height:40px;
	background:url(../images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-40px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

/*////////////////////////////////////////
	=ABOUT 
////////////////////////////////////////*/

.title, .title_center { 
	margin-left:40px; 
	clear:both; }
.title_center { 
	text-align:center; 
	margin-bottom:-25px; }

/*////////////////////////////////////////
	=GALLERY
////////////////////////////////////////*/

ul.gallery_group li {
	width:220px;
	float:left;
	margin-left:40px;
	background:url(../images/gallery_img_bg.png) left 150px no-repeat; /* shadow under thumbnail image (vertical postition is an image height + border (140px + 2x5px = 150px) */
	margin-bottom:30px;  }
	
ul.gallery_group li img, img.frame {
		border:5px solid #272727;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		margin-bottom:15px;
		-moz-transition: all .2s ease-in;	/* fade transition on thumbnail image hover */
		-webkit-transition: all .2s ease-in;
 		-o-transition: all .2s ease-in;
		transition: all .2s ease-in; }
		
ul.gallery_group li img:hover { 
	opacity:.7;
	filter: alpha(opacity=70); /* opacity hack for MSIE	*/ 
	border:5px solid black; }
	
ul.tabs, ul.pages { 
	float:right;
	margin-top:-25px; }	
ul.tabs li, ul.pages li { 
	float:left;
	margin-left:10px; }
ul.tabs li a, ul.pages li a { 
	display:block;
	color:#373737;
	font-size:1.3em;
	background:url(../images/link_norm.png) no-repeat;
	text-decoration:none;
	padding-left:17px;
	padding-top:3px;
	width:35px;
	height:36px; }
ul.tabs li a:hover, ul.tabs a.current, ul.pages li a:hover, ul.pages a.current { 
	background:url(../images/link_sel.png);
	color:#f8f8f8;
	text-shadow:black 1px 1px 1px; }
		

/*////////////////////////////////////////
	=CONTACT
////////////////////////////////////////*/


#contact_container input, #contact_container textarea, form.search>input {
	width:453px;
	float:left;
	clear:both;
	background:url(../images/input_bg.png) top repeat-x;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	border:white 1px solid;
	margin-bottom:15px;
	padding-left:25px;
	-moz-box-shadow:inset 0 0 5px #ccc;	
	box-shadow:inset 0 0 5px #ccc;
	color:#505050; }	
	
#contact_container input { 
	height:47px; 
	box-shadow:inset 0 0 5px #ccc; }
#contact_container textarea { 
	height:210px;
	width:428px;
	padding:20px 25px;
	background:url(../images/textarea_bg.png) top repeat-x; }
	
p.copyright { 
	color:#999;
	margin-top:-10px; }
p.light { 
	color:#999;
	margin-bottom:.5em; }

p.light span { color:#333; }

#contact_container a#submit_button { display:block; }
#contact_container a#submit_button input {
	background:#d7d7d7; 
	padding:0 .5em;
	width:100px;
	height:30px;
	color:#413f3f;
	border:#e7e7e7 1px solid;
	float:right;
	text-shadow:1px 1px 1px white;
	font-size:1.1em;
	cursor:pointer;
	-moz-box-shadow:0 2px 0 #c5c5c5;
	-webkit-box-shadow:0 2px 0 #c5c5c5;	
	box-shadow:0 2px 0 #c5c5c5; }
	
#contact_container a#submit_button input:hover { background:#ccc; }

ul#response li { color:#9F261D; clear:both; }
ul#response li.success { color:#859818; }
ul#response li { padding:.5em 0;  }

/*////////////////////////////////////////
	=BLOG
////////////////////////////////////////*/

#blog_content, #sidebar { 
	margin-left:40px;
	margin-top:68px;
	margin-bottom:50px; }

#blog_content { 
	width:480px;
	float:left;	 }

#sidebar { 
	float:right; 
	width:190px;
	padding-left:30px;
	background:url(../images/sep_ver.png) left repeat-y; }
	
.blog_entry { margin-bottom:50px; }

.blog_title { margin-bottom:25px; }
.blog_title p, .info { color:#999; }
.blog_title h2 { margin-bottom:-.3em; }


.info { margin-top:20px; clear:both; }
.info>a { margin:0 .3em; }

.continue { float:right; }

#blog_content>ul.pages { float:left; }

form.search { position:relative; }
	
form.search>input { 
	width:118px;
	height:35px;
	margin-bottom:25px;
	padding-right:45px; }
	
div.button>input {
	background:url(../images/looking_glass.png) center center no-repeat;
	width:30px;
	height:35px;
	float:right;
	position:absolute;
	right:10px;
	top:3px;
	cursor:pointer;	}
	
div.button>input:hover { background:url(../images/looking_glass_hover.png) center center no-repeat; }

#sidebar ul.regular { 
	list-style-type:none;
	margin-top:.7em; }
	
#sidebar ul li a {
	padding:.5em 0;
	text-decoration:none;
	display:block;  
	color:#666;
	border-bottom:1px dotted #666; }
	
#sidebar ul li:last-child a { border-bottom:none; }	 
#sidebar ul li a:hover { color:black; }	

#sidebar h3>img { margin-bottom:-5px; }