@import url('reset.css');

/* START GLOBAL STYLES
----------------------------------------------------------------------------------------*/

body {
	background-color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
    background-color:#d5e0d5;
}

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

a:hover, a:active {
	text-decoration:underline;
}

p {
	line-height:19px;
	padding:0 0 19px 0;
}


.floatright {
	float:right;
	padding:0px;
	margin:0px 0px 10px 10px;

}

.floatleft {
	float:left;
	padding:0px;
	margin:0px 10px 10px 0px;
}

.divider {
	border-bottom:1px solid #535f74;
	display:block;
	height:1px;
	overflow:hidden;
	margin:0px 0px 13px 0px;
	text-align:center;
}


/* Headings */

h1 {
	font-size:18px;
	color:#0A5916;
	line-height:20px;
	margin:0 0 5px 0;
	font-weight:bold;
}


h2 {
	font-size:16px;
	color:#0A5916;
	line-height:20px;
	margin:0 0 5px 0;
	font-weight:bold;
}


h3 {
	font-size:14px;
	color:#0A5916;
	line-height:20px;
	margin:0 0 5px 0;
	font-weight:bold;
}




/* Wrappers */

#wrapper {
	width:951px;
	margin:0 auto;
	padding:0 12px 0 12px;
	text-align:left;
}


/* END GLOBAL STYLES
----------------------------------------------------------------------------------------*/

/* START HEADER STYLES
----------------------------------------------------------------------------------------*/

#header {
	width:951px;
	height:177px;
	background:url(../images/jonas-2011-header.jpg) no-repeat 0 0;
	position:relative;
	overflow:hidden;
}


/* subnav */

#subnav 
{   
	width:547px;
	position:relative;
	float:right;
	text-align:right;
	line-height:25px;
	top:8px;
	padding-right:5px; 
}

#subnav ul li {
	display:inline;
	border-right:1px solid #fff;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	display:inline;
	text-align:center;
}

#subnav ul li.last {
	display:inline;
	border:none;
	padding:0 0px 0 0;
	margin:0 0px 0 0;
	display:inline;
	text-align:center;
}

#subnav ul li a {
	font-size:15px;
	color:#fff;
	 font-weight:bold;

}


/* Nav */

#nav {
	width:951px;
	background-color:#0A5916;
	height:25px;
	position:absolute;
	left:0;
	top:150px;
	text-align:center;
	line-height:25px;
	border-top:1px solid #fff;
}

#nav ul li {
	display:inline;
	border-right:1px solid #fff;
	padding:0 5px 0 0;
	margin:0 5px 0 0;
	display:inline;
	text-align:center;
}

#nav ul li.last {
	display:inline;
	border:none;
	padding:0 0px 0 0;
	margin:0 0px 0 0;
	display:inline;
	text-align:center;
}

#nav ul li a {
	font-size:12px;
	color:#fff;

}

#social {position:relative; top:97px; left:406px;}
#social img {padding-right:5px;}

/* END HEADER STYLES
----------------------------------------------------------------------------------------*/


/* START MAINBODY STYLES
----------------------------------------------------------------------------------------*/

#mainbody {
	width:915px;
	background-color:#fff;
	padding:26px 18px 10px 18px;

}

#main-content {
	width:915px;
	overflow:hidden;
}

.banner {
	width:300px;
	float:right;
	margin:0 0 20px 20px;
	display:inline;
}

.banner img {
	display:block;
	margin:0 0 18px 0;
}



/* END MAINBODY STYLES
----------------------------------------------------------------------------------------*/


/* START FOOTER STYLES
----------------------------------------------------------------------------------------*/

#footer {
	width:951px;
	background-color:#008080;
	color:#0A5916;
	padding:0;
}

.footer-info a {
	color:#0A5916;
}

.footer-info {
	width:272px;
	float:left;
	display:block;
	padding:8px 0 0 10px;
}

.footer-info .copy-info {
	font-size:12px;
	margin:0 0 5px 0;
	display:block;
}

.copy-middle
{
	width:372px;
	padding:8px 0 0 0;    
	font-size:12px;
	float:left;
	text-align:center;
	margin:0 0 5px 0;
}

.copy-right 
{
	width:272px;
	padding:8px 0 0 0;    
	font-size:12px;
	float:right;
	text-align:right;
	margin:0 0 5px 0;
}

A.orange:link    {text-decoration: none; color:#ff6600; font-family: arial,tahoma,verdana,geneva,helvetica,sans-serif; font-weight:bold;}
A.orange:visited {text-decoration: none; color:#ff6600; font-family: arial,tahoma,verdana,geneva,helvetica,sans-serif; font-weight:bold;}
A.orange:active  {text-decoration: none; color:#ff6600; font-family: arial,tahoma,verdana,geneva,helvetica,sans-serif; font-weight:bold;}
A.orange:hover   {text-decoration: underline; color:#ff6600; font-family: arial,tahoma,verdana,geneva,helvetica,sans-serif; font-weight:bold;}

.galimg {float:left; width:225px; padding:10px;}


/* END FOOTER STYLES
----------------------------------------------------------------------------------------*/

.contact-form { width:395px; float:left; height:auto; padding:15px 0 0 0;}
.contact-form-text { width:315px; float:left; height:auto; color:#333;}
.contact-form-text span{ color:#F00; font-size:13px;}
.contact-form-input { width:295px; float:left; height:24px; padding:4px 4px 0 0px; margin-bottom:4px;}
.contact-form-input input{ width:295px; height:18px; font-size:15px; color:#868686;}
.contact-form-inputsmall input{ width:95px; height:18px; font-size:15px; color:#868686;}
.contact-form-input2 {width:315px; float:left; height:auto; margin-bottom:4px;}
.contact-form-input2 textarea{ width:493px; height:45px; border:1px solid #8E8E8E; font-size:13px; color:#868686;  padding:4px; }
.contact-form-input3 {width:315px; float:left; height:auto; }


/*gallery*/

.previewPane
{
    text-align:center;
}
.infoPane
{
    background-color: #fff;
    background-image: url(/Images/infoPaneBg.gif);
    background-repeat: no-repeat;
}
.infoPaneBg
{
    margin-top: 20px;
    background-color: #fff;
    background-image: url(/Images/grayBg.gif);
    background-repeat: no-repeat;
    height: 192px;
    width: 272px;
}
.imageDetailsHeader
{
    font: bold 16px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-top: 20px;
    margin-left: 30px;
    margin-bottom: 5px;
}
.details
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    margin-left: 30px;
    width: 230px;
    vertical-align: middle;
    margin-bottom: 4px;
}
.detailsTxtBox
{
    font: normal 11px Arial, Verdana, Helvetica, Sans-serif;
    color: #666666;
    height: 13px;
    border: solid 1px #ccc;
}

.thumbsViewer
{
    background-color: #fff;
    background-image: url(/Images/thumbsBg.gif);
}

.RotatorImage
{
    margin:0px 5px;
    cursor:hand;
    cursor: pointer;
}
/*gallery*/

.bullets { 
   color : #0A5916; 
   font-family : arial,verdana, sans-serif; 
   font-size : 12px; 
   padding-left : 10px;
 } 
 
 ul.bullets { 
   display: list-item;
   margin-left : 10px;
 }