body { background: url('img/bg.gif'); font-family: Lucida Sans, Geneva, sans-serif; font-size: 9pt; color: #666666; margin: 0; text-align: center;}
#outerwrapper { width: 960px; margin: 0 auto; text-align: center; display: table;}
#outer { position: relative; width: 960px; border-top: 0px; border-bottom: 0px; margin: 0 auto; text-align: left; display: table; }

/* HEADER STYLES */
#headerwrapper { position: relative; width: 980px; margin-top: 30px;}
#header { position: relative; width: 960px; height: 81px; background: url('img/bg_header.png'); margin-right: 10px; margin-left: 10px; }
#logo { position: absolute; left: 10px; top: -30px;}
#topnav { position: absolute; top: 50px; left: 455px; }
#topnav UL { padding: 0; margin: 0; list-style-type: none; text-decoration:none; }
#topnav UL LI { display: inline; text-decoration:none; padding: 0px; margin: 0; }

/* PANO STYLES */
#panowrapper { position: relative; width: 980px; text-align: center; }
#pano { border-top: 2px solid black; width: 960px; }

/* MAIN CONTENT STYLES */
#maincontainer { width: 980px; background-color: #FFFFFF; }
#mainwrapper { position: relative; padding-top: 40px; padding-left: 40px; padding-right: 40px; padding-bottom: 30px; text-align: left; }
#contentwrapper { position: relative; text-align: left; width: 974px; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px; background: #252525; border: 3px solid #000000; min-height:225px; height:auto !important; height:225px; }
#content { position: relative; text-align: left; width: 620px; padding: 15px; color: #FFFFFF; z-index: 2; line-height: 16px; }
#content a { color: #E45524; }
#content a:hover { color: #FFFFFF; }
#content h1 { margin-top: 0px; margin-bottom: 12pt; color: #E6E6E6; }
#contactinfowrapper { position: absolute; width: 256px; top: 100px; left: 675px; z-index: 2; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px; border: 1px solid #666666;}
#contactinfo { padding: 10px; color: #E2E2E2; }
#flame { position: absolute; width: 206px; height: 217px; bottom: 0px; left: 750px; z-index: 1;}

#footerwrapper { position: relative; width: 980px; }
#footer { position: relative; width: 960px; height: 40px; background: url('img/bg_footer.png'); margin-right: 10px; margin-left: 10px; }
#copyright { position: absolute; top: 10px; left: 20px; font-size: 8pt; color: #666666; width: 960px; text-align: left; }
#disclaimer { clear: both; font-size: 8pt; color: #FFFFFF; width: 980px; padding-top: 10px; margin-left: 20px; text-align: left;}
#privacy { font-size: 8pt; color: #666666; line-height: 10pt; border-top: 1px solid #666666; padding-top: 5px;}

#featurecontainer { position: absolute; left: 760px; top: 45px; }
#features { margin-left: 8px; padding: 8px; font-weight: normal; -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 5px; background: #b6c5e1; color: #3e4e75; width: 153px; font-size: 10pt;}
#appstore { position: absolute; left: 770px; top: 435px; }

/* FORM STYLES */
.text { font-family: Lucida Sans, Geneva, sans-serif; font-size: 9pt; color: #666666; margin: 0; }
.text-label { font-family: Lucida Sans, Geneva, sans-serif; font-size: 9pt; color: #E2E2E2; margin: 0; }
.error { font-family: Lucida Sans, Geneva, sans-serif; color: #CC0000; font-size: 9pt; }
.required { font-family: Lucida Sans, Geneva, sans-serif; color: #CC0000; font-size: 9pt; padding-left: 5px;}
.field-error { font-family: Lucida Sans, Geneva, sans-serif; color: #666666; background: #FFFF99; font-size: 9pt; }
label { font-weight: bold; width: 150px; display: block; display: -moz-inline-box; display: inline-block; vertical-align: top; }


#simplegallery1{ //CSS for sample Gallery
 position: relative;
 visibility: hidden;
 margin-left: 10px;
}



/* 
	root element for the scrollable. 
	when scrolling occurs this element stays still. 
*/
div.scrollable {
	
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 960px;	
	height:303px;	
	margin-left:10px;	
	
	/* custom decorations 
	border:1px outset #ccc;
	background-color:#efefef;				
	*/
}

/* 
	root element for scrollable items. Must be absolutely positioned
	and it should have a super large width to accomodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
div.scrollable div.items {	
	/* this cannot be too large */
	width:20000em;	
	position:absolute;
	clear:both;		
}

/* single scrollable item  */
div.scrollable div.items div {
	float:left;
}

/* active item */
div.scrollable div.items div.active {
	background-color:#fff;
}