/*
      Created by Fausto Quintanilla
	  Gorilla Design Studio
	  
*/

a:link {
	color: #96C732;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #96C732;
}
a:hover {
	text-decoration: none;
	color: #96C732;
}
a:active {
	text-decoration: none;
	color: #96C732;
}
* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background-color: #000000;
}

#wrapper { 
 margin: 0 auto;
 width: 940px;
}

/* header */

#header {
	width: 940px;
	color: #333;
	height: 132px;
	margin: 0px 0px 0px 0px;
	background-image: url(http://www.jonesportraitdesign.com/images/header.jpg);
	background-repeat: no-repeat;
}

/* navigation */

#navigation {
	width: 359px;
	color: #333;
	margin: 0px 0px 0px 0px;
	float: right;
	height: 33px;
	margin-top: 99px;
}

/* footer */

#footer {
	width: 940px;
	color: #6a6969;
	margin: 0px 0px 10px 0px;
	background-image: url(http://www.jonesportraitdesign.com/images/footer.jpg);
	height: 103px;
}
#footer-mid{
	width: 940px;
	text-align: left;
	margin:auto;
	padding-top: 10px;
	font-size: 11px;
}
#designtag {
	float: right;
	width: 90px;
	height: 18px;
	background-image: url(../images/GDS-tag.png);
	background-repeat: no-repeat;
}
#designtag a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}
#designtag a:hover {
	display:block;
	text-decoration:none;
	background-image: url(http://www.jonesportraitdesign.com/images/GDS-tag_green.png);
}
#facebook {
	width: 64px;
	float: right;
	padding-right: 20px;
	background-image: url(http://www.jonesportraitdesign.com/images/facebook.png);
	background-repeat: no-repeat;
	height: 15px;
	margin-top: 5px;
}
#facebook a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}
#facebook a:hover {
	display:block;
	text-decoration:none;
	background-image: url(http://www.jonesportraitdesign.com/images/facebook_g.png);
}
#logo {
	background-image: url(http://www.jonesportraitdesign.com/images/logo.gif);
	height: 132px;
	width: 396px;
	float: left;
	margin: 0 0 0 0;
}
#logo a {
	display:block;
	width: 100%;
	height: 100%;
	text-decoration:none;
}
#logo a:hover {
	display:block;
	text-decoration:none;
}
#slideshowmain {
	height: 550px;
	width: 940px;
	position: relative;
	z-index: 1;
}
#subpagebox {
	height: 484px;
	width: 940px;
}
#subpagebox2 {
	height: 653px;
	width: auto;
}
#leftboxmenu {
	float: left;
	height: auto;
	width: 252px;
	background-image: url(../images/nav/subnavbg.jpg);
	background-repeat: no-repeat;
}
#leftboxmenu_awards {
	float: left;
	height: auto;
	width: 940px;
	background-image: url(../images/nav/subnavbg.jpg);
	background-repeat: no-repeat;
}
#leftboxmenu_green {
	float: left;
	height: 484px;
	width: 252px;
	background-image: url(../images/nav/subnavbg_green.jpg);
	background-repeat: no-repeat;
	background-color: #96c732;
}
#rightcontentbox {
	float: right;
	height: auto;
	width: 688px;
}
#rightcontentbox2 {
	float: right;
	height: auto;
	width: 940px;
}
#subnav {
	background-image: url(http://www.jonesportraitdesign.com/images/subnav.jpg);
	background-repeat: no-repeat;
	height: 64px;
	width: 940px;
	margin-top: 3px;
}
#imagebox {
	height: 484px;
	width: 688px;
}
#imagebox2 {
	height: 484px;
	width: 940px;
}

/* testimonial */
.senior_testimonial {
	background-image: url(../images/testimonials/seniors/testimonials.jpg);
}
.testimonial {
	float: left;
	width: 336px;
	padding: 10px 10px 10px 10px;
	background-color: #000;
	color: #b7b7b7;
	font-size: 12px;
	line-height: 1.3em;
	filter:alpha(opacity=90);
	opacity:0.9;
	margin-top: 340px;
}
#subleft_title {
	font-size: 19px;
	color: #96C732;
	padding-top: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
#subleft_titlespecial {
	font-size: 19px;
	color: #000;
	padding-top: 15px;
	padding-left: 15px;
	text-transform: uppercase;
	margin-bottom: 35px;
}
#testimonial_leftmenu {
	color: #b7b7b7;
	width: 252px;
}
#testimonial_leftmenu2 {
	color: #b7b7b7;
	width: 475px;
	padding-left: 40px;
}
.testimonial_school {
	font-size: 11px;
	color: #696969;
	padding-bottom: 20px;
	padding-left: 10px;
}
#testimonial_leftmenu  ul li span {
	display: block;
}
#t_menu {
	font-size: 14px;
	float: left;
	list-style: none;
	margin: 0;
	padding-left: 40px;
	width: 12em;
}
#t_menu li {
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#t_menu a {
	color: #ccc;
	display: block;
	margin: 0;
	padding: 0px 10px 0px 10px;
	text-decoration: none;
}
#t_menu a:hover {
	color: #96C732;
}
ul#t_menu li a.current
{
	color: #96C732;
}
/* bottom sub_menu */

#subbottom_title {
	font-size: 17px;
	color: #ccc;
	padding-top: 23px;
	padding-left: 18px;
	text-transform: uppercase;
	height: 41px;
	float: left;
}
.seniors_title {
	width: 100px;
	float: left;
}
.commercial_title {
	width: 115px;
	float: left;
}
.bridal_title {
	width: 100px;
	float: left;
}
#subnav_menu {
	color: #96C732;
}
ul#submenu
{
	display:block;
	height:30px;
	font-size:12px;
	padding-top: 16px;
}

ul#submenu li
{
	display:block;
	float:left;
	margin:0;
	padding:0;
}
	
ul#submenu li a
{
	display:block;
	float:left;
	color:#96C732;
	text-decoration:none;
	font-weight:bold;
	padding:8px 13px 0 13px;
	text-transform: uppercase;
}
	
ul#submenu li a:hover
{
	color:#96C732;
	height:22px;
	text-decoration: underline;
}
	

ul#submenu li a.current
{
	display:inline;
	text-decoration: underline;
	height:22px;
	float:left;
	margin:0;
}
/* testimonial */

.activities {
	background-image: url(../images/sessions/seniors/activities.jpg);
	}
.outdoor {
	background-image: url(../images/sessions/seniors/outdoor.jpg);
	}
.studio {
	background-image: url(../images/sessions/seniors/studio.jpg);
	}
.california {
	background-image: url(../images/sessions/seniors/california.jpg);
	}
.white {
	background-image: url(../images/sessions/seniors/white.jpg);
	}
.destination {
	background-image: url(../images/sessions/seniors/destination.jpg);
	}	
.studio_tour {
	background-image: url(../images/studiotour.jpg);
	}
.senior_sessionstudio {
	background-image: url(../images/sessions/seniors/studio.jpg);
	}
.senior_sessionoutdoor {
	background-image: url(../images/sessions/seniors/outdoor.jpg);
	}
.senior_sessionactivities {
	background-image: url(../images/sessions/seniors/activities.jpg);
	}
.senior_sessioncalifornia {
	background-image: url(../images/sessions/seniors/california.jpg);
	}
.senior_sessionwhite {
	background-image: url(../images/sessions/seniors/white.jpg);
	}
.senior_sessiondestination {
	background-image: url(../images/sessions/seniors/destination.jpg);
	}
.transparencybox {
	float: left;
	width: 310px;
	padding: 75px 10px 0px 10px;
	background-color: #000;
	color: #b7b7b7;
	font-size: 15px;
	line-height: 1.5em;
	filter:alpha(opacity=90);
	opacity:0.9;
	height: 409px;
}
.transparencybox_awards {
	float: left;
	width: 310px;
	padding: 75px 10px 0px 10px;
	background-color: #000;
	color: #b7b7b7;
	font-size: 12px;
	line-height: 1.5em;
	filter:alpha(opacity=90);
	opacity:0.9;
	height: 409px;
}
.transparencybox_qa {
	float: left;
	width: 668px;
	padding: 75px 10px 0px 10px;
	background-color: #000;
	color: #b7b7b7;
	font-size: 15px;
	line-height: 1.5em;
	filter:alpha(opacity=90);
	opacity:0.9;
	height: auto;
}
.contactbox {
	float: left;
	width: 688px;
	padding: 45px 0px 0px 0px;
	background-color: #000;
	color: #b7b7b7;
	font-size: 15px;
	line-height: 1.5em;
	filter:alpha(opacity=90);
	opacity:0.9;
	height: 409px;
}
.subtitlehead {
	font-size: 20px;
	text-transform: uppercase;
}
h1 {
	font-size: 20px;
	text-transform: uppercase;
	color: #96C732;
	margin-top: 0px;
	font-weight: normal;
}
h2 {
	font-size: 13px;
	text-transform: uppercase;
	color: #b7b7b7;
	margin-top: 0px;
	margin-bottom: 15px;
	font-weight: normal;
}
#s_menu {
	font-size: 14px;
	float: left;
	list-style: none;
	margin: 0;
	padding-left: 40px;
	width: 12em;
}
#s_menu li {
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#s_menu a {
	color: #ccc;
	display: block;
	margin: 0;
	padding: 0px 10px 30px 10px;
	text-decoration: none;
}
#s_menu a:hover {
	color: #96C732;
}
ul#s_menu li a.current
{
	color: #96C732;
}

/* qa */

.senior_qa {
	background-image: url(../images/qa/seniors/qa.jpg);
	}
	
/* specials */

.specials_one {
	background-image: url(../images/specials/one.jpg);
	}
#specials_menu {
	font-size: 14px;
	float: left;
	list-style: none;
	margin: 0;
	padding-left: 40px;
	width: 12em;
}
#specials_menu li {
	font: 100% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
#specials_menu a {
	color: #263701;
	display: block;
	margin: 0;
	padding: 0px 10px 30px 10px;
	text-decoration: none;
}
#specials_menu a:hover {
	color: #000;
}
ul#specials_menu li a.current
{
	color: #000;
	font-weight: bold;
}	
#topcontact {
	float: right;
	width: 230px;
	padding-top: 8px;
	color: #6a6969;
	font-size: 12px;
}
#topcontact a {
	color: #6a6969;
	text-decoration: none;
}
#topcontact a:hover {
	color: #96c732;
}

/* contact */
.contact_about {
	background-image: url(../images/subpages/about.jpg);
}	
.contact_awards {
	background-image: url(../images/subpages/awards.jpg);	
/*
---------------- GENERAL FORM
-------------------------------------------------------- */
}
#form-general{ margin: 30px 0 10px; width: 565px; }
	#form-general.comment-form{ margin-bottom: 0; width: 480px; }

	fieldset{
		border:0;
		padding-left: 60px;
	}
		.comment-form fieldset{padding-left:0;}

	#form-general label{ color: #696969; }

		#form-general input,
		#form-general textarea{
			background-color: #1b1b1b;
			border: 1px solid #2d2d2d;
			color: #96C732;
			font-size: 20px; 
			margin-top: 4px;
			overflow: hidden;
			padding: 5px;
			text-shadow: none;
			width: 565px;
		}
			#form-general.comment-form input,
			#form-general.comment-form textarea{ width: 480px; }

			#form-general input{ margin-bottom: 25px; }

#form-general.comment-form{
	margin: 20px 0;
}
	input#submit-query,
	#form-general.comment-form input#submit-comment{ 
		background-color: transparent;
		border: none;
		height: 24px;
		margin: 20px 0 10px 0;
		width: 179px;
	}
		#form-general.comment-form input#submit-comment{ margin: 30px 0 0 0; }	
		
br.clear { clear: both; height: 0px; visibility: hidden; }		
#galleria{width:940px;height:653px;}
#galleria2{width:688px;height:484px;}