﻿/* 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 }

* { margin:0; padding:0;}
html, body { height:100%;  min-width:950px;}	
body { 
	background:#fbfbfb; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1.18755em;
	color:#6c6c6c;
	}
input, select, textarea { font-family:Arial, Helvetica, sans-serif;	font-size:1em;	vertical-align:middle;	font-weight:normal;}
object { vertical-align:top; outline:none}
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
.container {	overflow:hidden; width: 100%;}
a img{ border:0px}
img{ vertical-align:top;  }
fieldset{ border:none}
.oh{ overflow:hidden}

.col-1, .col-2, .col-3, .col-4{ float:left}
/*======= width =======*/
.main {	margin: 0 auto;	position: relative;	width: 950px; }

.row .col-1{ width:270px; margin-right:30px}
.row .col-2{ width:270px;}

.bg{background:url(../images/tail1.png) repeat-y 90% top }



a{ color:#f94ba1; text-decoration:underline; outline:none}
a:hover{ text-decoration:none}
		
section ul.list{margin:0; padding:0; list-style:none;}
section ul.list li{background:url(../images/marker1.png) top left no-repeat; background-position:0 7px; margin:0; padding-left:32px; }
section ul.list li a{color:#000000; text-decoration:none; line-height:30px; font-size:16px; font-style:italic; } 
section ul.list li a:hover { text-decoration: none; }

.link{color:#000000; background:url(../images/marker.gif) top left no-repeat; padding-left:20px; background-position:0 5px; text-decoration:none; font-size:.916em  }
.link:hover{text-decoration:underline }

.link1{ color:#6c6c6c; text-decoration:none}
.link1:hover{ text-decoration:underline}
.link2{ text-transform: uppercase; color:#000}
.link3{ color:#000; text-decoration:none}
.link3:hover{ text-decoration:underline}

.button{color:#fff; background:url(../images/button.gif) top left no-repeat; width:114px; text-align:center; line-height:32px; display:block; text-decoration:none;  }
.button:hover{text-decoration:underline }

.link-1{display:inline-block; float:left; line-height:29px; background:url(../images/bg_link.gif) bottom left repeat-x #ffffff; padding:0 17px 0 17px; color:#2f2f2f; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; position:relative; box-shadow:1px 1px 1px #bebfbe;  -webkit-box-shadow:1px 1px 1px #bebfbe; -moz-box-shadow:1px 1px 1px #bebfbe; border:1px solid #fff }
.link-1:hover { background:url(../images/bg_link1.gif) top left repeat-x #ffffff; text-decoration:none; color:#000}


.info {position: absolute; bottom: 0px; right: 0px; display: none; z-index: 20000; background: url(../images/bg_info.png); width: 100%; color: #fff; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; text-align: center;}
.info a{background-position:0 5px; padding-left:14px; color:#fff; text-decoration:none}
.info a strong{color:#eb6608; font-size:13px}
.info a:hover{ text-decoration:none; color:#eb6608}
.indent-info {padding:20px}


/*header*/
header {font-size:0.75em; color:#828282; height:192px; background:url(../images/top.png) top left repeat-x; position:relative; z-index:99}
header.top1 {font-size:0.75em; color:#828282; height:192px; background:url(../images/top1.gif) top left repeat-x; position:relative; z-index:99}
header .indent{ top:72px; right:135px; position:absolute; padding:0; width:158px}
header .indent1{ top:64px; right:0px; position:absolute; padding:0; width:114px}
header .inside{padding:133px 0px 0px 0px}
header a{ color:#828282; text-decoration:none; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
header a:hover{ color:#828282; text-decoration: underline}

header h1 {position:absolute; left:0px; top:49px; text-indent:-9999px;}
header h1 a { display:block; width:235px; height:70px; background:url(../images/logo.png) no-repeat left top;	}

header ul.icon{margin:0; padding:0; list-style:none;}
header ul.icon li{ float:left; display:inline}
header ul.icon li a{background:url(../images/email-back.png) top left no-repeat; text-decoration:none; display:block; width:38px; height:37px } 
header ul.icon li a:hover {background:url(../images/email-front.png) top left no-repeat; text-decoration: none; }
header ul.icon .icon1 a{background:url(../images/icon2.gif) top left no-repeat; text-decoration:none; display:block; width:38px; height:37px } 
header ul.icon .icon1 a:hover {background:url(../images/icon2-act.gif) top left no-repeat; text-decoration: none; }
header ul.icon .icon2 a{background:url(../images/icon3.gif) top left no-repeat; text-decoration:none; display:block; width:38px; height:37px } 
header ul.icon .icon2 a:hover {background:url(../images/icon3-act.gif) top left no-repeat; text-decoration: none; }


/*--- superfish dropdown menu begin ---*/
.sf-menu {margin:0; padding:0;	list-style: none; z-index:90000; position:relative } 
.sf-menu li{ margin:0; display:inline; position:relative; float:left; margin-right:1px}
.sf-menu li a{color:#fff; text-decoration:none; display:block; float:left; line-height:59px; font-size:18px; text-transform:uppercase; width:189px; text-align:center; background:url(../images/bg_menu.gif) top left repeat-x; } 
.sf-menu li a:hover {color:#393937;  text-decoration:none; background:url(../images/bg_menu-hov.gif) top left repeat-x;  }
.sf-menu li a.current{ color:#eb6608; text-decoration:none; background:url(../images/bg_menu-act.gif) top left repeat-x; }

.sf-menu ul { position:absolute; top:-999em; width:10em; line-height:1.0; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { top:59px; z-index:99;}


/*** DEMO SKIN ***/
.sf-menu ul {	width:189px; background:url(../images/bg_menu1.png); padding:20px 0px 20px 0px}
.sf-menu ul .last { background:none }
.sf-menu ul li {  text-align:left; line-height:35px; padding:0;  z-index:9; position:relative; background:url(../images/bg_li1.png) bottom left no-repeat }
.sf-menu ul li a { line-height:35px; height:35px; text-align:left; width:170px; padding-left:19px; text-align:left;  background:none; font-size:18px; color:#fff; text-transform:uppercase; z-index:9;}
.sf-menu ul li a:hover { color:#ff8622; background:none;  background: url(../images/bg_menu1-act.gif) top left repeat-x;  line-height:35px}

.sf-menu ul ul {	width:189px; background:none; padding:0}
.sf-menu ul ul li {  text-align:left; line-height:35px; padding:0;  z-index:9; position:relative; margin-bottom:1px }
.sf-menu ul ul li a { line-height:35px; height:35px; text-align:left; width:170px; padding-left:19px; text-align:left;  font-size:18px; color:#000; text-transform:uppercase; z-index:9; background:#ffffff}
.sf-menu ul ul li a:hover { color:#fff; background: url(../images/bg_menu1-act.gif) top left repeat-x; line-height:35px; background:#f08729}


.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {	 position:relative }

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {	left: 0;	top: 59px; /* match top ul list item height */	z-index: 99;}

.sf-menu li:hover ul ul,
.sf-menu li.sfHover ul ul {	left: 188px;	top: 59px; /* 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 {  /* match ul width */ top:0; margin-left:1px;}
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:10em; /* match ul width */ top:0;}


.sf-sub-indicator {	position: absolute;	display:block;	right:10px;	width:10px;	height:10px; text-indent:-999em; overflow:hidden;}

/*aside*/
aside { height:568px; margin-top:-43px; position:relative; background:url(../images/bg_mid.jpg) top left repeat-x; z-index:90}
aside .inside{ padding:66px 0px 0px 0px}

/*content*/
section{ font-size:0.8125em; width:100%; text-align:left; background:url(../images/bg_cont.gif) top left repeat-x #d2d3d5}
section .inside{padding:60px 0px 60px 40px}
section .inside1{padding:40px 0px 60px 40px}
.img-left{ float:left; margin:0 20px 0 0}
.img-left1{ float:left; margin:0 10px 0 0}
.img-indent{ margin:0 0 16px 0}
p{ margin:0 0 17px 0}
.p{ margin:0}
.p1{ margin:0 0 17px 0}
.p2{ margin:0 0 35px 0}
h1{color:#4f4f4f; font-size:32px; margin-bottom:48px; line-height:39px; text-transform:uppercase}
h1 span{color:#060606;}
h2{color:#1f1e1b; font-size:32px; margin-bottom:11px; line-height:1.2em}
h4{color:#323232; font-size:1em; margin-bottom:19px;  }
.tail{ background:url(../images/tail.gif) bottom repeat-x; padding-bottom:9px; margin-bottom:9px}
.txt-1{ float:right; display:block; margin-bottom:31px; font-weight:bold; color:#5e5e5e}

.indent-col{padding:14px 0px 0px 0px}
.indent{padding:10px 0px 0px 0px}
.indent1{padding:50px 0px 0px 0px}
.indent2{padding:30px 0px 0px 0px}

.num{ float:left; width:60px; line-height:17px; background:url(../images/bg_num.png) top left no-repeat; text-align:center; font-size:13px; color:#fff; font-family: Verdana, Geneva, sans-serif; padding:13px 10px 10px 0px; * padding:5px 10px 10px 0px}
.num strong{ font-size:26px; font-weight:bold; color:#181818; display:block; margin-bottom:11px; * margin-bottom:17px}
.num:hover{ background:url(../images/bg_num-act.png) top left no-repeat;}


.orange {color: #EB6608;}
.normal {margin: 0;font-weight: normal;}
.justify {text-align: justify;}
.left{ float:left;}
.thanks {font-size: x-large;}

/*box*/
.box{ background:#d0cfcf; width:100%; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; cursor:pointer; position:relative;}
.box .indent-box{ padding:14px 15px 10px 7px; }
/*box1*/
.box1{ background:#3B393A; width:100%; border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; cursor:pointer; position:relative; color:#fff}
.box1:hover{ background:#000000;}
.box1 a{ color:#fff; text-transform:uppercase}
.box1 .indent-box{ padding:10px 10px 20px 10px; }
.box1 .indent-box1{ padding:15px 0px 0px 15px; }
/*box2*/
.box2{ background:#040402; width:100%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer; position:relative;	margin-bottom:12px;}
.box2 .indent-box{ padding:6px; }

/*footer*/
footer { color:#020202; font-size:0.875em; background: url(../images/bot.gif) top left repeat-x #fbfbfb; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
footer.bot1 { background: url(../images/bot1.gif) top left repeat-x #fbfbfb;}
footer .inside{ padding:40px 0px 58px 0px }
footer a {color:#020202; text-decoration:none}  
footer a:hover {  text-decoration:underline}
footer h2{color:#262626; font-size:24px; margin-bottom:17px; line-height:1.2em; letter-spacing:-1px}


footer ul.list-1{margin:0; padding:0; list-style:none; background:url(../images/tail.gif) top left repeat-x; width:150px; padding-top:1px}
footer ul.list-1 li{background:url(../images/tail.gif) bottom left  repeat-x; display:block; float:left; width:150px; overflow:hidden; padding-bottom:1px}
footer ul.list-1 li:hover{background:#454545; color:#fff}
footer ul.list-1 li:hover a{color:#fff}
footer ul.list-1 li a{color:#888484; text-decoration:none; line-height:29px; background:url(../images/marker.gif) top left no-repeat; background-position:0 5px; margin:0; padding-left:18px; font-size:13px; font-family:Arial, Helvetica, sans-serif} 
footer ul.list-1 li a:hover { text-decoration:none; color:#fff; }

.txt{ position:absolute; width:72px; text-align:right; padding-top:14px}
	
.indent-2{ position:relative; padding-left:20px; float:left}
.rowElem{ height:35px}
.rowElem2{ height:244px}
.rowElem1{ height:57px; background:url(../images/bg_input.gif) top left no-repeat; margin-top:12px}
.block-contact span{ float:right; margin-right:160px}
.input{
   	border:none; 
	background:none;
	width:169px; height:20px;
	font-size:1em;
	color:#828282;
	padding-left:11px;
	padding-right:10px;
	padding-top:4px;
	font-size:12px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-bottom:3px;
}.input1{
   	border:1px solid #2c2c2c; 
	background:#2c2c2c;
	border-style: solid; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; 
	position:relative;
	float:right;
	width:353px; height:19px;
	font-size:1em;
	color:#fff;
	padding-left:10px;
	padding-right:10px;
	padding-top:8px;
	padding-bottom:8px;
}
textarea{
	border:1px solid #2c2c2c;
	background:#2c2c2c;
	border-style: solid;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	position:relative;
	width:300px;
	height:230px;
	font-size:1em;
	color:#fff;
	float:right;
	padding-left:10px;
	padding-right:10px;
	padding-top:7px;
	padding-bottom:7px;
	overflow:hidden;
	background-color: #FFFFFF;
}
	
	
	
/* Required */
#loopedCarousel{ width:270px; position:relative; clear:both;  }
#loopedCarousel {height:270px;  }
#loopedCarousel .container2 { width:270px; height:270px; overflow:hidden; position:relative; margin:0; }
#loopedCarousel .slides { position:absolute; top:0; left:0; }
#loopedCarousel .slides .div { position:absolute; top:0; width:270px; display:none; height:270px; }

/* Optional*/
.but1{ position:absolute; right:0; top:-53px; }
#loopedCarousel .previous{background:url(../images/button-2.png) top left no-repeat; width:32px; height:32px; display:block; float:right; text-decoration:none; margin-left:0px; position:relative}
#loopedCarousel .next{background:url(../images/button-1.png) top left no-repeat; text-decoration:none; width:32px; height:32px; display:block; float:right; margin-left:71px; position:relative; }
#loopedCarousel .previous:hover{background:url(../images/button-2-act.png) top left no-repeat; text-decoration:none}
#loopedCarousel .next:hover{background:url(../images/button-1-act.png) top left no-repeat; text-decoration:none}


#carousel {
	height:475px;
	overflow:hidden;
}

.btnPrev{ position:absolute; top:210px; left:0}
.btnNext{ position:absolute; top:210px; right:0}
.pr{ position:relative}
/* gallery */
	.roundabout-holder { height:475px; width:802px; margin:0 auto}
	.roundabout-moveable-item {
		height:475px;
		width: 350px;
		cursor: pointer;
	}
	.roundabout-moveable-item img {
		width:100%;
		height:100%;
		display:block;
	}
	.roundabout-in-focus { cursor: auto;} 
	

