/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/wrapper-bg.png) repeat-x;
	//background: #FFFFFF url(images/background.jpg) repeat-x;
	font-family: 'Abel', sans-serif;
	font-size: 16px;
	color: #414141;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
	letter-spacing: -4px;
	text-transform: lowercase;
	font-family: 'Abel', sans-serif;
	font-weight: 400;
	color: #262626;
}

h1 {
	font-size: 2em;
	letter-spacing: -2px;
	text-transform: capitalize;
	font-weight:bold;
}

h2 {
	padding-bottom: 20px;
	font-size: 2.8em;
}

h3 {
	font-size: 1.4em;
	letter-spacing: -1px;
	//font-size:20px; 
	line-height:20px; 
	font-weight:bold;
	text-transform: capitalize;
	font-family: 'Abel', sans-serif;
}

p, ul, ol {
	margin-top: 0;
	line-height: 200%;
}

p, ol {
}

ul, ol {
}

a {
	color: #DC483E;
}

a:hover {
}

#wrapper {
	background: #FFFFFF;
	
}

.container {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	
}

/* The inside class provides consistent padding. To be used often! */
.inside{ padding: 32px 37px 50px 37px; }

.wrapper { 
	width:100%;
	overflow:hidden;
}

.wrapper img{ 
	border:0px;
}

aside{
		float: left;
		width: 302px;
		margin-right:52px;
	}
	
	

/* Header */

#header {
	width: 960px;
	height: 210px;
	margin: 0px auto 20px auto;
	padding: 0px 20px;
	
}

/* Logo */

#logo {
	float: left;
	width: 416px;
	height: 210px;
	margin: 0px;
	padding: 0px;
	background:url(images/logo-bg.png) no-repeat left top;
	color: #FFFFFF;
}

#logo h1, #logo p {
//font-size: 8.8em;
}

#logo h1 {
	padding: 10px 0px 0px 0px;
	letter-spacing: -2px;
	text-align: center;
	font-size: 4.8em;
}

#logo h1 a {
	color: #FFFFFF;
}

#logo p {
	margin: 0;
	padding: 0px 0 0 0px;
	letter-spacing: -1px;
	text-align: center;
	text-transform: lowercase;
	font-size: 20px;
	color: #FFFFFF;
}

#logo p a {
	color: #FFFFFF;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #000000;
}

/* Splash */

#splash {
	width: 960px;
	margin: 0px auto;
}

#splash p {
	line-height: 1;
	letter-spacing: -2px;
	text-align: center;
	font-size: 30px;
	color: #68645D;
}

#splash span {
	font-size: 30px;
	color: #DC483E;
	font-weight:bold;
}


/* Search */

#search {
	float: right;
	width: 280px;
	height: 60px;
	padding: 20px 0px 0px 0px;
}

#search form {
	height: 41px;
	margin: 0;
	padding: 10px 0 0 20px;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	width: 170px;
	padding: 6px 5px 2px 5px;
	border: 1px solid #E7EBED;
	background: #FFFFFF;
	text-transform: lowercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #5D781D;
}

#search-submit {
	width: 50px;
	height: 22px;
	border: none;
	background: #B9B9B9;
	color: #000000;
}



/* Page */

#page {
	overflow: hidden;
	width: 940px;
	margin: 0px auto;
	padding: 0px 0px 50px 0px;
	
}


#content {
  //float: right;
	//width: 900px;
}

/* Content */
	#content1 {
		float: left;
		width: 572px;
	}

#content img, aside img {
		border:3px solid #ebebeb;
		border-radius:4px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
	}
	#content img:hover {
		border-color:#bbb;
	}

#content h2{
	float: right;
	width: 600px;
}

#content p{
	font-family: 'Helvetica', sans-serif;
	text-align:justify;
}

#content li{
	font-family: 'Helvetica', sans-serif;
	text-align:justify;
	font-size:15px;
}

#sidebar {
	float: left;
	width: 270px;
	font-family: 'Helvetica', sans-serif;
	text-align:justify;
}

#sidebar ul li{
	font-family: 'Helvetica', sans-serif;
	text-align:justify;
}

#poptrox {
	width: 969px;
	margin: 0px auto;
}

#gallery {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#gallery li {
	float: left;
	margin: 0px;
	padding: 10px;
}

#gallery img {
	border: 1px solid #D9D9D9;
	padding: 3px;
}

/*****************************************************
  Poptrox
*****************************************************/

.poptrox_popup
{
	position: relative;
	padding: 1em 1em 3em 1em;
	background: #ffffff;
}

.poptrox_popup .loader
{
	display: block;
	margin: 55px 0 0 0;
	text-indent: -9999em;
	background: url('loader.gif') top center no-repeat;
}

.poptrox_popup .caption
{
	position: absolute;
	bottom: 1em;
	left: 1em;
}

.poptrox_popup .closer
{
	position: absolute;
	bottom: 1em;
	right: 1em;
}

#footer {
	overflow: hidden;
	height: 100px;
	background: #1E5148 url(images/wrapper-bg.png) repeat;
}

#footer p {
	margin: 0px;
	padding: 40px 0px 0px 0px;
	text-align: center;
	text-transform: lowercase;
	font-size: 16px;
	color: #45776E;
}

#footer a {
	text-decoration: none;
	color: #45776E;
}


//#container { width:990px; margin:0px auto ; background:#dc483e; padding:5px; font-size:15px; color:#FFFFFF; }
  #container { width:990px; margin:0px auto ; background:#ffffff; padding:5px; font-size:15px; color:#FFFFFF; }


@charset "utf-8";
/* CSS Document */
.lof-slidecontent{
	position:relative;
	overflow:hidden;
	border:#F4F4F4 solid 1px;
	// width:892px;
	width:100%;
	height:300px;
	background:url(intro-bg.png);
	
	
}
.lof-slidecontent .preload{
	height:100%;
	width:100%;
	background:#dc483e;
	position:absolute;
	top:0;
	left:0;
	z-index:100000;
	color:#FFF;
	text-align:center
}
.lof-slidecontent .preload div{
	height:100%;
	width:100%;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
}
/* main flash */
.lof-main-wapper{
	margin-right:auto;
	overflow:hidden;
	background:transparent url(../images/load-indicator.gif) no-repeat scroll 50% 50%;
	padding:0px;
	height:100%;
	width:660px;
	position:relative;
	overflow:hidden;
}

.lof-main-wapper .lof-main-item{
	overflow:hidden;
	padding:0px;
	margin:0px;
	height:100%;
	width:100%;
	position:absolute;
}
.lof-main-wapper .lof-main-item img{
	padding:0px;	
	width:670px;
}

.lof-main-item-desc{
	z-index:100px;
	position:absolute;
	top:150px;
	left:50px;
	width:500px;
	background:url(../images/transparent_bg.png);
	
	/* filter:0.7(opacity:60) */
}
.lof-main-item-desc p{
	color:#000;
	margin:0 8px;
	padding:8px 0
	
	
	
	
}
.lof-main-item-desc h3 a{
	//color:#dc483e;	
	color:#FF0000;	
	margin:0;
	font-size:50px;
	padding:20px 8px 2px;
	font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif;
	//font-family: 'Abel', sans-serif;
	//letter-spacing:0.5px;
	text-transform:uppercase;
	font-weight:bold;
	//font-family: 'Myriad-Pro', 'Myriad', helvetica, arial, sans-serif;  
        text-shadow: 2px 3px 3px #292929;  
        //letter-spacing: -7px;  
        -webkit-text-stroke: 1px white;
}
.lof-main-item-desc h3 a:hover{
	color:#000;
	text-decoration:underline;
	
}


/* item navigator */
ul.lof-navigator{
	top:0;
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
}
ul.lof-navigator li{
	cursor:hand; 
	cursor:pointer;
	list-style:none;
	width:100%;
	padding:0;
	margin:0;
	overflow:hidden;
}
.lof-navigator-outer{
	position:absolute;
	right:0;
	top:00px;
	z-index:100;
	height:300px;
	width:350px;
	overflow:hidden;
	color:#FFF
	background-color:red;
}
.lof-navigator li.active{
	background:url(../images/arrow-bg.png) no-repeat scroll left center; 
	color:#FFF
}
.lof-navigator li:hover{
	
}


.lof-navigator li h3{
	color:#dc483e;
	//font-size:100%;
	padding:15px 0 0 !important;
	margin:0;
	letter-spacing:0px;
	text-transform:capitalize;
	font-weight:bold;
	

}
.lof-navigator li div{
	background:url(../images/transparent_bg.png);
	color:#FFF;
	height:100%;
	position:relative;
	margin-left:15px;
	padding-left:15px;
	border-top:1px solid #E1E1E1;
}

.lof-navigator li.active div{
	background:url(../images/grad-bg.gif);
	color:#FFF;
}
.lof-navigator li img{
	height:60px;
	width:60px;
	margin:15px 15px 10px 0px;
	float:left;
	padding:3px;
	border:#C5C5C5 solid 1px;
}
.lof-navigator li.active img{
	border:#6C8E5C  solid 1px;
}
.lof-navigator li.active h3{
	color:#FFF;
}
.lof-next{
	position:absolute;
	top:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}
.lof-previous{
	position:absolute;
	bottom:0;
	height:30px;
	background:#F9F9F9;
	display:block;
	width:100%;
}


/* Menu */

#menu-wrapper {
	width: 600px;
	height: 60px;
	margin: 0px auto;
	padding: 0px;
	background: #00aef0;
	//background: #357109;
	
	//border-radius: 10px;
}

#menu {
	margin: 0;
	padding: 0px 20px;
	list-style: none;
	line-height: 60px;
	letter-spacing: -1px;
	text-decoration: none;
	text-transform: lowercase;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	font-family: 'Abel', sans-serif;
	font-size: 24px;
	font-weight: normal;
	color: #FFFFFF;
	background: #FFFFFF;
}

#menu li {
	float: left;
	margin-right: 1px;
}

#menu a {
	display: block;
	float: left;
	height: 60px;
	margin: 0px;
	color: #FFFFFF;
}

#menu .current_page_item a {
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	background: #2199c6;
}

#menu a:hover {
	background: #2199c6;
	text-decoration: none;
	text-shadow: 2px 2px 2px rgba(0,0,0,.3);
	color: #FFFFFF;
}

#menu span {
	padding: 0px 20px;
}

#menu > li {
}

#menu > li.active {
	background: #2199c6;
	color: #FFFFFF;
}

.dropotron li.opener {
	border-right: solid 2px #FFFFFF;
}

.dropotron {
	margin: 0px;
	padding: 10px 0px;
	background: #2199c6;
	list-style: none;
	text-transform: lowercase;
	font-family: 'Abel', sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

.dropotron a {
	color: #fff;
	text-decoration: none;
}

.dropotron li {
	margin: 0px;
	padding: 5px 20px;
}

.dropotron li:hover, .dropotron li.active {
	background: #00aef0;
}



#formwrap{	
	margin:0 auto;
	background:#fff;
	width:600px;
	padding:20px 0px;
	text-align:left;
	}

/* form 1 */

	#form1{
		margin:1em 0;
		padding-top:10px;
		background:url(images/form1/form_top.gif) no-repeat 0 0;
		}
	#form1 fieldset{
		margin:0;
		padding:0;
		border:none;	
		float:left;
		display:inline;
		width:260px;
		margin-left:25px;
		}		
	#form1 legend{display:none;}	
	#form1 p{margin:.5em 0;}	
	#form1 label{display:block;}	
	#form1 input, #form1 textarea{		
		width:252px;
		border:1px solid #ddd;
		background:#fff url(images/form1/form_input.gif) repeat-x;
		padding:3px;
		}		
	#form1 textarea{
		height:125px;
		overflow:auto;
		}					
	#form1 p.submit{
		clear:both;
		background:url(images/form1/form_bottom.gif) no-repeat 0 100%;
		padding:0 25px 20px 25px;
		margin:0;
		text-align:right;
		}	
	#form1 button{
		width:150px;
		height:37px;
		line-height:37px;		
		border:none;
		background:url(images/form1/form_button.gif) no-repeat 0 0;
		color:#fff;
		cursor:pointer;
		text-align:center;
		}				

/* // form 1 */


#dtext{
		background-color: white;
    height: 200px;
    width: 400px;
    margin: 10px auto;
    border: 3px dashed #21303b;
     
    /*shadow*/
    -webkit-box-shadow: 10px 10px 10px #000;
    -moz-box-shadow: 10px 10px 10px #000;
    box-shadow: 10px 10px 10px #000;
     
    /*rounded corners*/
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	
	font-size: 40px;
    line-height: 70px;
    font-family: Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;

		}
		
		
//#maincontent{width:670px; float:left; text-align:justify; }
#maincontent.positionright{float:right; padding:0 0 0 30px}
#maincontent.positionleft{ float:left; padding:0 30px 0 0;}

//#maincontent.full{ width:940px;}

#thumb {width:800px; border:1px solid #CCCCCC; overflow:hidden; margin:0 auto; -moz-border-radius: 5px;
-webkit-border-radius: 5px; padding:20px; margin-top:20px; }
#thumb h3 {font-family:'Droid Sans', arial; font-weight:bold; font-size:50px; letter-spacing:-2px; text-shadow:1px 2px 2px #999; padding:0 8px;}
#thumb p {font-family:Georgia, arial; font-size:16px; background:#ececec;-moz-border-radius: 5px;
-webkit-border-radius: 5px; padding:20px;  border:1px solid #d2d2d2; clear:both; margin:25px 8px;  text-shadow:0 1px 1px #fff; }
#thumb a {float:right; font-family:Georgia; font-size:16px; text-decoration:none; color:#990000; position:relative; left:-20px; padding:25px 0 0 0;}

#thumb ul {padding:0; margin:0;}
#thumb ul li {float:left; list-style:none; padding:10px; margin:10px; line-height:10px; width:150px; height:130px; overflow:hidden; border:1px solid #d2d2d2;-moz-border-radius: 5px;
-webkit-border-radius: 5px; background:#ececec;
-webkit-border-radius: 5px; background:#ececec;
-moz-border-radius: 5px;
border-radius: 1px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
}

/* thumb extra with text */

#thumb1 {width:800px; border:1px solid #CCCCCC; overflow:hidden; margin:0 auto; -moz-border-radius: 5px;
-webkit-border-radius: 5px; padding:20px; margin-top:20px; }
#thumb1 h3 {font-family:'Droid Sans', arial; font-weight:bold; font-size:50px; letter-spacing:-2px; text-shadow:1px 2px 2px #999; padding:0 8px;}
#thumb1 p {font-family:Georgia, arial; font-size:16px; background:#ececec;-moz-border-radius: 5px;
-webkit-border-radius: 5px; padding:20px;  border:1px solid #d2d2d2; clear:both; margin:25px 8px;  text-shadow:0 1px 1px #fff; }
#thumb1 a {float:right; font-family:Georgia; font-size:16px; text-decoration:none; color:#990000; position:relative; left:-20px; padding:25px 0 0 0;}

#thumb1 ul {padding:0; margin:0;}
#thumb1 ul li {float:left; list-style:none; padding:10px; margin:10px; line-height:10px; width:150px; height:150px; overflow:hidden; border:1px solid #d2d2d2;-moz-border-radius: 5px;
-webkit-border-radius: 5px; background:#ececec;
-webkit-border-radius: 5px; background:#ececec;
-moz-border-radius: 5px;
border-radius: 1px;
-moz-box-shadow: 5px 5px 5px black;
-webkit-box-shadow: 5px 5px 5px black;
box-shadow: 5px 5px 5px black;
font-weight:bold;
}

#imageinter img{float:left; list-style:none; padding:0px; margin:0px; line-height:10px; width:187px; height:220px; overflow:hidden; border:1px solid #d2d2d2;-moz-border-radius: 5px;
-webkit-border-radius: 5px; background:#ececec;
-moz-border-radius: 5px;
border-radius: 1px;

}

/*==================boxes====================*/
.main-box {
	border-top:5px solid #eaeaea;
	background:#fff;
	width:100%;
}


.contacts {
	padding-bottom:20px;
}
	.contacts li {
		width:100%;
		overflow:hidden;
	}
		.contacts li strong {
			float:left;
			width:95px;
		}


.list1 {
	margin-left:12px;
	padding-bottom:18px;
}
.list1 li {
	background:url(../images/arrow1.gif) no-repeat 0 6px;
	padding:0 0 0 12px;
}

/*----- forms -----*/
#contacts-form { 
	clear:right;
	width:100%;
	overflow:hidden;
}
	#contacts-form fieldset { 
		border:none;
		float:left;
	}
		#contacts-form .field { 
			clear:both;
		}
			#contacts-form label { 
				float:left;
				width:110px;
				line-height:18px;
				padding-bottom:6px;
				font-weight:bold;
			}
			#contacts-form input {
				width:205px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				float:left
			}
			#contacts-form input:invalid {
				border-color:red;
			}
			#contacts-form textarea { 
				width:450px;
				height:215px;
				padding:1px 0 1px 3px;
				background:none;
				border:1px solid #e5e5e5;
				color:#616161;
				margin-bottom:12px;
				overflow:auto;
				float:left;
			}
			#contacts-form div:last-child {
				padding-left:110px;
			}

/*==========================================*/

/* SLIDER */
#slider-container {
    background: none repeat scroll 0 0 #F55D2D;
    clear: both;
    //height: 342px;
	height: 400px;
	width:980px;
    position: relative;
	
}
#top-opacity-slider{height:2px; width:100%; position:absolute; top:0; left:0; background:url(images/top-opacity-slider.png) repeat-x; z-index:30;}
.box_skitter_large {width:980px; height:400px; background:#000}
.label_skitter{
	bottom:30px;
	right:30px ; 
	padding:0; background:url(images/opacity-slider-text.png) repeat;
	font-size:14px;
	color:#e9e9e9;
	padding:10px 25px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	-khtml-border-radius: 5px 5px 5px 5px; /* for old Konqueror browsers */
	border-radius: 5px 5px 5px 5px; /* future proofing */
}
.label_skitter h3{margin-bottom:10px;}

#gallery {
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#gallery li {
	float: left;
	margin: 0px;
	padding: 10px;
}

#gallery img {
	border: 1px solid #D9D9D9;
	padding: 3px;
}

.pic{
	float:left;
	margin:0 15px 15px 0;
	border:5px solid white;
	width:200px;
	height:250px;
}

.pic a{
	width:200px;
	height:250px;
	text-indent:-99999px;
	display:block;
}

div.nomargin{
	margin-right:0px;
}