@import url('responsive.css');

/* 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; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif;}
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left; padding-left:10px;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#f0f1f0; border:0; font:16px;  font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', 'sans-serif' !important; color:#6b6b6b; line-height:20px;}

.block {height:28px;}
.extra {min-height:auto;  height:auto !important; height:auto; margin: 0 auto -58px; background:url(../images/bg2.gif) bottom repeat-x;}
body, html {height:100%; }

.block2 {height:130px;}

.extra1 {min-height:1200px; height:auto !important; height:1200px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.extra2 {min-height:1500px; height:auto !important; height:1500px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.extra3 {min-height:2200px; height:auto !important; height:2200px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.extra4 {min-height:1200px; height:auto !important; height:1200px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.extra5 {min-height:1200px; height:auto !important; height:1200px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.extra6 {min-height:1280px; height:auto !important; height:1280px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.extra7 {min-height:1280px; height:auto !important; height:1280px; margin: 0 auto -100px; background:url(../images/bg.gif) bottom repeat-x;}

.body1{}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.main {	
	margin: 0 auto;	/*width: 804px;*/ 
	font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;
	}


/* ============================= main layout ====================== */

a{ color:#6b6b6b; text-decoration: none; outline:none}
a:hover{ text-decoration: none;font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
p{ padding-bottom:20px;padding-right:10px;}

h2{ font-size:26px; font-family: 'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important; color:#000000; line-height:1.2em; padding:8px 0 18px 30px; letter-spacing:-1px;}

h3{ font-size:26px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important; color:#000000; line-height:1.2em; padding:10px 0 10px 10px; letter-spacing:-1px;}

h5{ font-size:26px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important; color:#000000; line-height:1.2em; padding:18px 0 18px 7px; letter-spacing:-1px; text-align: center;}

h4{ font-size:16px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important; color:#663300; line-height:1.2em; padding:18px 0 18px 0px; letter-spacing:-1px; text-align: left;}

h2_padding{ font-size:26px; font:14px 'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important; color:#6b6b6b; line-height:1.2em; padding:8px 0 18px 20px; letter-spacing:-1px;}
/* ============================= header ====================== */
header{ 
		width:auto;
		font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;
	}

h1{ font-size:74px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; line-height:1.2em; padding:78px 0 0 0; text-transform:uppercase; margin-left:-5px; letter-spacing:-1px; margin-bottom:-17px}

h1 a{font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; text-decoration:none}
* +html h1{ padding-top:82px; margin-bottom:-21px;}
@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  h1 { font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; padding-top:81px; margin-bottom:-20px;}
}

@media only screen and (min-width: 100px) and (max-width: 399px) {
	.menu { padding:0 12%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 16px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}

@media only screen and (min-width: 400px) and (max-width: 1023px) {
	.menu { padding:0 9%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 21px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}

/* ============================= Tested OK 1024px ====================== */
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
	.menu { padding:0 11%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 18px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}
@media only screen and (min-width: 1101px) and (max-width: 1269px) {
	.menu { padding:0 23%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 24px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}
/* ============================= Tested OK 1280px====================== */
@media only screen and (min-width: 1270px) and (max-width: 1589px) {
	.menu { padding:0 19%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 19px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}

/* ============================= Tested OK 1600px====================== */
@media only screen and (min-width: 1590px) and (max-width: 1890px) {
	.menu { padding:0 25%; overflow:hidden;text-align: center; font-size:18px; font-family:myriad-pro, Myriad Pro, Lucida Grande,Calibri,Verdana, sans-serif;}
	.menu li a{ display: block; padding:0 15px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}

/* ============================= Tested OK 1600px====================== */
@media only screen and (min-width: 1891px) and (max-width: 2400px) {
	.menu { padding:0 30%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 18px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}

/* ============================= Tested OK 1600px====================== */
@media only screen and (min-width: 2390px) and (max-width: 2600px) {
	.menu { padding:0 31%; overflow:hidden;text-align: center; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
	.menu li a{ display: block; padding:0 18px; font-size:18px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#fff !important; text-decoration:none; line-height:54px; height:57px; letter-spacing:-1px;}
}

.menu li { font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; float:left;}
.menu li a:hover, .menu .active1 a{ background:#f0f1f0}


#logo{ margin:5px 0 0 5px; display:block; background:url(../images/logo.png) 0 0 no-repeat; width:100%; height:190px; text-indent:-9999px;}

#menu{ font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important; background:url(../images/menu_bg.png) 0 0 no-repeat; width:100%; height:100px; margin:5px 0 0 5px; padding-top:100px}

#menu li{ float:left; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif !important;}
#menu a{ font-size:20px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; color:#000000; line-height:1.2em; text-decoration:none; letter-spacing:-1px;}

.nav1{ padding:26px 0 0 57px;}
.nav2{ padding:16px 0 0 30px;}
.nav3{ padding:36px 0 0 27px;}
.nav4{ padding:16px 0 0 29px;}
.nav5{ padding:26px 0 0 30px;}
.nav6{ padding:16px 0 0 30px;}
.nav7{ padding:16px 0 0 30px;}

#menu .nav1 a:hover{ color:#bb0e0e}
#menu .nav2 a:hover{ color:#ca6509}
#menu .nav3 a:hover{ color:#3f9711}
#menu .nav4 a:hover{ color:#0ca0ce}
#menu .nav5 a:hover{ color:#663300}
#menu .nav6 a:hover{ color:#8606c5}
#menu .nav7 a:hover{ color:#8606c5}

.ic, .ic a { text-indent:-9999px; width:100%; overflow:hidden}

/* ============================= content ====================== */

.content{ padding-top:40px; width:100%; overflow:hidden}

.pad_left1{ padding-left:39px;}
.marg_right1{ margin-right:19px;}
.pad_bot1{ padding-bottom:10px;padding-left:10px;}
.pad_bot2{ padding-bottom:40px;padding-left:10px;}
.pad_bot3{ padding-bottom:15px;}
.pad_top1{ padding-top:20px;}

.padding_right {text-align:justify; padding-right:10px; padding-left:10px;}

.padding_left {text-align:justify; padding-right:10px; padding-left:30px;}

.color1{ color:#000}
.font1{ font-size:16px; color:#000}

.list1{ margin-top:-4px;}
.list1 li{ line-height:30px;}
.list1 li a{ color:#6b6b6b !important; padding-left:13px; background:url(../images/marker_1.gif) 0 4px  no-repeat}

.button{ display:inline-block; color:#fff !important; text-decoration:none; height:30px; line-height:34px; padding:0 32px; background:#000}
.button:hover{ background:#fff !important; color:#000 !important}

/* ============================= footer ====================== */

footer { height:38px; text-align:center; width:100%; overflow:hidden;}
.footer_end{ height:50px}
.footer_end a{ color:#bb0e0e}
.footer_end a:hover{}

.icons{ display:inline-block; padding:30px 0 10px 0}
.icons li{ float:left; padding:0 3px;}
* +html .icons{ display: inline}

/* Tooltips */
.aToolTip {	border:1px solid #000; background: url(../images/opacity_50_black.png) repeat; color:#fff;	margin:0; padding:0px 5px; font-size:11px;	}
.aToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }
a.aToolTipCloseBtn { display:block;	height:20px; width:20px; overflow:hidden;background: url(../images/loading/close.gif) no-repeat;text-indent:-9999px;	outline:none; position:absolute; top:-15px;	right:-20px; }


/* ============================= forms ============================= */

#ContactForm {}
#ContactForm .wrapper{ min-height:40px;}
#ContactForm .textarea_box{ height:145px; padding-bottom:6px; width:100%; overflow:hidden}
#ContactForm {}
#ContactForm a{ margin-right:10px; float:left;}
#ContactForm .input {width:224px; border:1px solid #e3e4e3; background:#fff; padding:6px 8px; color:#bebebe; font:14px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; height:16px}
#ContactForm textarea { overflow: auto; width:224px; border:1px solid #e3e4e3; background:#fff; padding:6px 8px; color:#bebebe; font:14px; font-family:'myriad-pro', 'Myriad Pro', 'Lucida Grande','Calibri','Verdana', sans-serif; height:127px; margin:0}