/* CSS Document - buoymaster */

.ui-grid-a div, .ui-grid-b div { text-align:center;padding:20px; }
.ui-grid-solo { margin:0 auto;max-width:600px; }
.ui-grid-solo li { text-align:left; }
.ui-grid-solo .ui-block-a { text-align:center; }
.ui-grid-solo .ui-block-a img { padding-top: 10px; }
.ui-header { text-align:center;background: #0c1904 url(images/header.png) no-repeat center top fixed;height:300px;border:0px; }
.ui-grid-a, .ui-grid-b { max-width: 600px;margin:0 auto; }
img { max-width: 100%; }

.ui-content {margin:0px;padding:0px; }
.ui-content h1 {margin:10px 0px;}
/* content header */
#content-header { z-index:1000;background: #333; text-align:center;width:100%;margin:0 auto;background-image: linear-gradient(#3c3c3c,#111);background-image: -webkit-linear-gradient(#3c3c3c,#111);position:fixed;top:0; }

/* image header */
#image-header { height:230px;text-align:center;margin:0 auto; }
#image-header img { padding-top:5px;visibility:hidden; }

/* menu header */
#menu-header { width:100%;margin:0 auto;padding-top:5px; z-index:1000; }
#menu-header .ui-grid-b { max-width:400px;display:block; }
//#menu-header a { text-decoration:none;color:#FFF !important;font-weight:normal !important;text-shadow:none !important; } 
.ui-btn-inner { border-top:none; }

/* buttons */
/*.ui-btn-up-b { background: #6c7eba;background-image: linear-gradient(#2190ed,#1665a7);background-image: -webkit-linear-gradient(#2190ed,#1665a7);background-image:-moz-linear-gradient(#2190ed,#1665a7);background-image:-webkit-gradient(linear, left top, left bottom, from( #2190ed), to( #1665a7));background-image:-ms-linear-gradient(#6c7eba,#3b54a4);background-image:-o-linear-gradient(#2190ed,#1665a7); }
.ui-btn-hover-b { background: #2190ed;background-image: linear-gradient(#1665a7,#2190ed); }
.ui-btn-down-b { background: #2190ed;background-image: linear-gradient(#1665a7,#2190ed);}*/
.ui-btn-up-c { background: none;background-image: none;background-image: none;background-image:none;background-image:none;background-image:none;background-image:none;border:none; }
.ui-btn-up-c .ui-btn-text, .ui-btn-hover-c .ui-btn-text, .ui-btn-down-c .ui-btn-text {color:white;text-shadow:none;}
.ui-btn-hover-c { background: none;background-image: none;border:none; }
.ui-btn-down-c { background: none;background-image: none;border:none; }
.ui-btn-up-z,.ui-btn-up-b { background: #1f88e0;background-image: linear-gradient(#1f88e0,#1767ab);background-image: -webkit-linear-gradient(#1f88e0,#1767ab);background-image:-moz-linear-gradient(#1f88e0,#1767ab);background-image:-webkit-gradient(linear, left top, left bottom, from( #1f88e0), to( #1767ab));background-image:-ms-linear-gradient(#1f88e0,#1767ab);background-image:-o-linear-gradient(#1f88e0,#1767ab); }
.ui-btn-hover-z,.ui-btn-hover-b { background: #1767ab;background-image: linear-gradient(#1767ab,#1f88e0); }
.ui-btn-down-z,.ui-btn-down-b { background: #1767ab;background-image: linear-gradient(#1767ab,#1f88e0);}
.ui-btn-active { border-color:rgb(4, 64, 98); }


.ui-btn-up-a { background: #111;background-image: linear-gradient(#3c3c3c,#111);background-image: -webkit-linear-gradient(#3c3c3c,#111);background-image:-moz-linear-gradient(#3c3c3c,#111);background-image:-webkit-gradient(linear, left top, left bottom, from( #3c3c3c), to( #111));background-image:-ms-linear-gradient(#3c3c3c,#111);background-image:-o-linear-gradient(#3c3c3c,#111);border-color:rgb(17, 17, 17) !important }
.ui-btn-hover-a { background: #1767ab;background-image: linear-gradient(#111,#3c3c3c); border-color:rgb(17, 17, 17) !important}
.ui-btn-down-a { background: #111;background-image: linear-gradient(#111,#3c3c3c);border-color:rgb(17, 17, 17) !important}
.ui-btn-active { border-color:rgb(17, 17, 17) !important; }


/* upper menu navigation */
.menu-trigger { position:absolute;top:0;left:0;display:none;width:50px;z-index:1000;height:45px}
.menu-trigger a{display:block;position:relative;z-index:1020;color:#fff;width:46px;height:34px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;box-shadow:inset 0 1px rgba(255,255,255,0.2);background-color:#555555;background-repeat:repeat-x;background-image:-khtml-gradient(linear, left top, left bottom, from(#727272), to(#555));background-image:-moz-linear-gradient(top, #727272, #555);background-image:-ms-linear-gradient(top, #727272, #555);background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #727272), color-stop(100%, #555));background-image:-webkit-linear-gradient(top, #727272, #555);background-image:-o-linear-gradient(top, #727272, #555);background-image:linear-gradient(top, #727272, #555);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#727272', endColorstr='#555555', GradientType=0);text-align:center;cursor:pointer;border:1px solid #222;border-top-color:#333;border-bottom-color:#111}
.menu-trigger a.navbar .menu-icon{background:url(images/top-menu-icon.png) center no-repeat;width:20px;height:20px;margin:7px auto}
.menu-trigger a.navbar { float:left;background-repeat:no-repeat;background-position:50% 50% }
.menu-trigger .drawer-container{padding:5px;height:35px;position:relative}

/*left side menu*/
//#left-menu { width:200px; height:100%;left:-200px;position:absolute;top:0px;background:#390;padding-top:50px;text-align:left; }
#left-menu { width:200px;background:url(/images/sidebar-bg.png);box-shadow: inset -2px 0 10px rgba(0,0,0,0.15); }
#left-menu ul { padding:0px;margin:0px;list-style:none; }
#left-menu ul li { display: block;color: #666;font-size: 17px;font-weight: 500;text-shadow: 0 1px 0 #ffffff;border-bottom: 1px solid #ddd;border-top: 1px solid #f8f8f8; }
#left-menu ul li:hover { background-color: rgba(59,84,164,0.25);  }
#left-menu a { text-decoration: none;display:block;padding: 13px;color:#1767ab; }
#left-menu a:hover { text-decoration:none;color:#333; }
.ui-panel-inner { padding:0px !important; }
#left-menu p a { padding:0px;color:white; }
#left-menu p a:hover { padding:0px;color:white; }

/* ui-content */
.single { max-width:600px;margin:0 auto; }
.single h1 { font-size: 26px !important;line-height:26px !important; }
.ui-page { background: #EEE;font-family: 'Istok Web', sans-serif; }

.ui-content h1 { text-align:center;font-size:48px;line-height:48px; }

.icon-row { height:215px; }
.icon-row img { max-width:130px;padding:0px 10px 5px 10px; }
.text-row { text-align:left; }
.text-row h1, .icon-row h1 { font-size:26px; color:#333; line-height:26px; padding:0px;margin:5px 0;text-align:center; }
.text-row a { text-decoration: none; }
.text-row span { color: #C00;clear:right; }
.text-row p { color: #333;text-align:left;margin:0px;padding-top:10px; }
.text-row div { max-width:440px;margin:0 auto;padding:0px;text-align:left; }

.gray-line { height:4px;width:600px;clear:both; background:#CCC;border-radius:12px; }

/* footer */
.ui-footer p { padding:0px 10px; text-align:center;color:#ddd; }
.ui-footer p a { color:#ddd !important;text-decoration:none !important; }
.ui-footer p a:hover { color:#ddd;text-decoration:underline; }

/* TFContactForm */
#TFContactForm { 
    width: 400px;
    margin: 0 auto;
}
#TFContactForm .ui-input-text { width: 100% !important; }
#TFContactForm legend { display:block;padding:10px 0px; }
#TFContactForm textarea { display:block;width:100%; }
#TFContactForm .ui-submit { width:100%; }
#TFContactForm .contactItem .ui-select { display:block !important;width:100%; }
#TFContactForm label.error { 
	color: red; 
	padding-left: .5em; 
	vertical-align: top; 
	font-weight:bold
}

iframe {max-width:90%;}

.press p { padding: 0px 20px;text-align:left; }
.center { text-align:center !important; }
.left p { text-align:left !important; }

.download { width:300px !important; }

@media only screen and (max-width:959px) and (min-width:856px) {

}

@media only screen and (max-width:855px) and (min-width:728px) {

}

@media only screen and (max-width:727px) and (min-width:480px) {
	//.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 100%; }
	//.ui-grid-a > :nth-child(n) { width: 100%; margin-right: -.5px; }
	//.ui-grid-a .ui-block-a { clear: left; }
	//.ui-grid-a .ui-block-b div { text-align:left;padding:20px; }
	//.ui-grid-a .ui-block-b h1 { text-align:left;margin:5px 0px; }
	.icon-row img { width: 220px; }
	.menu-trigger { display: block; }
	.content { display:none; }
	#menu-header {display:none; }
	#image-header { width:50%;height:auto; }
	#image-header img { width: 240px !important;visibility:visible; }
	.press img { max-width:300px; }
	.ui-header { background-image:none;height:auto; }

}

@media only screen and (max-width:479px) and (min-width:420px) {
	.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 440px; }
	//.ui-grid-a > :nth-child(n) { width: 440px; margin-right: -.5px; }
	.ui-grid-a .ui-block-a { clear: left; }
	.icon-row { border-bottom:none; }
	.icon-row img { width:380; }
	.menu-trigger { display: block; }
	.content { display:none; }
	#menu-header {display:none; }
	#image-header { width:75%;height:auto; }
	#image-header img { width: 240px !important;visibility:visible; }
	.press img { max-width:300px; }
	.ui-header { background-image:none;height:auto; }
}

@media only screen and (max-width:419px) and (min-width:360px) {
	.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 99%; }
	//.ui-grid-a > :nth-child(n) { width: 99%; margin-right: -.5px; }
	.ui-grid-a .ui-block-a { clear: left; }
	.icon-row { border-bottom:none; }
	.icon-row img { width: 320px; }
	.menu-trigger { display: block; }
	.content { display:none; }
	#menu-header {display:none; }
	#image-header { width:75%;height:auto; }
	#image-header img { width: 240px !important;visibility:visible; }
	.press img { max-width:300px; }
	.ui-header { background-image:none;height:auto; }

}

@media only screen and (max-width:359px) and (min-width:340px) {
	.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 100%; }
	.ui-grid-a > :nth-child(n) { width: 100%; margin-right: -.5px; }
	.ui-grid-a .ui-block-a { clear: left; }
	.icon-row { border-bottom:none; }
	.icon-row img { width: 300px; }
	.menu-trigger { display: block; }
	.content { display:none; }
	#menu-header {display:none; }
	#image-header { width:75%;height:auto; }
	#image-header img { width: 240px !important;visibility:visible; }
	.press img { max-width:300px; }
	.ui-header { background-image:none;height:auto; }

}

@media only screen and (max-width:339px) {
	.ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b { width: 99%; }
	.ui-grid-a > :nth-child(n) { width: 99%; margin-right: -.5px; }
	.ui-grid-a .ui-block-a { clear: left; }
	.icon-row {border-bottom:none; }
	.icon-row img { width: 280px; }
	.menu-trigger { display: block; }
	.ui-grid-b .ui-block-a, .ui-grid-a .ui-block-b { width: 99%; }
	.ui-grid-b > :nth-child(n) { width: 99%; margin-right: -.5px; }
	.ui-grid-b .ui-block-a { clear: left; }
	.content { display:none; }
	#menu-header {display:none; }
	#image-header { width:75%;height:auto; }
	#image-header img { width: 200px !important; visibility:visible; }
	.press img { max-width:300px; }
	.ui-header { background-image:none;height:auto; }

}