/* ======== GENERAL RULES ======== */
html {height: 101%; margin-bottom: 1px;}

body { background: #000000 url(../images/saturn-constellation.jpg) fixed no-repeat center top; color: #000000;	font: normal 15px "Open Sans",Lucida Grande, Verdana, Geneva, sans-serif; padding: 0; margin: 0; padding-top:120px;	}
.container { width:1024px;}
#tray { background: url(../images/black-trans.png) repeat; margin: 0 0 10px; }
#tray .boxWrap { padding:25px 15px 25px; text-align: justify; line-height: 1.5em;}	
#tray .boxWrap h3 { margin-bottom:25px; border-bottom:1px solid #444; padding-bottom:10px;  }	
#logo img { /*display: none;*/ }
.nav > li { background:none;}
.navbar-brand { height:65px; padding:5px;}
.navbar-brand > img { max-height: 50px; }

.navbar-nav > li > a { padding: 15px 5px; }

.header .container { max-width:1024px; margin:0 auto; position:relative;}

#logo a {  }
#grid-pic { width: 150px; height: 150px; float: left; margin: 8px; padding: 8px; background: url(../images/black-trans.png) repeat; }

h5.gallery-header { clear: left; padding: 30px 0 0 30px; margin-bottom: 0; }
p.gallery-sub { padding: 0 0 0 30px; margin-top: 7px; }

.sidebar-contact { background: url(../images/black-trans2.png) repeat; margin-top:20px; margin-bottom:20px; padding: 15px 0 20px 20px; border: 1px solid #222; }
.sidebar-contact h5 { width: 200px; padding-bottom: 10px; border-bottom: 1px solid #222; }

.social-icon { float: none;}
.social-icon img {  margin:10px auto; }
.social-icon-txt { width: 140px; float: left; }
.social-icon-txt a { text-decoration: none; color: #ffffff; font-weight: normal; }
.social-icon-txt a:hover { text-decoration: none; color: #91B0D4; font-weight: normal; }

.footer-text { font-size:13px; }

#contentLeft p, contentRight p { width:100%; padding: 0 15px; }
.results-shift { margin-left: 18px; }

.img-flt-lt { float: left; margin: 20px 0 0 0; border: 1px solid #777777; line-height: 0; }
.img-flt-lt-2 { float: left; margin: 20px 0 0 20px; border: 1px solid #777777; line-height: 0; }
.img-flt-rt { float: right; margin: 0 0 0 30px; border: 1px solid #777777; line-height: 0; }

.nav-select {background-color: #3e7dc2; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0;color: #ffffff; font-weight: normal; text-decoration: none;}

header, footer, nav, aside, article, section, hgroup {display: block;}

hr {background-color: #6e645c; color: #6e645c; border: none; height: 1px;}

table {padding: 0; border-collapse: collapse; font-size: 100%; width: 100%;}


ul {list-style-type: none; margin: 10px 0 20px 10px; padding: 0;}
ul li {background: url(../images/bullet1.png) no-repeat 0 5px; padding: 1px 0 0 12px;}
ul li a {color: #91b0d4; text-decoration: none; font-weight: bold; padding: 0;}
ul li a:hover {color: #938677; text-decoration: underline;}

blockquote {background-color: #090909; margin: 20px; border: 1px solid #333333; line-height: 1.3em; padding: 15px 25px;}

fieldset {border: 1px #b0b0b0 solid; margin: 10px 0; text-align: center; line-height: 1.4em;}
fieldset img {background-color: #ffffff; margin: 5px 10px; border: 1px #919191 solid;}
fieldset p {font-size: 0.85em; text-align: left; padding: 15px 15px 5px 15px;}

legend {background-color: transparent; padding: 0 10px; color: #6e645c; letter-spacing: 1px;
font: small-caps bold 18px "Century Gothic", Verdana, Helvetica, sans-serif;}

/* ======== TYPOGRAPHY ======== */
a {color: #91b0d4; text-decoration: underline; outline: none; font-weight: bold;}
a:hover {color: #938677; text-decoration: underline; font-weight: bold;}

h1 {font: normal 28px "Century Gothic", Verdana, Helvetica, sans-serif; color: #537eb9; margin:20px 0 20px; padding: 15px; background: url("../images/black-trans2.png") repeat scroll 0 0 transparent; border-bottom: 1px solid #333333;}
h2 {font: normal 30px "Century Gothic", Verdana, Helvetica, sans-serif; color: #6e645c; margin: .5em 0;}
h3 {font: normal 26px "Century Gothic", Verdana, Helvetica, sans-serif; color: #FF0000; margin: .2em 0;}
h4 {font: 20px "Century Gothic", Verdana, Helvetica, sans-serif; color: #537eb9; margin: .5em 0;}
h5 {font: 20px "Century Gothic", Verdana, Helvetica, sans-serif; color: #6e645c; margin: .5em 0;}
h6 {font: 16px "Century Gothic", Verdana, Helvetica, sans-serif; color: #537eb9; margin: .5em 0;}

/* ======== LAYOUT RULES ======== */
#wrapper { background: transparent; min-height: 100%; height: auto !important; height: 100%; color: #ffffff; width: 100%; margin: 0 auto; text-align: left; max-width:1024px;}

.push { height: 1px; clear: both;}

/* ======== HEADER AREA ======== */
header { background: #000000 url(../images/header.jpg) repeat-x; position: relative; width: 100%; height: 110px;}

/* ======== LOGO/SITE NAME AREA ======== */
#logo {position: absolute; top: 10px; left: 10px; width: auto; max-width:40%; height: auto; -webkit-transition: 1s; transition: 1s;}

.navbar-toggle { border:1px solid #ccc; margin-top:20px;}
.navbar-toggle .icon-bar { background:#ccc;}

.navbar-fixed-top  #logo img { width:auto; max-height:72px !important; display:inherit;}

.navbar,
.navbar-fixed-top #logo ,
.navbar-fixed-top #logo img {  -webkit-transition: 1s; transition: 1s; }
.navbar-fixed-top.shrink { }
.navbar.shrink { height: 50px;}
.navbar.shrink > .container .navbar-brand, 
.navbar.shrink > .container-fluid .navbar-brand { padding-top: 10px; line-height: .9; }

.navbar-fixed-top.shrink .navbar-nav > li > a {  font-size: 20px; padding: 12px 15px; line-height:normal;  -webkit-transition: 0.5s; transition: 0.5s; }

.navbar-fixed-top.shrink .navbar-nav > .active > a, 
.navbar-fixed-top.shrink .navbar-nav > .open > a,
.navbar-fixed-top.shrink .navbar-nav > .open > a:focus, 
.navbar-fixed-top.shrink .navbar-nav > .open > a:hover { background:#464646; box-shadow:none; font-size: 20px; padding: 12px 15px; }

.navbar-fixed-top.shrink #logo{    position: relative; top: 4px; left: 10px; width: auto; max-width: initial; height: 45px;}

.navbar-fixed-top.shrink #logo img { width:auto; max-height:40px !important; display:inherit;}
.navbar-fixed-top.shrink #mainnav { position: absolute; top: 8px; }


/* ======== GLOBAL LINKS ======== */
#global { position: absolute; top: 0; right: 0; color: #ffffff; width: 510px; height: 40px; line-height: 40px; padding: 0;  font-size: 0.90em;text-align: right;} 

#global ul {list-style-type: none; margin: 0; padding: 0;}
#global ul li {background: none; display: inline; padding: 0 5px 0 15px;}
#global ul li a {color: #d0d0d0; text-decoration: none; font-weight: normal; padding: 0;}
#global ul li a:hover {color: #ffffff; font-weight: normal; text-decoration: none;}

/*            MAIN NAVIGATION AREA 
=================================== */
#mainnav {position: absolute; top: 75px; right: 0; color: #000000; max-width: 980px; text-align: right; margin: 0;  transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; transition-delay: 0s;}

#mainnav ul {margin: 0 20px 0 0; padding: 0; list-style-type: none;}
#mainnav ul li {background: none; display: inline; padding: 0; line-height: 35px;}
#mainnav ul li a {color: #ffffff; font-weight: normal; text-decoration: none; margin: 0; padding: 15px 6px 9px 6px; text-transform: uppercase;  }
#mainnav ul li a:hover {/*background-color: #3e7dc2; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;*/
-webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0;color: #ffffff; font-weight: normal; text-decoration: none; border-bottom:2px solid #f00;}
#mainnav ul li.active a { /*background-color: #303030; border-radius: 10px 10px 0 0; -moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0; -o-border-radius: 10px 10px 0 0;*/color: #ffffff; font-weight: normal; text-decoration: none; border-bottom:2px solid #f00;}

/* ======== SLIDESHOW AREA ======== */
#photoblock {background: #555555; position: relative; width:100%; padding:15px; margin-bottom: 10px;}

#sliderwrapper {background-color: ; position: absolute; top: 20px; left: 40px; width: 600px; height: 330px;}
#slider {position:relative;width:97% !important; max-width:97% !important;}
#slider img {position:absolute; top: 0; left:0; display:none;}

.textbox {position: absolute; left: 670px; top: 80px; width: 240px; height: 220px; color: #ffffff; 
font: normal 34px 'Handlee', "Century Gothic", Verdana, Helvetica, sans-serif; text-shadow: 0px 1px 5px #222;}

/* ======== SIDEBAR AREAS ======== */
#sidebarLeft {/*float: left; width: 240px;*/ text-align: left; font-size: 14px; line-height: 1.4em; padding: 10px 10px 0 0;  }
#sidebarRight {/*float: right; width: 240px;*/ text-align: left; font-size: 14px; line-height: 1.4em; padding: 10px 0 0 10px;  }

/* ======== CONTENT AREA ======== */
#contentRight {/*float: right; width: 650px; */padding: 0px 30px 30px 0; line-height: 1.6em; overflow: hidden;}
#contentLeft {/*float: left; width: 650px;*/ padding:15px; line-height: 1.6em; overflow: hidden;}
#contentMiddle {float: left; width: 100$; padding: 0px 15px 30px 15px; line-height: 1.6em; overflow: hidden;}
#contentFull {width: 100%; margin: 0 0 10px; padding: 0px 20px 30px 20px; line-height: 1.6em; overflow: hidden; background: url("../images/black-trans.png") repeat scroll 0 0 transparent;}

.contentInsideLeft {float: left; width: 48%; line-height: 1.4em;}
.contentInsideRight {float: right; width: 48%; line-height: 1.4em;}

/* ======== SECTION BLOCKS ======== */
.infoBox { text-align: left; line-height: 1.4em; padding: 18px; margin: 25px auto;}
.infoBox h3 {color: #333333; border-bottom: 1px #444444 solid; text-align: left; margin: 0 0 20px 0; padding: 0 0 10px 0; }
.footerphone { font-size:23px; font-weight:bold;}
/* ======== FOOTER AREA ======== */
#footerwrapper {clear: both; background: #000000; float:left; width:100%; text-align: center; font-size: 0.85em; color: #d0d0d0; border-top: 1px solid #444444;
padding: 0; line-height: 1.3em; letter-spacing: 1px;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#171717');
background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#171717));
background: -moz-linear-gradient(top,  #000000,  #171717);}

#footerwrapper .container aside.col-sm-6 { width:48%; margin:0 1%; padding:25px 0; background:#161616;}

footer {width: 100%; margin: 0 auto;  padding:40px 0; }
footer ul {list-style-type: none; margin: 0; padding: 0;}
footer ul li {margin: 0 5px; padding: 3px 0 3px 3px; border-bottom: 1px #a0a0a0 dashed; background: none;}
footer ul li a {color: #d0d0d0; text-transform: uppercase; text-decoration: none; font-weight: bold;}
footer ul li a:hover {color: #91b0d4; text-decoration: none;}

footer a {color: #d0d0d0;}
footer a:hover {color: #91b0d4;}
.copyrights { width:100%; text-align:center; background:#202020; padding:15px 0 10px; float:left;}

/* ======== IMAGES ======== */
img {border: none;}
.imageleft {margin: 0 10px 0 0; float: left;}
.imageright {margin: 0 0 0 10px; float: right;}
.imageleft-border {background-color: #ffffff; margin: 0 10px 0 0; padding: 3px; float: left; border: 1px #919191 solid;}
.imageright-border {background-color: #ffffff; margin: 0 0 0 10px; padding: 3px; float: right; border: 1px #919191 solid;}

/* ======== CATALOG AND GALLERY ======== */
.catalogimages {vertical-align: middle; text-align: center; padding: 5px;}
.catalogdescription {line-height: normal; vertical-align: top; text-align: left; padding: 5px;}
.catalogdescription h6 {color: #537eb9; margin: 0; font: bold 18px 'Handlee', Arial, Helvetica, sans-serif;}
.catalogcart {vertical-align: middle; text-align: center; padding: 5px;}

/* ======== MISC. CLASSES ======== */
.center {text-align: center;}
.right {text-align: right;}
.small {font-size: 0.85em;}
.clear {clear: both;}
.clearsmall {height: 1px; line-height: 0; margin: 0; padding: 0; clear: both;}
.highlight {background-color: #FFFF00;}
.button a {color: #ffffff; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; background-color: #537eb9;
text-decoration: none; font-weight: normal;}
.button a:hover {color: #ffffff; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; background-color: #91b0d4;
text-decoration: none; font-weight: normal;}

/* ======== Table ======== */
.table { border:none;}
.table>tbody>tr>td, 
.table>tbody>tr>th, 
.table>tfoot>tr>td, 
.table>tfoot>tr>th, 
.table>thead>tr>td, 
.table>thead>tr>th,
.table>tr>td, 
.table>tr>th, 
.table>tr>td, 
.table>tr>th, 
.table>tr>td, 
.table>tr>th { border-top: 1px solid #333; font-size:14px;  border-left:none; border-right:none; }
 
.table>tbody>tr>th,  
.table>tfoot>tr>th,  
.table>thead>tr>th,
.table>tr>th,  
.table>tr>th,  
.table>tr>th { background:#e6e6e6; color:#036; text-align:center; }

.table>tbody>tr:hover>td,   
.table>tfoot>tr:hover>td,  
.table>thead>tr:hover>td,
.table>tr:hover>td,   
.table>tr:hover>td,  
.table>tr:hover>td  {  background:#036; color:#fff;  }

blockquote { font-size: 13px; }

.carousel-inner >.item >a > img, 
.carousel-inner >.item > img { line-height: 1; width: 100%; }

.tableMainHead thead th { background:#111 !important; color:#fff !important;}
.tableResult .table thead tr th { border:none; background:#025;}
.tableResult .table thead tr th h2,
.tableResult .table thead tr th h3 { font-weight:bold; color:#fff; }


.tableResult tr td {
	text-align:center;
	max-width:100px;
}
.tableResult tr td:first-child {
	text-align:left;
	max-width:none;
	min-width:70%;
}
.tableResult tr td .btn {
	margin:0 auto;
	float:none;
}
.tableResult tr td a.btn {
	text-decoration:none;
}
.tableResult tr td a.btn:hover {
	font-weight:normal;
	text-decoration:none;
}


@media only screen and (max-width: 1100px) {
.container { max-width:1024px; width:96%;}
}

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

body { padding-top: 90px;}
#wrapper { padding:0 5px;}

h1 { margin:10px 0 10px; }
h2 { margin: .2em 0;}
h3 { margin: .2em 0;}
h4 { margin: .2em 0;}
h5 { margin: .2em 0;}
h6 { margin: .2em 0;}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th, .table > tr > td, .table > tr > th, .table > tr > td, .table > tr > th, .table > tr > td, .table > tr > th { font-size: 13px;  padding: 5px 10px;}
.tableResult tr td:first-child { white-space: initial !important;}
.header { background: #000000 url(../images/header.jpg) no-repeat left top;   width: 100%; height: 80px; position:fixed !important; }
#mainnav { position:absolute; width:100%; top:73px;  z-index:1001; display:none;  overflow:auto;}
#mainnav.on { display:block;  height:auto; }
#mainnav .navbar-right { margin: 7.5px 0px; background:#000; text-align:left; height:auto; box-shadow:0 15px 15px rgba(0, 0, 0, 0.4);}
#mainnav .navbar-right li { padding: 5px 10px;  display: block; position: relative;  text-align:left; border-bottom:1px solid #333; }
#mainnav .navbar-right li a { color:#ccc;}
#mainnav .navbar-right li a:hover { background:none;}

.navbar-fixed-top.shrink #mainnav { position: absolute; top: 43px; }

#footerwrapper .container aside.col-sm-6 { width: 100%; margin: 1% 0; padding: 25px 0;  background: #161616; }
.navbar-toggle { border: 1px solid #ccc; margin-top: 15px; top: 8px; position: absolute; right: 5px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; transition-delay: 0s;}
.navbar-fixed-top.shrink  .navbar-toggle { margin-top:0;}
#contentLeft { line-height: 1.6em; overflow: hidden; padding: 15px 0; }
}


@media only screen and (max-width: 640px) {
.header { background: #000000 url(../images/header.jpg) no-repeat left top; position: relative; width: 100%; height: 100px; }
#mainnav { top:63px;}
}

@media only screen and (max-width: 540px) {
.header { background: #000000 url(../images/header.jpg) no-repeat left top; position: relative; width: 100%; height: 90px; }
#mainnav { top:53px;}
.navbar-toggle { margin-top: 13px; }
}