/* 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 }
/* Left & Right alignment */
.left  {float:left}
.right  {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body {background:#000000;border:0;font:14px Arial, Helvetica, sans-serif;color:#ffffff;line-height:25px;min-width:960px;overflow:hidden}
.ic {border:0;float:right;background:#000;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
.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:960px;overflow:hidden}
.block {height:131px}
.extra {min-height:100%;height:auto !important;height:100%;margin:0 auto -131px;position:relative;background:url(../images/bg_top.png) top repeat-x}
body, html {height:100%}
.bg1 {background:#000;position:relative;z-index:1;height:131px}
.box {
	width:100%;
	overflow:hidden;
	padding-top:30px;
	padding-bottom:30px;
	position:relative
}
.spinner {position:absolute;z-index:99;background:url(../images/loader.gif) 50% 50% no-repeat #000;width:100%;height:100%;top:0;left:0}
.bg_spinner {width:126px;height:13px;position:absolute;z-index:2;background:url(../images/loader2.gif) 0 0 no-repeat;top:10px;left:80px}
#bgSlider  img {left:auto !important;right:0 !important}
.pagination {position:relative;padding:34px 0 0px 48px;float:left}
.pagination li {float:left;padding-right:4px;font-size:18px;color:#434343;line-height:1.2em;letter-spacing:-1px}
.pagination a {display:inline-block;background:url(../images/buttons.png) right 5px no-repeat;width:20px;height:25px;text-align:center;color:#e77301;text-decoration:none;text-align:center}
.pagination a:hover, .pagination .current a {background-position:left;color:#fff;text-decoration:none}
/* ============================= main layout ====================== */
a {
	color:#e77301;
	text-decoration:none;
	outline:none
}
a:hover {text-decoration:none}
h2 {font-size:30px;color:#e77301;line-height:1.2em;padding:17px 0 16px 0;letter-spacing:-2px}
h3 {font-size:20px;color:#e77301;line-height:1.2em;padding:17px 0 16px 0;letter-spacing:-2px}
p {padding-bottom:25px}
/* ============================= header ====================== */
header {width:270px;float:left}
#logo {display:block;text-indent:-9999px;background:url(../images/logo.jpg) 0 0 no-repeat;width:270px;height:270px}
#menu  {padding-top:53px}
#menu > li  {width:100%;overflow:hidden;padding-bottom:3px}
#menu > li > a {display:inline-block;font-size:21px;line-height:46px;color:#fff;background:#000;text-decoration:none;position:relative;letter-spacing:-1px;width:270px}
#menu > li > a span {display:block;background:url(../images/menu_bg_active.gif) top repeat-x #e77301;position:absolute;width:270px;height:100%;top:0;left:0}
#menu > li > a strong {position:relative;display:block;border-right:1px solid #000;border-bottom:1px solid #000;padding:0 60px 0 48px;height:50px}
#menu > li > a:hover, #menu > li > a.active {color:#fff}
#menu > li > a:hover strong, #menu > li > a.active strong {border-bottom:0;border-right:0;padding-bottom:1px;padding-right:61px}
/* ============================= content ====================== */
#content > ul {width:690px;float:left;height:639px;position:relative}
#content > ul > li {
	position:relative;
	height:639px;
	width:100%;
	bottom:0
}
#content > ul > #page_About {height:639px}
.box1 {background:url(../images/content_bg.png) repeat;width:100%;height:100%;position:absolute;bottom:0;left:0}
.inner {padding:25px 60px;position:relative}
.pad_left1 {padding-left:70px}
.pad_left33 {padding-left:20px}
.pad_bot2 {padding-bottom:10px}
.pad_bot3 {padding-bottom:-10px}
.pad_bot1 {padding-bottom:15px}
.marg_right1 {margin-right:20px}
#page_Prices .pad_bot1 {padding-bottom:20px}
.quot {background:url(../images/quot1.png) 0 4px no-repeat;padding-left:10px;font-size:16px;line-height:22px;color:#ffffff;font-style:italic;text-shadow:1px 0 #333333, -1px 0 #707070;padding-top:3px;padding-bottom:12px;}
.quot img {display:inline-block;padding-top:4px}
.author {font:10px Arial, Helvetica, sans-serif;color:#ffffff;}
.quotBox {float:right; width:330px;margin-left:10px;}
.color1 {color:#e77301}
.link1 {color:#e77301;text-decoration:none}
.link1:hover {text-decoration:underline} 
.scroll {height:262px !important;margin-bottom:25px;overflow:hidden}
.prev, .next {float:left;width:31px;height:31px;margin-right:9px;position:relative;background:url(../images/markers.gif) 0 0 no-repeat}
.next {background-position:right 0}
.prev span, .next span {position:absolute;top:0;left:0;width:100%;height:100%;background:url(../images/markers.gif) left bottom no-repeat}
.next span {background-position:right bottom}
.close {position:absolute;top:20px;right:20px;background:url(../images/close.gif) 0 0 no-repeat;width:15px;height:15px}
.close span {position:absolute;width:100%;height:100%;top:0;left:0;background:url(../images/close_active.gif) 0 0 no-repeat}
#content figure {padding-top:3px}
.table {border-top:1px solid #a2c0c9; border-left:1px solid #b8c9ce;margin-top:3px;margin-left:2px;margin-bottom:15px}
.table td, .table th {width:80px;height:41px;text-align:center;vertical-align:middle;border-bottom:1px solid #b3bfc4;border-right:1px solid #b3bfc4;color:#40626d;line-height:14px}
.table th {background:url(../images/table_bg1.png) repeat}
.table th.bg {background:url(../images/table_bg2.png) repeat}
.table td.bg {background:url(../images/table_bg3.png) repeat}
.table td.bg2 {background:url(../images/table_bg4.png) repeat}
.address {float:left;width:82px;padding-bottom:19px}
/* ============================= columns ====================== */
.col_1 {width:270px;float:left}
.col_2 {width:690px;float:left}
.col1 {width:250px;float:left}
/* ============================= footer ====================== */
footer  {position:relative;line-height:18px}
footer a {color:#e77301;text-decoration:none}
footer a:hover {
	text-decoration:underline;
	color: #666666;
}
footer span {color:#707070}
#icons {padding:9px 0 0 89px}
#icons li {float:left;padding-right:7px}
/* Tooltips */
.aToolTip  {background:url(../images/menu_bg_active.gif) top repeat-x; color:#fff;margin:0;padding:2px 10px 3px;font-size:11px;line-height:1.2em;position:absolute}
.aToolTip .aToolTipContent  {position:relative;margin:0;padding:0}
.col_2 {padding:20px 0 0 0;text-align:center}
/* ============================= forms ============================= */
#ContactForm {margin-top:-2px}
#ContactForm .wrapper {overflow:inherit;min-height:35px}
#ContactForm .textarea_box{min-height:80px}
#ContactForm a {margin-left:20px;float:right;line-height:18px}
#ContactForm .input  {margin:0;width:540px;height:18px;background:#fff;border:1px solid #e5e4e3;padding:5px 14px;color:#a6a6a6;font:14px Arial, Helvetica, sans-serif}
#ContactForm textarea  {overflow:auto;margin:0;width:540px;height:80px;background:#fff;border:1px solid #e5e4e3;padding:5px 14px;color:#a6a6a6;font:14px Arial, Helvetica, sans-serif}


/* Height & width for the container - The rest is done by the jQuery part. */
div[rel='scrollcontent1'] { width: 570px; height: 560px;}
div[rel='scrollcontent2'] { width: 576px; height: 590px;}
div[rel='scrollcontent3'] { width: 576px; height: 590px;}

/* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
.scrollcontent1-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
.scrollcontent1-bar { width: 5px; background: #999999; border-radius: 3px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
.scrollcontent1-drag { background: #e77301; border-radius: 3px; cursor: pointer; }



/* Basic CSS for the elements - If rel is "scrollcontent1", style its scrollbar by referring to ".scrollcontent-content", ".scrollcontent-bar", etc. */
.scrollcontent2-content { /* background: #eee; */ } /* for vertical content, no explicit width is required for inner DIV */
.scrollcontent2-bar { width: 11px; background: #999999; border-radius: 4px; box-shadow: inset 0px 0px 5px #444444; overflow: hidden; }
.scrollcontent2-drag { background: #e77301; border-radius: 4px; cursor: pointer; }

.col_foot {padding:20px 0 0 0;text-align:center}


/* Not needed elements */
#contentwrap { padding: 5px; border: 1px #444444 solid; display: block; width: 250px; border-radius: 10px; }