/* 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; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Global properties ======================================================== */
body { 
	background:#eeefeb; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#7b7b7b;
	min-width:960px;
}
html, body { height:100%;}

p {
    margin-bottom: 15px;
}

a {
	color:#d52d00; 
	outline:none;
}
a:hover{
	text-decoration:none;
}
.txt{ position:absolute;}
.txt1{ position:relative;}
.br{ display:block;}

/* Global Structure ============================================================= */
.main {
	margin: 0 auto;
	position: relative;
	width: 960px;
	font-size:14px; line-height:25px;
}

	
/* Left & Right alignment */

.fleft { float:left;}
.fright { float:right;}
.clear1 { 
	clear:both; 
}
.clearing {
	clear:both;
	overflow:hidden;
	width:100%;
	height:0;
	font-size:0;
	line-height:0;
}
.extra-wrap {overflow:hidden;}
.col-1, .col-2, .col-3 { float:left;}

.alignright { text-align:right;}
.aligncenter { text-align:center;}

.wrapper { 
	width:100%;
	overflow:hidden;
}
/*----- form defaults -----*/
input, select, textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- other -----*/
.img-indent { 
	margin:2px 15px 0 0; 
	float:left;
}
.img-indent1 { 
	margin:8px 19px 0 1px; 
	float:left;
}
.img-indent2 { 
	margin:6px 24px 0 2px; 
	float:left;
}
.img-indent3 { 
	margin:4px 24px 0 2px; 
	float:left;
}
.img-indent4 { 
	margin:4px 13px 0 6px; 
	float:left;
}
.img-top{ margin-top:23px;}

/*===== header =====*/

.header-border{ border-bottom:1px solid #c1c2bf;}
/*menu*/
.tail-menu{ background:url(../gfx/tail_menu.gif) top center repeat-x; height:69px;}

h1 a{
	width:289px;
	height:300px;
	text-decoration:none;
	z-index:1;
	display:block;
	top:0px;
}
h1 .text1{
	color:#2b2b2b; 
	font-size:48px;
	line-height:1.03em;
	width:289px;
	top:159px;
	text-align:center;
	text-shadow:1px 1px rgba(255,255,255,.3)
}
h1 .text1 span{ color:#ffffff; text-shadow:#b0a1a1 1px 1px 1px;}
h1 .text2{
	color:#ffffff;
	font-size:18px; 
	font-weight:bold; 
	top:260px;
	text-align:center;
	font-weight:normal;
	width:295px;
	letter-spacing:1px;
}

/**/

/*tail-slider*/
.tail-slider{ background:url(../gfx/tail_slider.gif) 0 0 repeat-x; height:435px;}

.slider-box{
	top:31px;
	left:398px;
	width:651px;
	height:453px;
	background:url(../gfx/slider_wrapper.png) 0 0 no-repeat;
	position:absolute;
	overflow:hidden;
	z-index:1;
}
/**/



/*header-box*/
.tail-header-box{
	background:#f2c837 url(../gfx/tail_header_box.jpg) 0 0 repeat-x;
	border-top:1px solid #cbbb4d;
	border-bottom:1px solid #e7c241;
}
.header-box-center{ background:url(../gfx/header_box_center.gif) center 1px no-repeat;}

.header-box{ color:#685e33; font-size:13px; padding-bottom:54px;}
.header-box .title-marker {
  font-size:85px;
  line-height:102px;
  position:absolute;
  color: #fff786;
  top:2px;
  left:-2px;
  display:block;
}
.header-box h2 {
  color:#2b2b2b;
  font-size:22px;
  padding:40px 0 0 54px;
  position:relative;
  font-weight:normal;
}
.header-box p{
	line-height:24px;
	padding:32px 0 0 53px;
}
.header-box p .link, .header-box p .link1{ color:#51451a; text-decoration:none; font-weight:bold; margin-left:16px;}
.header-box p .link:hover, .header-box p .link1:hover{ color:#2b2b2b; text-decoration:underline;}
.header-box p .link1{ margin-left:20px;}
.header-box .title-top{ margin-top:1px;}
.header-box p.text-top{ padding-top:31px; padding-left:54px; line-height:24px;}

/**/




/*===== menu =====*/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
	z-index:777;
}
.sf-menu {
	left:-1px;
	width:883px;
}
.sf-menu ul {
	background:#222222;
	position:		absolute;
	top:			-999em;
	width:			100px; /* left offset of submenus need to match (see below) */
	width:116px;
	padding:6px 0 0px 0;
	z-index:99;
	z-index:777;
}
.sf-menu ul li {
	float:none;
	z-index:99;
	margin:0 13px 3px 13px;
	line-height:1.2em;
	border-bottom:1px solid #373737;
	z-index:777;	
}
.sf-menu ul li.inner1{ padding-bottom:1px;}
.sf-menu ul li.last{ border:none;}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
	line-height:1.2307em;	
	margin:0 45px 0 0;
	z-index:11;
}
.sf-menu li.inner{margin:0 48px 0 0;}
.sf-menu a {
	font-size:14px;
	position:		relative;
	text-decoration:none;
	color:#ffffff;
	padding:26px 0 25px 0;
	display:block;
	font-weight:bold;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			-20px;
	top:			67px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			103px; /* match ul width */
	top:			-2px;
	background:#333333;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			-200px; /* match ul width */
	top:			0;
}



.sf-menu li li a {
	color:#ffffff;
	cursor:pointer;
	display:block;
	padding:2px 0 5px 5px;
	margin:0;
	font-size:14px;
	font-weight:normal;
	
}
.sf-menu li li li {
	font-size:1em;
	border:none;
	margin:0;
}
.sf-menu li li ul{ padding:0;}
.sf-menu li li li a{ display:block; padding:7px 0 6px 16px; color:#FFF;}
.sf-menu li li li a:hover{ background:#4e4e4e; color:#FFF;}
.sf-menu > li:hover, .sf-menu > li.sfHover > a,
.sf-menu > a:focus, .sf-menu > a:hover, .sf-menu  a.active {
	outline:		0;
	background:url(../gfx/menu_act_marker.png) 0 0 no-repeat;
	
}
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a.active {
	
	
	}
.sf-menu li li:hover, .sf-menu ul li.sfHover > a,
.sf-menu li li a:hover, .sf-menu li li a.active {
	color:#7e7e7c;
	
	
}
/**/


/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/*===== content =====*/
.content-indent{ padding:42px 0 47px 0;}
.content-indent1{ padding:41px 0 31px 0;}




/*in-line-style*/
#content h2{
	color:#2b2b2b; 
	font-size:22px;
	padding:0 0 29px 0;
	font-weight:normal;
}
.hp-1 {padding:0 0 29px 0 !important;}
#content .title-bottom0{ padding-bottom:22px;}
#content .title-bottom{ padding-bottom:31px;}
#content .title-bottom1{ padding-bottom:20px;}
#content .title-bottom2{ padding-bottom:25px;}
#content .title-bottom3{ padding-bottom:20px;}
#content .title-bottom4{ padding-bottom:27px;}
.right-indent0{ padding-right:30px;}
.right-indent{ padding-right:55px;}
.right-indent1{ padding-right:25px;}
.list-left{ margin-left:2px;}

#content .title-top0{ margin-top:35px;}
#content .title-top{ margin-top:46px;}
#content .title-top1{ margin-top:51px;}
.list-width1{ width:442px;}
.list-width2{ width:237px;}

#content .text1 dt{ color:#1f1f1f; font-size:14px;}
#content .text1 dd{ padding:0 0 15px 0;}
.img-bottom{ margin:0 0 13px 0;}
.img-bottom1{ margin:2px 0 21px 0;}
.text1-bottom{ margin-bottom:10px;}
.left-indent0{ padding-left:1px;}
.left-indent{ padding-left:2px;}
.text3, .text3 a{ color:#1f1f1f;}
.text3 a{ text-decoration:none;}
.text3 a:hover{ text-decoration:underline;}

.indent-top1{ padding-top:25px;}
.phone{ width:140px; display:inline-block; }
.link1{ color:#7b7b7b;}
.phone-fright{ display:inline-block; width:235px; line-height:1.8em;}
/**/


/*list*/
.list li, .list1 li{ background:url(../gfx/list_border.gif) 0 0 repeat-x; padding:7px 0 7px 0; clear:both; width:100%; overflow:hidden; display:block;}
.list li:first-child, .list1 li:first-child {background:none; padding:0 0 7px 0;}
.list li a, .list1 li a{ background:url(../gfx/list_marker.gif) 0 7px no-repeat; line-height:18px;  padding:0 0 0 14px; color:#535353; text-decoration:none; font-size:12px; float:left;}
.list li a:hover, .list1 li a:hover{ color:#a6a6a6;}
/**/

/*box-img*/
.box-img{
	border-top:1px solid #d6d7d3;
	border-bottom:1px solid #d6d7d3;
	padding:17px 0 12px 0;
	margin-bottom:28px;
}
.box-img { padding-right:15px;}
.box-img .fleft{ width:240px;}
.box-img .fright{ width:247px; margin-left:31px;}
.box-img p{ line-height:1.4em; color:#2d2d2d; font-size:16px;}
/**/

/*button*/
.button-top{ padding-top:19px;}
.button-top1{ padding:14px 0 5px;}
.button-top2{ padding-top:22px;}
.button{
	background:url(../gfx/button.png) 0 0 repeat-x #edcb22;
    border-radius: 13px;
	-moz-border-radius: 13px; 
	-webkit-border-radius: 13px; 
    color: #ffffff;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 15px 7px 15px;
    position: relative;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	text-shadow:1px 1px rgba(0,0,0,.1);
	box-shadow:1px 1px 3px rgba(0,0,0,.1), 0 0 rgba(0,0,0,.1) inset;
	-moz-box-shadow:1px 1px 3px rgba(0,0,0,.1), 0 0 rgba(0,0,0,.1) inset;
	-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.1), 0 0 rgba(0,0,0,.1) inset;
}
.button:hover{ background-position:0 -33px;}


/**/

iframe {
	width:400px;
	height:350px;
	margin:0;
	border: none;
}



/*===== footer =====*/
.tail-footer{ border-top:1px solid #d6d7d3;}
footer{ text-align:center; padding:0 0 30px 0;}
footer p{ font-size:14px; color:#7b7b7b; padding:28px 0 17px 0; text-align:center;}
footer p a{ text-decoration:none; color:#7b7b7b;}
footer p a:hover{ text-decoration:underline;}

footer p span {display:block;}

/*tooltip*/

#easyTooltip{
	padding:5px 10px;
	background:#2d2e22;
	color:#eeefeb;
	font-size:13px;
	line-height:1.2em;
	}


.footer-icon{
	display:block;
	text-align:center;
	overflow:hidden;
}
.footer-icon li{
	display:inline-block;
	margin:0 4px 0 3px;
}
.footer-icon li:first-child {margin-top:-15px;}
.footer-icon li a{ display:block; width:20px; height:20px;}
.icon-flickr{ background:url(../gfx/flickr.png) 0 0 no-repeat;}
.icon-skype{ background:url(../gfx/skype.png) 0 0 no-repeat;}
.icon-twitter{ background:url(../gfx/twitter.png) 0 0 no-repeat;}
.icon-ember{ background:url(../gfx/ember.png) 0 0 no-repeat;}


		
/**/




/*----- forms -----*/
#contactForm { padding-top:4px; position:relative;}
	#contactForm .form-height{ min-height:59px; position:relative;}
	#contactForm .form-height1{ min-height:58px; position:relative;}
	#contactForm .mess-container {position:relative; padding:0 0 20px 0;}
	#contactForm input {
		box-shadow:0 0 5px rgba(183,183,183,.4) inset;
		-moz-box-shadow:0 0 5px rgba(183,183,183,.4) inset;
		-webkit-box-shadow:0 0 5px rgba(183,183,183,.4) inset; 
		width:233px;
		border:none;
		border-bottom:1px solid #fff;
		color:#6f6f6f;
		font-size:12px;
		padding:11px 13px 11px 13px;
		height:15px;
		font-family:Arial, Helvetica, sans-serif !important;
		background:#efefed;
		outline:none;
		margin:0;
	}
	#contactForm textarea {
		box-shadow:0 0 5px rgba(183,183,183,.4) inset;
		-moz-box-shadow:0 0 5px rgba(183,183,183,.4) inset;
		-webkit-box-shadow:0 0 5px rgba(183,183,183,.4) inset; 
		width:434px;
		border:none;
		border-bottom:1px solid #fff;
		color:#6f6f6f;
		font-size:12px;
		padding:12px 13px 11px 13px;
		height:215px;
		font-family:Arial, Helvetica, sans-serif !important;
		background:#efefed;
		outline:none;
		margin:0;
		 overflow:auto;
		 resize:none;
	}
	#contactForm label {
		display:inline-block;
		min-height:30px;
	}
	#contactForm .error, #form1 .empty {
		display:none;
		font-size:10px;
		color:#F00;
		width:300px;
	}
	#contactForm span {
		display:none;
		color:#f00;
		margin:0 0 0 5px;
		font-size:10px;
		line-height:14px;
		position:absolute;
		bottom:4px;
		top:auto;
	}
		
	.success{
		display:none;
		font-size:13px;
		line-height:18px;
		padding:0;
		top:-18px;
		left:0;
		right:0;
		position:absolute;
		word-spacing:-1px;
		color:#818181;
		background:none;
		box-shadow:none;
	}
	#contactForm .btns{
		position:absolute;
		right:80px;
		bottom:5px;
	}
	.btns a {margin:0 0 0 20px;}

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




/*General Mosaic Styles*/
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:220px;
	height:267px;
	 background:url(../gfx/bg_opacity.png) 0 0 repeat;
}

	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:url(../gfx/bg_opacity.png) 0 0 repeat;
	}
	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:url(../gfx/bg_opacity.png) 0 0 repeat;
	}
	
		/*** Custom Animation Styles (You can remove/add any styles below) ***/
				
		
		
		
		.bar2 .mosaic-overlay {
			bottom:-212px;
			height:267px;
		}
		
			.bar2 .mosaic-overlay:hover {
			}
		
		
.mosaic-block a{ text-decoration:none;}
.mosaic-block h4{ color:#ffffff; font-size:22px; line-height:1.2em; text-decoration:none; padding:15px 0 13px 18px; font-weight:normal;}
.mosaic-block p{ color:#ffffff; font-size:12px; line-height:18px; padding:0 27px 0 21px;}
		/*** End Animation Styles ***/

.row-top{ margin-top:20px;}

ul.uniqueSellingPoints {

	padding:0px;
}


/*top-button*/
#message
		{
			width:980px;
			margin:0 auto;
			/* display: block before hiding */
			display: block;
			display: none;

			/* link is above all other elements */
			z-index: 999; 


			/* link stays at same place on page */
			position: fixed;

			/* link goes at the bottom of the page */
			top: 100%;
			margin-top: -152px; /* = height + preferred bottom margin */

			/* link is centered */
			left: 60%;
	        margin-left: 326px;
			/* round the corners (to your preference) */

			/* make it big and easy to see (size, style to preferences) */
			width: 49px;
			line-height: 33px;
			height: 49px;
			background: url(../gfx/up-arrow.png) 0 0 no-repeat;
			font-size: 18px;
			text-align: center;
			 color: #eeefeb;
			 
		}
		
		#message a { color: #eeefeb; font-size:18px; text-decoration:none; display:block; height:49px;}
		#message a:hover{ color:#f3ca39;}

#contactFormTable td{
    padding-bottom: 10px;;
}


/*
  * The box itself
  */
.message_box{
    position:relative;
    width: 544px;
    border: 1px solid #afafaf;
    background-color:#ffffe1;
    margin: 0px;
    float:left;
    margin-bottom: 20px;
}
.message_box_icon{
    position:relative;
    width: 40px;
    margin: 4px;
    float:left;
    padding:1px;
}
.message_box_text{
    position:relative;
    width:490px;
    float:right;
    margin-top: 8px;
    margin-bottom: 8px;
}
.message_error{
    margin:0px;
    padding:0px;
    color:#c11402;
}
.message_info{
    margin:0px;
    padding:0px;
    color:#0014a9;
}
.message_complete{
    margin:0px;
    padding:0px;
    color:#30a900;
}

.footNote {
    font-size: xx-small;
}

/*Admin panel style*/
#loginContainer {
    width:300px;
    height:200px;
    position:absolute;
    left:50%;
    top:50%;
    margin:-0px 0 0 -150px;
}

#loginTable td{
    padding: 6px;
}

.userMenu{
    padding-top: 20px;
    color: white;;
}

.userMenu a{
    color: white;
    text-decoration: none
}

.editForm td {
    padding-bottom: 5px;
}
.editForm input[type="text"]{
    width: 850px;
    padding: 5px;
}
.editForm textarea {
    width: 820px;
    height: 175px;
    padding:5px;
    margin-bottom: 50px;
}

.editForm textarea.content{
    height: 400px;
}

#imageContainer {
    width:500px;
}