/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* HTML ELEMENTS */
body {
	background : #000;
	margin : 0;
	font-family : "Trebuchet MS";
	margin-left : 12pt;
	margin-right : 12pt;
	font-size : 12px;
	background-repeat : no-repeat;
	margin : auto;
}

/* COMMON CLASSES */
.break { clear:both; }

/* HEADER */
#header { height:599px; }
.headerimg {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:600px;
	position:absolute;
}
#header2 {
	height:769px;
	font-family: Tahoma, Geneva, sans-serif;
}
.header2img {
	background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:600px;
	position:absolute;
}
/* NAVIGATION */
#nav-outer {
	height:160px;
	padding-top:0px;
	position:relative;
	top:-10px;
	background-image:url(images/headerbg2.png);
	z-index:900;
}
#navigation {
	width : 1021px;
	height : 160px;
	left : 0px;
	top : 80px;
	z-index : 5;
	text-align : center;
	color : #009999;
	margin : auto;
	background-position:top left;
	background-repeat:no-repeat;
	font-family: Tahoma, Geneva, sans-serif;
}
#navigation h1{ 
font-size : 46px;
text-align : center;
color : #0FF;
}
#navigation h1 a{
	height : 124px;
	font-size : 66px;
	text-align : center;
	color : #0FF;
	font-family: Tahoma, Geneva, sans-serif;
}
#navigation h2{  
line-height : 30px;
font-size : 25px;
text-align : center;
color : #0FF;
}
#nav-outer sub{
	height:110px;
	padding-top:0px;
	position:relative;
	top:0px;
	background-image:url(images/headerbg.png);
}
div.navigationimages {
	width : 1024px;
	height : 75px;
	left : 1px;
	top : 575px;
	z-index : 5;
	line-height : 30px;
	font-size : 26px;
	text-align : center;
	color: #0FF;
	margin:0 auto;
}
/* MENU */
#menu {
	position:relative;
	height:30px;
	text-align : center;
	top:0px;
}
#menu ul { list-style:none; font-size: 16px;}
#menu ul li { display:inline; line-height : 30px;font-variant:small-caps; font-size: 26px;}
#menu ul li a { color:#0FF; text-decoration:none; line-height : 30px;padding-right:25px; font-size: 26px;}

/* HEADER TEXT */
#headertxt { width:1020px; margin:0 auto; clear:both; position:relative; top:px; }
div.contentarea {
	position : absolute;
	margin : auto;
	width : 1020px;
	height : 580px;
	margin : 0px;
	display : inline;
	top : 0px;
	text-align : left;
	color : #99ccff;
	background : #000;
	z-index : 50;
	overflow : auto;
	left: 0px;
}
div.contentarea p {
font-size : 15px;
color : #0FF;
text-align : justify;
margin-left : 12pt;
margin-right : 12pt;
}
div.contentarea h1 a {
font-size : 36px;
color : #0FF;
text-align : left;
margin-left : 12pt;
margin-right : 12pt;
}
div.contentarea p a {
font-size : 15px;
color : #0FF;
text-align : justify;
}
div.contentarea a:hover { text-decoration:none; color:#FFF; }
/* HEADER HAVIGATION */
#headernav-outer { position:relative; top:400px; margin:0 auto; width:1020px; }
#headernav { padding-left:864px; }

/* CONTENT */
#content { color:#0FF; background-color:#000; }
#content p {
	padding:0px 20px;
	font-size:16px;
	width:1020px;
	margin:0 auto;
	text-align:justify;
	font-family: Tahoma, Geneva, sans-serif;
}
#content h1 {
	color:#0FF;
	padding:0px 20px;
	font-size:28px;
	width:1020px;
	margin:0 auto;
	font-family: Tahoma, Geneva, sans-serif;
}
#content h1 a {
	color:#0FF;
	font-size:28px;
	width:1020px;
	margin:0 auto;
	font-family: Tahoma, Geneva, sans-serif;
}
#content p a { text-decoration:none; color:#0FF; }
#content p a:hover { text-decoration:none; color:#FFF; }

/* FOOTER */
#footer {
	position:relative;
	margin:0 auto;
	top:5px;
	width:1020px;
	clear : both;
	background : transparent;
	height : 25px;
	font-family : Trebuchet MS;
	text-align : center;
	color : #0FF;
	padding-top : 0px;
}
#footer a{
	font-size : 15px;
color : #0FF;
text-decoration:none;
}
#footer a:active { text-decoration:none;; color:#0FF; }
#footer a:hover {
	text-decoration:none;
	;
	color:#0FF;
	font-family: "Trebuchet MS";
}


/*--------------------------------------------------=> HEADERS */
/* H1 */


#page_thslide h1
{
    background-color:#6ec1dd;
}

#page_barouselthslide h1
{
    background-color:#8ae04e;
}

/* H2 */
h2
{        
    font-size:1.56em; /* 25px */    
    line-height:normal;
    color:#000;   
    margin-bottom:15px;
	font-family : Tahoma, Geneva, sans-serif; letter-spacing:1;
}

/* H3 */
h3
{
    display:inline-block;
    font-size:30px;    
    font-weight:normal;            
    color:#99ccff;
    background:#000;
    margin:0;
    padding:8px 8px 7px 18px;
	font-family : Tahoma, Geneva, sans-serif; letter-spacing:1;
}

h4
{
    display:inline-block;
    font-size:20px;    
    font-weight:normal;            
    background:transparent;
    margin:0;
    padding:3px 0px 0px 10px;
	font-family : Tahoma, Geneva, sans-serif; letter-spacing:1;
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*----------- Global */
.content_holder
{
    padding:15px;
}

.hr
{
    border-bottom:2px solid #99cc00;    
    margin-bottom:2px;
}

.hr_thin
{
    border-bottom:1px solid #cfe580;    
    margin:5px 0 10px 0;
}

.hr_hashed
{
    background:url(../images/hr_hashed.gif) repeat-x 0 0;
    width:100%;
    height:4px;
    margin:5px 0 15px 0;
}

/*----------- Paragraph */
p
{
	margin:0;
	padding:0 0 10px 0;
	font-size:16px;
	font-family : Tahoma, Geneva, sans-serif;
	letter-spacing:1;
}

p.intro
{
    font-size:0.88em;
    line-height:18px;
    padding-bottom:25px;
	font-family : Tahoma, Geneva, sans-serif; letter-spacing:1;
}

p.intro strong
{
    font-weight:normal;
}

#page_barousel p.intro strong
{
    background-color:#fff55b;
}

#page_thslide p.intro strong
{
    background-color:#6ec1dd;
}

#page_barouselthslide p.intro strong
{
    background-color:#8ae04e;
}

p.heading
{
    line-height:normal;
}

#footer p
{
	color:#fff;
	padding-bottom:5px;
}

pre
{
    background-color:#fff;
    padding:10px;
    margin-bottom:30px;    
    font-size:12px;
}

/*----------- Links */
a, a:hover
{
    color:#000;
    text-decoration:none;
}

#page_barousel a:hover
{
    background-color:#fff55b;
}

#page_thslide a:hover
{
    background-color:#6ec1dd;
}

h1 a
{
    text-decoration:none;
}

h1 a:hover
{
	text-decoration:none;
	color: #009999;
	font-family: "Trebuchet MS";
}
/*----------- Images */
img
{
	border:none;
	font-family: Tahoma, Geneva, sans-serif;
}


/*----------- BAROUSEL */
.barousel
{
    position:relative;
    margin-bottom:0px;
    background:url(../images/bg_banner.gif) repeat 0 0;
    width:500px;
    height:401px;
    border-top:3px solid #000;
}

.barousel_image
{
	position:absolute;
	z-index:10;
	width:1020px;
	height:500px;
}

.barousel_image img
{
	position:absolute;
	display:none;
	top: 10px;
}

.barousel_image img.default
{    
    display:block;
}

.barousel_image img.current
{
    z-index:10;
}

.barousel_image img.previous
{
    z-index:5;
}

.barousel_content
{
	position:absolute;
	padding:15px 18px 5px 18px;
	z-index:50;
	background:url(images/bg_barousel_content.png) repeat 0 0;
	color:#fff;
	width:300px;
	bottom:36px;
	left:10px;
}

.barousel_content div
{
    display:none;    
}

.barousel_content div.default
{
    display:block;    
}

.barousel_content p
{
    font-size:16px;
    font-weight:normal; 
    line-height:17px;   
}

.barousel_content p.header
{
    font-size:28px;
    font-weight:bold;
    line-height:28px;
    color:#fff;
}

.barousel_content a,
.barousel_content a:hover
{
    color:#fff;
    background-color:transparent !important;
	text-decoration: none;
}

.barousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    height:23px;    
    background:#000;
    bottom:0;
    z-index:20;
    width:497px;
}

.barousel_nav .counter
{    
    float:right;
    font-size:0.75em;
    color:#fff;
    margin:3px 5px 0 0;
}

.barousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
}

.barousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
    list-style:none;
}

.barousel_nav li a
{
    display:block;
    width:25px;
    height:20px;
    background-color:#4d4d4d;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

.barousel_nav li a:hover
{
    background-color:#6e6e6e;
}

.barousel_nav li a.current
{
    background-color:#fff55b;
}

.barousel_nav li.prev a
{
    background-image:url(../images/barousel_link_previous.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel_nav li.next a
{
    background-image:url(../images/barousel_link_next.gif);
    background-repeat:no-repeat;
    background-position:0 0;
}

.barousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
}





/*--------------------------------------------------=> MASTER LAYOUT */
.page
{
    width:530px;    
    background-color:#ccc;
    margin:0 3px 3px 0;
}

#nav
{
	position:fixed;
	top:3px;
	left:537px;
	width:250px;
}

#nav li
{	
	font-size:0.88em;
	font-weight:bold;
}

#nav li a
{
	display:block;	
	text-decoration:none;
	padding:7px 10px;
}

#nav li a:hover
{
	background-color:#000;
	color:#fff;
}

#nav_barousel
{
	background-color:#fff55b;
}
    
#nav_thslide
{
    background-color:#6ec1dd;
}

#nav_barouselthslide
{
    background-color:#8ae04e;
}


/*--------------------------------------------------=> UTILITY CLASSES */
.floatLeft
{
    float: left;
}

.floatRight
{
    float: right;
}

.halfwidth
{
    float: left;
    width: 50%;
}

.halfwidth_right
{
    float: right;
    width: 50%;
}

.thirdwidth
{
    float: left;
    width: 33%;
    padding: 3px 0 10px 0;
}

.nodisplay
{
    display: none;
}

.nopadding_top
{
    padding-top: 0;
}

.nopadding_bottom
{
    padding-bottom: 0;
}

.nopadding_vertical
{
    padding-top: 0;
    padding-bottom: 0;
}

.clearmargin
{
    margin: 0;
    padding: 0;
}

.clearer
{
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
    font-size:0;
    line-height:0;
}

.spacer
{
    clear: both;
    height: 25px;
    padding: 0;
    margin: 0;
}

div#center_columncontactpage {
background-image : url(images/cycle55.jpg);
margin:0 auto;
width : 1022px;
padding-top : 20px;
z-index:900;
}
.cssform p {
width : 500px;
clear : left;
margin : 0;
padding : 5px 10 8px 0;
padding-left : 225px;
}
.cssform label {
float : left;
margin-left : -165px;
width : 150px;
}
.cssform input[type="text"] {
width : 190px;
height : 14px;
}
.cssform textarea {
width : 350px;
height : 120px;
}
.f_left {
float : left;
}
.absolute {
position : absolute;
}
.imageSlideshowHolder,.imageSlideshowHolder_left{
			background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:580px;
	position:absolute;
	}
	.leftFloatingDiv{
		float:left;
		width:160px;
		height:110px;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		background-position: center top;
	background-repeat: no-repeat;
	width:100%;
	height:580px;
	position:absolute;
	}
#header2 #nav-outer #navigation h1 a {
	font-size: 86px;
}
#header2 #nav-outer #navigation h1 a {
	font-size: 56px;
}
