/* RESET CSS
----------------------------------------------*/
html, body, div, span, applet, object, iframe,
blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: disc;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none;}
/* remember to define focus styles! */
:focus {outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;} 
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}

/* MAIN STYLES
---------------------------------*/
body { font:15px 'Ubuntu', 'lucida', sans-serif; color:#999; line-height:18px; background:#fff;}
* {font:15px 'Ubuntu', 'lucida', sans-serif;}

body { }

a { text-decoration:underline; color:#2c99cd;}
a:hover { color:#000}

.content { padding:10px;}
.clear { clear:both;}
.container { width:1000px; margin:0px auto;}

.border {-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.gradient { background:#bababa url(../gfx/gradient.png) repeat-x top !important; }

.button { background:#bababa url(../gfx/gradient.png) repeat-x top; padding:5px 10px; color:#666; text-decoration:none; border:1px solid #777;}

/* TYPOGRAPHY FOR INTERNAL PAGE
--------------------------------*/
 h1, h2 { font-size:28px; color:#666; font-weight:bold; margin:20px 0}
 /* h2 { font-weight:bold; font-size:22px; margin:0.7em 0; } */
 h3 { font-weight:bold; font-size:18px; margin:0.5em 0; }


/* HEADER AREAS
---------------------------------*/
div.FontJazz-h1-din { }


#header { margin:0px auto; width:1000px; overflow:hidden; }

.logo { width:235px; height:100px; float:left; display:block; margin:0 20px 0 0; } .test { }
.logo img { margin:10px 0 10px 20px;}

.searchArea {width:735px; height:50px; display:block; float:left; padding:20px 0 0 0px}

.number { width:200px; height:30px; float:right; font-size:16px; font-weight:bold; line-height:34px; text-align:right;}

#searchForm { width:300px; background:; padding:0px;font-size:14px; float:right;}
	.searchInput { width:210px; height:20px;  border:1px solid #ccc;font-size:18px; padding:4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
	.searchSubmit { width:100px; height:28px; background:#bababa url(../gfx/gradient.png) repeat-x top;; border:1px solid #ddd; color:#999; padding:0 0px; text-align:center;font-size:14px; font-weight:bold; cursor:pointer;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;  }
	.searchSubmit:hover { color:#fff; background:#333; border-color:#222}

.nav { margin:0px;padding:0px 0 0 0px; width:720px; height:38px; display:block; float:right; text-align:right }
.nav ul { margin:0px; padding:0px 0 0 0px;}
.nav ul li { display:inline; list-style-type:none; margin:0px 0 0 0; padding:0 0px;  }
.nav ul li a {display:block;  float:left; padding:3px 5px; margin:0 5px ; font-size:13px; color:#333; text-decoration:none; /*background:#bababa url(../gfx/gradient.png) repeat-x top; border:1px solid #aaa;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;*/  }
.nav ul li a:hover { /*background:#333; color:#fff; border-color:#222*/}
.nav ul li a span {  }
.nav ul li a:hover span {  }
.nav ul li.active a {/*background:#333; color:#fff;border-color:#222*/}
.nav ul li.active a span { }

#body { background:#ccc url(../gfx/repeater.png) repeat 0 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#body h1 { font-size:45px; color:#666; font-weight:bold; margin:20px 0}
	
/* HOME
------------------------------*/
.intro { width:990px; margin:12px auto; padding:0 0 12px 0; background:#bababa url(../gfx/gradient.png) repeat-x top; border:1px solid #999; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;  }
	.introLeft { background:url(../gfx/bg-intro.png) no-repeat 0 0; display:block; width:416px; height:269px; overflow:hidden; float:left; border:1px solid #ddd; margin:0 10px 0 0; color:#fff; }
	#body .introLeft h1 { font-size:28px; color:#fff; margin:0px;}
	.introLeft a { background:#bababa url(../gfx/gradient.png) repeat-x top; padding:5px 10px; color:#666; text-decoration:none; border:1px solid #777;}
	.introRight { display:block; width:540px; height:269px; overflow:hidden; float:left; }

.iconHolder {width:990px; height:141px; display:block; margin:12px auto; padding:2px 0 2px 0; background:url(../gfx/bg-icon-holder.png) repeat-x top; border:1px solid #ddd; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.iconHolder ul { margin:0; padding:0;width:990px; height:141px; display:block;}	
.iconHolder ul li { width:120px; height:140px; margin:0 10px; text-align:center; list-style-type:none; display:block; float:left; }	
		a.icon { background:url(../gfx/icons-sprite.png) no-repeat 0px -90px; width:86px; height:89px; display:block; overflow: hidden; margin:8px auto;}
		a.icon {} 
		span.iconTitle { display:block; width:120px; height:60px; background:; padding:10px; margin:10px 0 0 0; text-align:center; color:#999;}
		.iconHolder ul li:hover span { color:#333;}
		
		a.icon:hover { background-position:0px 0px}
		
		
		.icon.two 			{background-position:-87px -91px}
		.icon.two:hover 	{background-position:-87px -2px}
		
		.icon.three 		{background-position:-174px -91px}
		.icon.three:hover 	{background-position:-174px -2px}
		
		.icon.four			{background-position:-259px -91px}
		.icon.four:hover 	{background-position:-259px -2px}
		
		.icon.five 			{background-position:-344px -91px}
		.icon.five:hover 	{background-position:-344px -2px}
		
		.icon.six 			{background-position:-429px -91px}
		.icon.six:hover 	{background-position:-429px -2px}
		
		.icon.seven 		{background-position:-514px -91px}
		.icon.seven:hover 	{background-position:-514px -2px}
		
		
/* CRUMB
------------------------------*/
.crumb { padding:10px;}
ul.crum { margin:0; padding:0px 0px 0 00px; color:#999;}
ul.crum li { list-style:none; display:inline;}
ul.crum li a { color:#2c99cd; font-size:13px; }
ul.crum li a:hover { color:#333 }


/* INTERNAL PAGE
--------------------------------*/
.page { float:left; width:750px; display:block; }
	.subMenu { width:230px; float:left; display:block }
	.subMenu ul { margin:20px 0 0 0;padding:10px; display:block;  }
	.subMenu ul li { margin:0;padding:0; list-style-type:none;}
	.subMenu ul li a { display:block; margin:3px; padding:6px; width:200px; background:#eee;  border:1px solid #ccc; text-decoration:none; color:#666;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; }
	.subMenu ul li a span { }
	.subMenu ul li.active a { color:#2c99cd;}
	.subMenu ul li a:hover span {  }
	.subMenu ul li a:hover { color:#2c99cd }
	
	.pageContents { width:718px; float:left; display:block; background:#fff; margin:0 0 10px 10px; }

.left { float:left; width:450px;}
	
.right { float:right; width:285px; overflow:hidden; }

#promoBox {}
#promoBox h3 { background:#efefef; padding:5px;}
#promoBox a { background:#bababa url(../gfx/gradient.png) repeat-x top; padding:5px 10px; color:#666; text-decoration:none; border:1px solid #777;}
#promoBox p { padding:0 0 0 5px;}

/* CONTACT
---------------------------------*/

.contactForms, .contactForms tr td { padding:5px;}
.contactForms .label { width:110px!important;}
	
	.blueTXT { display:block; width:130px; padding:5px 3px 0 0; float:left; margin:0 0 4px 0; }
	.nameInput { border:1px solid #ccc; width:280px; height:24px; margin:0 0 4px 0; }
	.textarea {border:1px solid #ccc; width:410px; height:100px; margin:0 0 4px 0;}
	.submitInput {}
	.captcha { margin:0px 0 0 0; float:left; margin:0 0 4px 0; }
	.captchaForm .nameInput { float:left;}
	td.formButton input.button { margin:20px 0 0 230px;}

/* PROMO BOXes
---------------------------------*/
	.boxHolder { text-align:center; margin:20px auto; width:1000px;}
	.box { background:#666; border:1px solid #444; color:#eee; width:320px; display:block; float:left; margin:0 5px; padding:0 0 10px 0; text-align:left; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}	
	.boxLeft { width:150px; display:block; float:left; padding:0 10px 0 0}
	.boxRight { width:140px; height:140px; overflow:hidden; display: block; float:right; text-align:right;}
	
	.box a { color:#fff;}
	
	.box .content ul, .box .content ul li { margin:0; padding:0; list-style-type:none; }
		
	.box h1, .box h2, .box h3, .box h4 { margin:0px; font-size:16px;}	
		
/* NEWS
---------------------------------*/
	#newsList ul, #newsList ul li { margin:0 0 10px 0 ; padding:0; list-style-type:none;}
	
	#newsList ul li p{ margin:5px 0;}

/* WORK FOR US PAGE
---------------------------------*/

	.translateArea { float:right; width:135px; height:20px; display:block; margin:3px 3px 0 0px }
	


#page p a:hover { border-bottom:1px solid;}
#page ul { zzzcolor:#89d0a3; }

/* HOMEPAGE GALLERY 
--------------------------------*/

#carousel { width:540px; height:269px;  position:relative; top:0px; background:url(../gfx/bg-carousel.png) no-repeat 0 0; zoom:1; border-top:1px solid #ccc }
#carousel .carousel-wrap{margin:0 0 0 0px;border:0;zoom:1;}
#carousel .carousel-wrap{display:inline-block;vertical-align:middle;width:540px;margin:0px;}
.IE #container .js .carousel-wrap{display:inline;}
#carousel ul{margin:0;padding:0;zoom:1;}
#carousel ul li{overflow:hidden;display:inline;float:left;width:540px;height:269px;text-align:center;zoom:1;}
#carousel .carousel-control{overflow:hidden;display:inline-block;vertical-align:middle;width:30px;height:30px;cursor:pointer;line-height:999px;zoom:1;border:0;text-indent:-9999px;-moz-opacity:.7;opacity:0.70;filter:alpha(opacity=70); z-index:100}

#carousel .carousel-control:hover{-moz-opacity:1;opacity:1.0;filter:alpha(opacity=100);}
#carousel .disabled,#carousel .disabled:hover{-moz-opacity:.1;opacity:0.10;filter:alpha(opacity=10);cursor:default;}
#carousel div{margin:0;padding:0;border:0;}
#carousel ul{padding:0;list-style:none;}
#carousel ul li{position:relative;width:540px; height:269px; margin:0; background:#fff url(../gfx/loading.gif) no-repeat 50% 50%;}
#carousel ul li a.buttons { position:relative; top:-55px;}
#carousel ul li span, #carousel ul li p.desc { display:block; line-height:24px; width:540px; overflow:hidden; text-align:left; color:#fff; padding:10px; position:absolute; top:0px; left:0px; z-index:99999; font-size:22px; background:#000;-moz-opacity:0.6;opacity:0.60;filter:alpha(opacity=60);}

#carousel ul li span.desc {position:absolute; top:197px; font-size:12px; margin:0; height:30px; overflow:hidden; display:block; padding:4px 10px; line-height:14px;}
#carousel ul li span.desc * { margin:0; padding:0;font-size:12px;}

#carousel ul li img { position:relative; top:0px;}
	.carousel-pagination { position:absolute; bottom:0px; display:block; height:34px; width:540px; text-align:left; background:url(../gfx/bg-carousel.png) no-repeat 0 -240px; border-top:1px solid #333  }
	.carousel-pagination p { margin:0px; display:block; text-align:left; margin:0px auto; }
	.carousel-pagination a { margin:6px 4px; width:15px; height:15px; overflow:hidden; background: url(../gfx/control.png) no-repeat 0 0; color:#999; cursor:pointer; display:block; float:left; text-decoration:none; text-indent:-9999px; }
	.carousel-pagination a:hover { background-position:0px -13px;}
	.carousel-pagination a.active { background-position:0px -13px;}
	.carousel-pagination a span { }

#carousel .buttons.info, #carousel .buttons.buy {height:35px;display:block; float:left; line-height:35px;text-align:left; background:url(../gfx/home/btn-cta.html) no-repeat 0px 0; border:none;}
#carousel .buttons.info {  padding:0 0 0 0;  width:95px; font-size:15px; margin:0 4px 0 0; }
#carousel .buttons.buy { background-position: -100px 0; padding:0 0 0 0; width:125px; font-size:18px; }
#carousel .buttons b { padding:0 0 0 12px; display:block; font-weight:normal;}
#carousel .buttons.info b { padding:0 0 0 5px;}







/* FOOTER
---------------------------------*/
#footer { width:1000px; height:200px; margin:4px auto; padding:20px 0; color:#999; background:#fff url(../gfx/bg-footer.png) no-repeat top; }
	
	.footBox { width:240px; float:left; display:block; margin:0 0 0 10px; }
	.footBox h4 { color:#666}
	.footBox ul { margin:0; padding:0;}
	.footBox ul li { margin:0 0 0 0px; padding:0 0 0 10px;; list-style-position:inside;}
	.footBox ul li a { font-size:13px;}
	
	#footer form label { display:block; width:50px; float:left; padding:6px 0 0 0}
	.footInput { width:180px; height:20px;  border:1px solid #ccc;font-size:18px; margin:0 0 5px 0; padding:4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
	#footer form .button { margin:0 0 0 50px; cursor:pointer;}
	#footer form .button:hover { color:#fff; background:#333;}
	
	.footLeft { float:left; margin:0 0 0 200px; width:500px;}
	.footRight { float:left; margin:0 0 0 20px; width:250px;}
	.footerHolder {zzzbackground:url(../gfx/bg-footer.html) no-repeat top; width:100%;}
	
	.footBoxFirst { width:340px; margin:0;}
#footer h3 { color:#fff; font-size:14px; }
#footer p { }
#footer a { }
	.connectArea { margin:0; padding:0; list-style-type:none;}
	.twitter { background:url(../gfx/footerIcons.html) no-repeat 0 0; width:100px; height:18px; display:block; padding:0 0 0 20px;}
	.facebook {background:url(../gfx/footerIcons.html) no-repeat 0 -20px; width:100px; height:18px; display:block; padding:0 0 0 20px;}
	.email {background:url(../gfx/footerIcons.html) no-repeat 0 -37px; width:100px; height:18px; display:block; padding:0 0 0 20px;}