* {
margin:0;
padding:0
}
body {

background-image: url(../images/background3.jpg); /** Link to the image you created **/
    background-repeat: repeat-y;
    background-position: center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#222222
}

hr {

background:#eee;
height:1px;
color:#eee;
border:none;
clear:both
}

.hrmain
{
background:#DC7181;
color:#DC7181;
height:10px;
position:relative;
top:-15px;
}

p{
padding:2px;
}

.ptext{
color:#DC7081;
}

.mtext{
color:#657382;
}

.stext{
color:#657382;
font-size:70%;
}

.btext{
color:#657382;
font-weight:bold;

}

.left{
	width:500px;
}
/* IMAGES */

img.floatRight {
    float: right;
    margin: 10px;
   
}

img.floatRightT {
    float: right;
    margin-left:50px;
   
}

.floatR {
	float: right;
	margin-left:10px;   
}

.floatO {
	float: right;
	margin-left:10px; 
	margin-top:5px;
}
img.floatLeft {
    float: left;
    
   
}
img.floatRight2 {
    float: right;
    margin: 3px;
   
}
.imglink{
border: none;
}

.imagecontainerG img{

background-color: #fff;
border: 1px solid #E8E7DD;
padding: 4px;
}

.tblborder{
border: 1px solid #E8E7DD;
}


.imagecontainer img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #E8E7DD;
padding: 4px;
}

.imagecontainerl{

float:left;
background: url(../images/shadowAlpha.png) no-repeat bottom right !important;
background: url(../images/shadow.gif) no-repeat bottom right;
margin: 10px 0 10px 10px !important;
margin: 10px 0 10px 5px;
}

.imagecontainerl img{
display: block;
position: relative;
background-color: #fff;
border: 1px solid #a9a9a9;
margin: -6px 6px 6px -6px;
padding: 4px;

}

.opacity img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
opacity:1;
}

.opacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
opacity:.40;
}

.imgGall2
{
float:right;
margin-top:35px;
width:275px;
margin-left:5px;
background-color: #fff;
border: 1px solid #E8E7DD;
padding:4px;
}

.imgGall
{
float:right;
width:265px;
margin-left:5px;
background-color: #fff;
border: 1px solid #E8E7DD;
padding: 4px;
}

/* LINKS */
a,a:link,a:link,a:link{
font-weight:normal;
background:transparent;
text-decoration:underline;
cursor:pointer
}

a:hover {
	text-decoration:none;
}

a:link {
color:#708090
}
a:visited {
color:#708090
}
a:hover,a:active {
color:#708090
}

a.site:link,a.site:visited {
text-decoration: none;
    color: #000000;
	font-size: 13px; font-family:sans-serif;font-style:normal;
}

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

a.sitesmall:link,a.sitesmall:visited {
text-decoration: none;
    color: #76797C;
	font-size: 12px; font-family:sans-serif;font-style:normal;
}

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

/* LISTS */
ul {
margin: .3em 0 1.5em 2em
}

li {
margin-left:2em
}

ul.nobullets {
	list-style: none;
	margin-left: 0;
	/*padding-left: 1em;*/
	text-indent: -1em;
}

/* PAGE SECTIONS */
#wrap {
position:relative;
background:#fff;
width:800px;
margin-right: auto;
margin-left: auto;


}

#header {
width:100%;
background-color:#97979A;
}

#header h1 {
color:#808080;
font-size: 145%;
padding:10px 5px 12px
}

#header img{
padding-top:5px;
}

#content {

padding: 0 10px 0 5px;
text-align:justify
}

#footer{
text-align:left;
/*margin-right: auto;
margin-left: auto;*/
position: relative;  /* Needed for Safari */

padding-bottom:3px;
height:60px;
font-size:0.8em;

}



#footerleft
{
background-color:#FFF3C1;
width:200px;
height:60px;
padding:10px;
float:left;

}

div.float1{
 float: left;
 padding:0 5px 5px 160px;
}
div.float {

  float: left;
padding:0 5px 5px 5px;
  }

.float2{
  float: left;
  padding-left:30px;
  padding-top: 20px;
}

#footerright
{
float:left;
display:inline; 
clear:right;
padding-top:-3px;
padding-left:30px;
/*width:580px;
height:60px;*/
}

#footerinfo
{
width:100%;
padding-top:3px;

}




/* TYPOGRAPHY */
p, ul, ol {
margin: 0 0 1.5em
}



h1, h2, h3, h4, h5, h6 {
font-family:Garamond;
color: #A0A0A0;
/*background:#ffffff url(../images/gray.gif) no-repeat right;*/

}

h1 {font-size: 196%;}
h2 {font-size: 136%;}
h3 {font-size: 126%; }
h4 {font-size: 116%;}
h5 {font-size: 106%;}
h6 {font-size: 96%; }


img { 
border:0;
}



/* form elements */

#formcontent {

padding: 0 5px 0 16px;
text-align:justify
}

form {
margin: 0 0 1em;
background:url("../images/wine.jpg") no-repeat 0 100%;
padding-left:10px;
padding-top:3px;
}	
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	font-size:0.9em;
}
input {
	padding: 2px;
	border:1px solid #A7998D;
	font: normal 0.9em "Trebuchet MS", Tahoma, sans-serif;
	color:#222;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em "Trebuchet MS", Tahoma, sans-serif;
	border:1px solid #A7998D;
	height:100px;
	display:block;
	color:#222;
}
input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	background: #FFF url(../images/gradientbg.jpg) repeat-x; 
	padding: 2px 3px; 
	color: #333;	
	border: 1px solid #DADADA;	
}

form.f-wrap-1 {width:70%;padding: .5em 0;background: #f6f6f6 url("../images/featurebox2.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}



/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 20px;
	margin: 0 auto 0 auto;
	background: url(../images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a, .glossymenu li a:visited{
	float: left;
	display: block;
	color:#708090;
	text-decoration: none;
	font-family:Garamond, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}


/* Gallery and Playback Controls
----------------------------------------------- */
#gallerySelect { width: 180px; }
#controls {	margin:0 auto 10px auto; }
#galleries {	margin:0 auto 20px auto; }
#galleries label { padding-bottom: 2px; }

#galleryLinks a {
	color: #000;
	text-decoration: none;
}

#transport {
	margin: 0;
	padding: 0;
	list-style: none;
}
#transport li {
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
#transport a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 85%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin: 0 1px 0 0;
	padding: 4px 8px;
	width: 64px;
	float: left;
	display: block;
	-moz-user-select: none;
	-khtml-user-select: none;
}
#transport a:link {
	background: #666 url('../demos/images/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:visited {
	background: #666 url('../demos/images/bg_grad_gray1.gif') repeat-x;
	color: #fff;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:hover {
	background: #666 url('../demos/images/bg_grad_gray2.gif') repeat-x;
	color: #000;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
}
#transport a:focus {
	-moz-user-select: none;
	-khtml-user-select: none;
}

#transport .playBtn .pauseLabel, #transport .pauseBtn .playLabel {
	display: none;
}

#previews {
	border-top: solid 1px #404040;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #3a3a3a;
	border-left: solid 1px #404040;
	padding: 10px 10px 20px 10px;
	margin-bottom: 5px;
	background-image: url('../demos/images/bg.gif');
	width: 250px;
	float: left;
	margin-right: 10px;
}
#thumbnails {
	clear: both;
	margin: 10px auto;
}
#thumbnails div {
	position: relative;
	width: 24px;
	height: 24px;
	float: left;
	margin: 8px;
	padding: 0;
	float: left;
	display:inline;
}
#thumbnails img {
	width: 24px;
	height: 24px;
	position: absolute;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
}
#picture {
	padding: 0px;
	width: 500px;
	float: left;
}
#mainImageOutline {
	margin: 0 auto;
	padding: 0;
	background-color: #eee;
	border-top: solid 1px #999;
	border-right: solid 1px #404040;
	border-bottom: solid 1px #333;
	border-left: solid 1px #404040;
	padding: 1em; 
	overflow: hidden; 
	width: 0px;
	height: 0px;
}
#mainImage {
	width: 100%;
	height: 100%;
}

#picture img {	border: 1px solid #999; }
.selectedThumbnail {  border: solid 2px #fc0 !important; }
.inFocus {  border: solid 1px #fc0 !important; }

.jsEnabled #gallery {
	display: none;
}

.clear {
	visibility: hidden;
	display: block;
	clear: both;
	height: 0px;
	margin-bottom: 10px;
	padding: 0;
	}
.ClearAll {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
	
	
.tdother{
	text-align:center;
	font-family:Tahoma;
	font-size:0.9em;
	background-color:#eee;
	color:#708090;
}

.lnkother:link, .lnkother:visited {
	font-family:Tahoma;
	font-size:0.9em;
	color:#708090;
	text-decoration:none;
}

.lnkother:hover {
	font-family:Tahoma;
	font-size:0.9em;
	color:#97979A;
	text-decoration:none;
}