@charset "utf-8";

* { border:0; margin:0 auto; padding:0; outline:none; }

form#lightbox_form_test input{
border:1px;
padding:5px;
}
ol, ul, li { list-style:none; }

a { text-decoration:none; }

body { width:100%; margin:0; padding:0; font:normal 14px/150% "Liberation sans", Arial, Helvetica, sans-serif; }

.body_pattern { background:#f8f8f8 url(../images/main_page_bg.png) top repeat-x;}

.clr { clear:both; padding:0; margin:0; width:auto; font-size:0px; line-height:0px; }

.bg { clear:both; padding:0; margin:20px 0 40px 0; width:auto; }

.sm_bg_bottom { clear:both; background:url(../images/shadow.png) center bottom no-repeat; height:13px;  width:100%; margin:-2px -2px -15px -2px; }

.block_margin { clear:both; margin:20px 0 60px 0; }

.fl { float:left; }
.fl-img { float:left; padding:20px; }

.fr { float:right; }

.fl_t { text-align:left;}

h1, h2, h3, h4 { line-height: 120%; }

a {
	color:#0174df;
	font-size: 14px;
}

p { color: #6d6c6c;     font-family: "Ubuntu"; font-size: 16px; line-height: 1.5em; padding:5px 0;}

}

h1 { color:#555; font-size:24px; font-weight:bold; padding:20px 0; text-align:left;}

h1 small {
	color:#939292;
	font-weight:normal;
	font-size: 14px;
}

h2 { font-size:16px; color:#555; padding:15px 0 30px 0; display:block; }

h2.bach { background:url(../images/h2_bg.png) center repeat-x;}

h2.bach span { background:#f8f8f8; padding:0 20px 0 0; float:left; margin:0;}

h2 small { color:#6d6c6c; font-weight:normal;}

h3 small { color:#6d6c6c; font-weight:normal;}

h6 { color: #6d6c6c;     font-family: "Verdana"; font-size: 16px; line-height: 1.5em}

figure { margin:0; }

.maps_view { width:99%; height:300px; float:left; position:relative; max-height:100%; max-width:100%; }

/* responsive image */

img { }



@media \0screen {

img { width: auto; /* for ie 8 */ }

}



/* IMG  */

a.pic { display: block; position: relative; padding:0; margin:0;}

img.margin_right { margin:0 20px 0 0; }

a.pic img.h { position :absolute; padding:0; top:-1px; bottom:0;  left:0px; visibility:hidden; height: 100%; width: 100%; }

/* a.pic:hover img.h { background:url(../images/img_h.png); center no-repeat; visibility:hidden; }

/* main_page */

.main_resize { width:960px; margin:0 auto; padding:0; max-width: 90%; }

/* main_resize_bg */

.main_resize_bg { background:url(../images/main_resize_bg_bg.png) top no-repeat;}

/* header */

.header_res { background:url(../images/header_bg.png) top repeat-x; min-height:30px; padding:70px 0; }

/* logo */

.logo { float:left; padding:0; margin:0; }

.logo a { font-size:48px; color:#fff; font-weight:bold; border:none; outline:none; }
.logo a:hover{ background:none; background-color:none; }

/*.logo a span { color:#ff6e49; } */

/* top_text */

.top_text { margin:0 auto; padding:40px 0; line-height:1.2em; font-weight:bold; text-align:center; font-size:24px; color:#555; }

.top_text a { color:#555; }

.top_text small { font-size:14px; color:#9d9d9d; }

/* slider_box */

.slider_box { margin:0 auto; padding:20px 0 0 1px; }



/* center_small_box */

.small_box { width:23%; margin:0 2% 0 0; padding:3% 0; float:left; background:#eeeeee; text-align:center;}

.small_box:hover {background: #696969  /*#0174df #ff6e49 */ ; color:#fff;}

.center_small_box {width:23%; padding:0;margin:0.85%; min-height: 220px;  }

.center_small_box.bordered {font-size:14px; color:#a9a9a9; background:#ffffff; border-bottom:2px solid #fff; min-height: 220px; }

.center_small_box.bordered:hover { color:#444444; border-bottom:2px solid #0174df /* #ff6e49 */ ;}

.small_box h2 {  padding:2% 0; margin:0; font-weight:bold; }

.small_box h2 img { padding:2% 0;}

.small_box h2 span {  margin:5px; white-space:nowrap; overflow:hidden; }

.center_small_box p { padding:18px 20px;}

/* Portfolio pages */

.port3 { width:31%; float:left; margin:0 2% 0 0;}

.port2 { width:48%; float:left; margin:0 2% 0 0;}

.center_small_box.port1 { width:99%; margin:25px 0;}

/* BLOG PAGES */

/* left_side */

.left_side_big {  width:30%; float:left; margin:0 7px 15px 0;}

.left_side_big.r {  float:right; margin:0 0 15px 0;}

.left_side_big.last { width:30%; float:right; margin:0 0 15px 0;}

.left_side { float:left; margin:0 7px 15px 0; padding:0;}

.left_side.last { float:right; margin:0 0 15px 0;}



.left_side.small {  width:23%;}

/* ul li */

.left_side_big ul { list-style:none; margin:10px 0; padding:0;}

.left_side_big ul li { padding:5px 10px; margin:3px 0;  background:#eee; color:#333;}

.left_side_big ul li a {color:#333;}

.left_side_big ul li:hover { background:#cecece;}

.right_side_big {  width:50%; float:right; margin:0 0 15px 0;}

.right_side_big.l {float:left;}

.right_side { padding:10px 0;}

/* coment */

.coment1 {  overflow:hidden; margin:3% 0 0 1%; border-top:1px solid #c8c8c8; padding-top:20px; }

.coment2 {  overflow:hidden; margin:3% 0 0 20%; border-top:1px solid #c8c8c8; padding-top:20px; }

/* content_blog */

.content_blog { width:47%; float:left; margin:15px 20px 15px 0; padding:0; }

.data { color:#fff; text-align:center; font-size:14px; font-weight:bold; line-height:1.5em; background:url(../images/data_bg.png) top center no-repeat; float:left; margin:0 15px 0 0; padding:5px 18px 5px 10px; }

.post { font-size:14px; color:#555; line-height:1.2em; border-bottom:1px solid #ededed; padding:5px 0; margin:0 0 10px 65px; }

.post h3 { font-size:14px; color:#555; line-height:1.2em; }

.post span { color:#a1a0a0; font-size:11px; font-style:italic; }

.text { padding:5px 0; margin:0 0 40px 65px; }

/* img */

img.banner { border:1px solid #eaeaea; padding:15px 20px; background:#fff; float:left; margin:0 1px 0 0; }

img.banner:hover { border: solid 1px #eaeaea; -moz-box-shadow: 1px 1px 5px #999; -webkit-box-shadow: 1px 1px 5px #999; box-shadow: 1px 1px 5px #999; }

/* prefooter */

.prefooter { background:#eeeeee; border-top:1px solid #e2e2e2; padding:15px 0; margin:0 auto; }

.prefooter h2 { font-size:14px; color:#444; padding:15px 0; margin:0; }

.prefooter p { color:#535353; font-size:12px; line-height:1.5em; padding:5px 0; }

.prefooter a { color:#444; font-style:italic; }

.prefooter span { color:#c1c1c1;}

.pref_blog { width:22%; float:left; margin:5px 3% 5px 0; padding:0; }

.pref_blog.last { margin:5px 0 5px 0; }

a.fl { margin:10px 10px 40px 0; float:left; padding:0; }

/* img */

img.fgh { background:#3d3d3d; padding:4px; margin:0 3px 0 0; float:left; }

img.fgh:hover { background:#0174df; }

/* Flickr */

.Flickr { }

.Flickr img { padding:3px; background:#fff; float:left; margin:5px 4px 5px 0; }

.Flickr img.last { margin:5px 0; }

.Flickr img:hover { padding:2px; border:1px solid #eaeaea; }

/* footer */

.footer { color:#6d6d6d; font-size:11px; font-weight:bold; text-align:left; background:#292929; padding:15px 0; }

.footer a { font-style:normal; color:#6d6d6d; text-decoration:underline; }

/* slider */

.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }

.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }

.rslides li:first-child { position: relative; display: block; float: left; }

.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* img_hover */

/*
img.h2_hover1 { background:url(../images/h2_img_1.png) center no-repeat; }

img.h2_hover2 { background:url(../images/h2_img_2.png) center no-repeat; }

img.h2_hover3 { background:url(../images/h2_img_3.png) center no-repeat; }

img.h2_hover4 { background:url(../images/h2_img_4.png) center no-repeat; }

img.h2_hover1:hover { background:url(../images/h2_img_1_h.png) no-repeat; }

img.h2_hover2:hover { background:url(../images/h2_img_2_h.png) no-repeat; }

img.h2_hover3:hover { background:url(../images/h2_img_3_h.png) no-repeat; }

img.h2_hover4:hover { background:url(../images/h2_img_4_h.png) no-repeat; }
*/

/* RSS */

.RSS { width:auto; margin:10px 0; padding:0;}

.RSS img { display: inline-table; float:left; margin:0 5px 0 0;}

img.rss1 { background:url(../images/f_1.png) no-repeat;}

img.rss2 { background:url(../images/f_2.png) no-repeat;}

img.rss3 { background:url(../images/f_3.png) no-repeat;}

img.rss4 { background:url(../images/f_4.png) no-repeat;}

img.rss5 { background:url(../images/f_4.png) no-repeat;}

img.rss1:hover { background:url(../images/f_1_1.png) no-repeat;}

img.rss2:hover { background:url(../images/f_2_1.png) no-repeat;}

img.rss3:hover { background:url(../images/f_3_1.png) no-repeat;}

img.rss4:hover { background:url(../images/f_4_1.png) no-repeat;}

img.rss5:hover { background:url(../images/f_4_1.png) no-repeat;}

 /* GALLERY START */

 /*4cols_gallery*/

.col44 {
	width:200px;
	float:left;
	padding:0;
	margin-right:10px;
	position:relative;
	top:0px;
	margin-top:50px;
	padding-bottom:40px;
	height: 545px;
}
.col44.gal {
	width:200px;
	float:left;
	padding:0;
	margin-right:10px;
	position:relative;
	top:0px;
	margin-top:50px;
	padding-bottom:40px;
}
.col44 h3 { position:relative; bottom:0px; margin-bottom:0px; }

.col44 a img { margin-top:0px; }

.col44.last { float:right; margin:0; margin-right:0px; }

.col44.invisible-box { display: none; opacity: 0; z-index: 1; }

/* gallery-categ */

.gallery-categ { margin:0; padding:0; }

.gallery-categ li { padding:0; float:left; border-right:1px solid #CCC; }

.gallery-categ li:last-child { border-right:0; }

.gallery-categ li a { font-weight:bold; display:block; padding:5px 10px; }

.gallery-categ li.active a { text-decoration:underline; }

.img_hover_box.pic a { display: block; position: relative; margin-bottom:15px; }

.img_hover_box.pic a img { margin:0; }

.img_hover_box.pic a img.h { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.h { visibility:visible; }

/*btn*/

.btn { margin:12px 0 0; padding:0px 0px 0; text-align:center; }

.btn a { font-size:11px; color:#8f8f8f; text-transform:uppercase; height:33px; padding:8px 12px; background:#f7f7f7; border:1px solid #ebebeb; font-weight:bold; }

.btn a:hover { color:#fff; background:#ebad00; border-color:#9cac50; }

.btn a span { color:#ebad00; font-size:12px; font-weight:normal; }

.pic img { padding:0px; background:#ffffff; max-width: 100%; height: auto; /*}

.pic a:hover img {background:#e1e1df;border:1px solid #e1e1df; /**/ }

.pic img.h { background:none; }

.pic.fl { margin:5px 20px 10px 0; }

.pic.fr { margin:5px 0 20px 10px; }

.img_hover_box.pic a img.r_plus { position: absolute; top: 0; left: 0; visibility:hidden; background:none; border:none; }

.img_hover_box.pic a:hover img.r_plus { visibility:visible; }

.txt { margin-top:50px; }



/*form Contact_us*/

#contactform { margin:0; padding:5px 0; width:99%; }

#contactform * { color:#8b8b8e; }

#contactform ol { margin:0; padding:0; list-style:none; }

#contactform li { margin:0; padding:0; background:none; border:none; display:block; clear:both; }

#contactform li.buttons { margin:5px 0 5px 0; clear:both; }

#contactform label { margin:0; width:99%; padding:6px 0; text-transform:none; float:left; font-weight:normal; color:#8b8b8b; }

#contactform label .ness { color:#656566; }

#contactform label span { color:#8b8b8b; }

#contactform input.text { width:99%; border:1px solid #d3d3d3; margin:5px 0; padding:5px 2px; height:16px; background:#ffffff; float:left; font-size:14px; color:#8b8b8e; }

#contactform textarea { width:99%; border:1px solid #d3d3d3; margin:4px 0; padding:5px 2px; background:#ffffff; float:left; font-size:14px; color:#8b8b8e; }

#contactform li.buttons input { padding:0 0 3px 0; margin:1% 0 0 0; border:0; color:#FFF; float:left; }
.columns.gap45 .center_small_box.bordered { min-height: 220px; }



/* responsive width */

@media only screen and (min-width: 768px) and (max-width: 991px) {

	.small_box { width:45%;}

	.Flickr { width:45%;} 

.pref_blog { width:45%;}

.center_small_box { width:45%;}
.columns.gap45 .center_small_box.bordered { width: 23%; min-height: 200px; }
.main_resize.gap47 .center_small_box { width: 31%;  }
}

@media screen and (min-width:480px) and (max-width:768px) {

  /* Target landscape smartphones, portrait tablets, narrow desktops  */

.small_box { width:47%;}

.content_blog { width:99%;}

.Flickr { width:43%;} 

.pref_blog { width:40%;} 

.center_small_box { width:47%;}
.columns.gap45 .center_small_box.bordered { width: 48%; min-height: 165px; }
.columns.gap45 .center_small_box p { padding: 18px 5px; font-size: 10px; line-height: 14px; }
.main_resize.gap47 .center_small_box { width: 31%;  }
}



@media screen and (max-width:479px) {

  /* Target portrait smartphones */

.small_box { width:99%;} 

.content_blog { width:99%;}

.Flickr { width:99%;} 

.pref_blog { width:99%;} 

.center_small_box { width:99%;}
.columns.gap45 .center_small_box.bordered { margin-right: 0px; width: 100%; min-height: 140px; }
.columns.gap45 .center_small_box p { padding: 18px 5px; font-size: 10px; line-height: 14px; }
.columns.gap46 .center_small_box { width: 48%; }
.main_resize.gap47 .center_small_box { margin-right: 0px; width: 100%;  }
.main_resize.gap47 .center_small_box p { padding: 18px 5px; font-size: 10px; line-height: 14px; }

}

@media all and (orientation: landscape) {

  /* Target device in landscape mode */

}



@media all and (orientation: portrait) {

  /* Target device in portrait mode */

}

/* END responsive width */



.dc_tile_portfolio_content h3  { text-align: left; background: none;}

.dc_pricingtable03 li h2 { font-size:24px !important;}

.dc_pricingtable03 li h2, .dc_pricingtable03 li h1, .dc_pricingtable03 li h1 span, .dc_pricingtable03 li h3 { color:#fff !important; background: none !important;}

.dc_pricingtable03 li h2.caption { color:#999 !important; font-size:28px !important;}

.dc_pricingtable06 ul li h3 { font-size:28px !important; color:#fff !important; line-height:180% !important; background: none !important;}

.dc_pricingtable05 ul li h3 { font-size:28px !important; line-height:250% !important; background: none !important;}



#slider-wrapper object { width: 100%; }

iframe.wid5 { height: 400px; width: 100%; }

iframe.wid6 { height: 550px; width: 100%; }

iframe.wid7 { height: 400px; width: 100%; }

iframe.wid8 { height: 500px; width: 100%; }


#mailform-subscribe {
	color: #fff;
	padding: 20px 15px;
	text-shadow: 1px 1px #111;
}
#mailform-subscribe input {
	font-size: 13px;
	margin-bottom: 10px;
	padding: 6px 10px;
	border-radius: 6px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border:1px solid #cccccc;
}
#mailform-subscribe input.email {
	background: #fff url(../images/mailform-subscribe.png) no-repeat 10px center;
	padding-left: 32px
}
#mailform-subscribe input[type="submit"] {
	margin: 3px;
	background-color: #999;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 5px;
	color: #ffffff!important;
	text-shadow: 1px 1px #666;
	cursor: pointer;
	display: inline-block;
	padding: 5px 10px 6px;
	position: relative;
	text-decoration: none;
	font-size: 12px;
	line-height: 1;
}
#mailform-subscribe input[type="submit"]:hover {
	background-color: #AAA;
	color: #fff;
}
#mailform-subscribe input[type="submit"]:active {
	top: 1px
}
.main_resize_bg #gallery .one_half .dc_toggle_container .dc_toggle.style1 .dc_toggle_box {
	font-size: 14px;
}


/*
.timetable {
width: 100%
height: 100%
border: 1
}
*/

.centered-cell{
text-align: center;
width: 100%
height: 100%
}


.hovarea {
display: none;
position: absolute;
top: -30px;
right: -196px;
width: 197px;
z-index: 2;
padding: 0 0 0 7px;
background: url("/images/arrow.png") no-repeat scroll left 50px;
}

/* dc_tables2_14 */

.timetable{
border-collapse: collapse;
font-size: 12px;
text-align: left;
/*width:480px*/
}

.timetable th{
background: #b7b7b7 url('../images/gradhead.png') repeat-x; /*b9c9fe*/
border-bottom: 1px solid #fff;
border-top: 2px solid #b7b7b7; /* d3ddff*/
border-top: 2px solid #b7b7b7; /*#939ab2*/
color: #494949; /*#039;*/
font-size: 13px;
font-weight: normal;
padding: 8px
}

.timetable td{
background: #e5e5e5 url('../images/gradback.png') repeat-x; /*#e8edff*/
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
color: #494949; /*#669*/
padding: 8px
}

.timetable tfoot tr td{
background: #e8edff;
color: #99c;
font-size: 12px
}

.timetable tbody tr:hover td{
background:#fff url('../images/gradhover.png') repeat-x; /*#d0dafd*/
color:#339
}

/* For the hover toolr time table  */
a:hover {
background:rgba(255,255,255,0.5);
text-decoration:none;
} /*BG color is a must for IE6*/

a.tooltip span {
display:none;
padding:2px 3px;
margin-left:-10%;
width:150px;
}

a.tooltip:hover span{
display:inline;
position:absolute;
border:1px solid #fff;
background:#fff;
color:#333;
z-index: 900;
line-height: 18px
}

p.error{
padding: 20px;
background-color: rgb(186, 53, 53);
color: white;
line-height: 1;
}
p.success{
padding: 20px;
background-color: rgb(72, 171, 39);
color: white;
line-height: 1;
}

.slider-wrapper { background: #222; padding: 10px; }
.nivoSlider { position:relative; background:url(../../nivo-slider/images/loading.gif) no-repeat 50% 50%; overflow: visible; }
.nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.nivoSlider a { border:0; display:block; }
.nivo-controlNav { text-align: left; padding: 0; position: relative; z-index: 10; }
.nivo-controlNav a { display:inline-block; width:10px; height:10px; background: url(../../nivo-slider/images/bullets.png) no-repeat 0 2px; text-indent:-9999px; border:0; margin: 0 2px; }
.nivo-controlNav a.active { background-position:0 100%; }
.nivo-directionNav a { display:block; width:30px; height:30px; background: url(../../nivo-slider/images/arrows.png) no-repeat; text-indent:-9999px; border:0; top: auto; bottom: -36px; z-index: 11; }
.nivo-directionNav a:hover { background-color: #333; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
a.nivo-nextNav { background-position:-16px 50%; right:0px; }
a.nivo-prevNav { background-position:11px 50%; left: auto; right: 35px; }
.nivo-caption { font-family: Helvetica, Arial, sans-serif; }
.nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.nivo-caption a:hover { color:#fff; }
.nivo-controlNav.nivo-thumbs-enabled { width: 80%; }
.nivo-controlNav.nivo-thumbs-enabled a { width: auto; height: auto; background: none; margin-bottom: 5px; }
.nivo-controlNav.nivo-thumbs-enabled img { display: block; width: 120px; height: auto; }

/* The Nivo Slider styles */
.nivoSlider { position:relative; width:100%; height:auto; overflow: hidden; }
.nivoSlider img { position:absolute; top:0px; left:0px; max-width: none; }
.nivo-main-image { display: block !important; position: relative !important; width: 100% !important; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; top:0; }
.nivo-box { display:block; position:absolute; z-index:5; overflow:hidden; }
.nivo-box img { display:block; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */ -moz-box-sizing: border-box;    /* Firefox, other Gecko */ box-sizing: border-box;         /* Opera/IE 8+ */ }
.nivo-caption p { padding:5px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav { display:none; text-align:center; padding: 0 0 15px; }
.nivo-controlNav a { cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }

/*** ESSENTIAL STYLES ***/

.sf-menu,
.sf-menu * { margin:0; padding:		0; list-style:		none; }
.sf-menu { }
.sf-menu ul { position:		absolute; top:			-999em; width:			12em; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li { width:			100%; }
.sf-menu li:hover { visibility:		inherit; /* fixes IE7 'sticky bug' */ }
.sf-menu li { float:			left; position:		relative; }
.sf-menu a { display:		block; position:		relative; }
.sf-menu li:hover ul,
.sf-menu li.sfHover ul { left:			0; top:			1.5em; /* 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:			12.1em; /* match ul width */ top:			-0.5em; }
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:			12.1em; /* match ul width */ top:			-0.5em; }
/* NAVIGATION ------------------------------------------------------------*/
nav { float: right; line-height: 1.8em; }
nav a { text-decoration: none; color: #878787; }
#nav { margin-top:1px; }
#nav li { display: inline; font-size: 14px; float: left; font-weight:bold; }
#nav>li>a { display: block; overflow: hidden; padding: 5px 10px; color: #878787; background: rgba(0, 0, 0, .0); text-shadow: 0 -1px rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#nav>li>a:hover,
#nav>li.active>a { background:bottom; border:none; }
#nav>li.active>a,
#nav a:hover {
	color: #0174df;
}
#nav>li>a>.subheader { color: #797a7a; display: block; font-size: 12px; margin-top: -8px; font-weight: bold; }
#nav .sf-sub-indicator { float: right; }
#nav>li>a>.sf-sub-indicator { display: none; }
/* sub navigation -----------------------------------------------------*/
#nav>li ul { border-top:2px solid #0174df; display: block; margin-top:10px; background: #444444; }
#nav>li ul li { border-bottom:1px solid #4e4e4e;}
#nav>li ul li a { background:url(../../images/ul_li_bg.png) 5px 20px no-repeat; display: block; padding: 10px 15px; font-size: 12px; color: #8a8a8a; text-decoration: none; }
#nav>li ul li a span { display: block; }
#nav>li ul li a:hover, #nav>li ul li a.active { background: #333333 url(../../images/ul_li_bg.png) 5px 20px no-repeat; color: #8a8a8a; }

/*For table scroll width - Justin*/
div#myDiv div#all-classes {
    overflow-x: scroll;
}
button.btn-timetable {
	margin: 5px 0;
    margin-right: 5px;
}
button.btn-timetable a {
	padding: 7px 10px;
	display: block;
}