@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700);



*{margin:0; padding:0;font-family: 'Open Sans Condensed', sans-serif;}

h1,h2,h3,h4,h5{font-family: 'Open Sans Condensed', sans-serif;}

.clear{clear:both;}

.clearfix:after {

	visibility: hidden;

	display: block;

	font-size: 0;

	content: " ";

	clear: both;

	height: 0;

     }

.clearfix { display: inline-block; }

/* start commented backslash hack \*/

* html .clearfix { height: 1%; }

.clearfix { display: block; }

.left{float:left;}

.bold{font-weight:bold;}

.italic{font-style:italic;}

/*===================NAV=======================*/

header .logo{float:left; margin:18px 0 0 10px;}

header ul{margin: 0 10px;}

header li{

	display:inline-block; list-style:none;float:right;

	border: 1px solid #ccc;

	border-radius: 0;

	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;

	color: #bbb;

	cursor: pointer;

	font-family: 'Open Sans Condensed', sans-serif;

	font-weight:bold;

	margin-top:20px;

	margin-left:2px;

	padding: 10px;

	text-align: center;

	text-decoration: none;

	text-transform:uppercase;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,666666+50,474747+100 */

	background: rgb(76,76,76); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRjNGM0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzY2NjY2NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NzQ3NDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(left,  rgba(76,76,76,1) 0%, rgba(102,102,102,1) 50%, rgba(71,71,71,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(76,76,76,1)), color-stop(50%,rgba(102,102,102,1)), color-stop(100%,rgba(71,71,71,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 50%,rgba(71,71,71,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 50%,rgba(71,71,71,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(left,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 50%,rgba(71,71,71,1) 100%); /* IE10+ */

	background: linear-gradient(to right,  rgba(76,76,76,1) 0%,rgba(102,102,102,1) 50%,rgba(71,71,71,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#474747',GradientType=1 ); /* IE6-8 */

}



header li:hover{

color:#212121;



/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e2e2e2+0,dbdbdb+50,d1d1d1+51,fefefe+100;Grey+Gloss+%231 */

background: rgb(226,226,226); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlMmUyZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI1MSUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmVmZWZlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-radial-gradient(center, ellipse cover,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */

background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */

background: -webkit-radial-gradient(center, ellipse cover,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-radial-gradient(center, ellipse cover,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 12+ */

background: -ms-radial-gradient(center, ellipse cover,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */

background: radial-gradient(ellipse at center,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}



header{

	height:86px;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#303030+0,030303+100 */

	background: rgb(48,48,48); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMwMzAzMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMzAzMDMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(48,48,48,1) 0%, rgba(3,3,3,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(48,48,48,1)), color-stop(100%,rgba(3,3,3,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(48,48,48,1) 0%,rgba(3,3,3,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(48,48,48,1) 0%,rgba(3,3,3,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(48,48,48,1) 0%,rgba(3,3,3,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(48,48,48,1) 0%,rgba(3,3,3,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303030', endColorstr='#030303',GradientType=0 ); /* IE6-8 */

}







.content{}



.controls{

	color: #bbb;

	display: block;

	height: 178px;

	overflow: hidden;

	width: auto;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646464+0,252525+100 */

	background: rgb(100,100,100); /* Old browsers */

	/* IE9 SVG, needs conditional override of 'filter' to 'none' */

	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY0NjQ2NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyNTI1MjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

	background: -moz-linear-gradient(top,  rgba(100,100,100,1) 0%, rgba(37,37,37,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(100,100,100,1)), color-stop(100%,rgba(37,37,37,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(37,37,37,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(37,37,37,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top,  rgba(100,100,100,1) 0%,rgba(37,37,37,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom,  rgba(100,100,100,1) 0%,rgba(37,37,37,1) 100%); /* W3C */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#252525',GradientType=0 ); /* IE6-8 */

	

}



#boatwrapper{position: relative; width:90%; height:auto; margin:0 auto;}





.main{

	border: 0 solid #000;

	margin-left: auto;

	margin-right: auto;

	text-align: center;

	/*width: 100%;*/

	width:80%;

	margin-bottom:50px;

	position:relative;	

	}

.top{

	display:none;

	border: 0 solid #000;

	text-align: center;

	width: 80%!important;

	position:relative;	

	margin:14% auto 4%!important;

	}	

.grad1 {

    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #333333 0%, #000000 100%) repeat scroll 0 0;

}



.grad2 {

    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #666666 0%, #222222 100%) repeat scroll 0 0;

}

.ctrls{max-width:20%;}

.ctrls li input{margin-right:15px;;}

.ctrls li {

    border: 1px solid #333;

    border-radius: 0;

    box-shadow: 0 0 3px #777 inset;

    color: #bbb;

    cursor: pointer;

    display: block;

    margin: 0;

    padding: 6px 20px 6px 30px;

    text-align: left;

    text-decoration: none;

    text-transform: uppercase;

    white-space: nowrap;

	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #666666 0%, #222222 100%) repeat scroll 0 0;

}

	

footer{	

font-size:80%;

	padding:10px 20px 0;

	color:#bbb;

	min-height:50px;

	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #333333 0%, #000000 100%) repeat scroll 0 0;

	}

	footer .left{float:left;}

	footer .centre{display:table; margin:auto; font-size:1.3em!important;}

	

.bottom{position:relative; display:block; width:100%; bottom:0;z-index:1000}	

.options{

	list-style: none;

	width:80%;margin-top:10px;

	margin-left:1%;

    height: auto;

    overflow-x: scroll;

    white-space: nowrap;

	

}

.options li{background:#f2f2f2;border:2px solid #666; cursor:pointer;display: inline-block; text-align:center; /*text-transform:uppercase;*/ color:#666; font-weight:bold; width:16%; font-size:90%;}

.options li:hover{background:#fff;}

.options img{padding:8px; width:80%;}

.options .selected{border:2px solid #FF6600;}

.removetower{cursor:pointer;}

#panel{height:auto;}

ul.submenu{

margin:10px;

 display:inline-block;

list-style:none;

margin-bottom:30px;

width:300px;

}

.submenu li{padding:3px 0; text-align:center;}

.submenu.left span {

    display: inline-block;

    width: 150px;

	text-align:left;

}

.colorswrapper{max-width:50%; margin-top:20px;}

.colors{list-style:none;}

.colors li{

	display:inline-block;

    border: 1px solid #333;

    box-shadow: 0 0 2px #777 inset;

    float: left;

    height: 34px;

    margin: 0 5px 5px 0;

    padding: 0;

    width: 34px;

	cursor:pointer;

	text-align:center;

}

.colors li:hover{

	border: 1px solid #FF6600;

}

li label{width:100px; text-align:right; display:inline-block; font-size:80%;}

.decalsets{

	padding-top:30px;

	float:left;

	width:65px;

	font-size:70%;

	color:#fff;

	font-weight:bold;

	line-height:0;

	}

	.decalsets ul{

	list-style:none;

	min-height:200px;

	text-align:center;

	

	

	}

	.sub li{

	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #666666 0%, #222222 100%) repeat scroll 0 0;

    border: 1px solid #444;

    line-height:18px;

    margin: 0 2px;

    padding: 6px 0;

	text-align:center;

	width:60px;

	color:#bbb;

	font-weight:normal;		

	}

	.group{

	float:left;

	margin:0 20px;

	width:210px;

	}

	/*==========================FORMS=============================*/

	.pnlForm {

		display:none;

		text-align:center;

	position:fixed;

	top:80px;

left:0;right:0;

	margin:0;

    background-color: #eee;

    border: 1px solid #ccc;

    border-radius: 10px;

    box-shadow: 2px 2px 14px 0 rgba(0, 0, 0, 0.1);

    margin-left: auto;

    margin-right: auto;

    margin-top: 20px;

    padding: 30px;

    width: 100%; max-width:500px;

	z-index:1000;

}

.pnlForm input, .pnlForm textarea {

    font-size: 1.25em;

    margin: 0 10px 10px 0;

    padding: 7px;

}

#fsend div{width:40%; padding:0 5%;float:left;}

#fsend textarea{height:190px;}







/*==================MEDIA QUERIES ===============================*/



@media screen and (min-width: 1290px) {

.top{margin-bottom:12%!important;}

}



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



ul.submenu {

    margin: 10px 0 30px;

}	



.colorswrapper {

    margin-top: 20px;

    max-width: 30%;

}



.options {

    height: 152px;

    list-style: outside none none;

    margin-left: 20px;

    margin-top: 10px;

    overflow-x: scroll;

    white-space: nowrap;

	width:87%;

    

}

.options .left{float:none;}	



.colors li {

    border: 1px solid #333;

    box-shadow: 0 0 2px #777 inset;

    cursor: pointer;

    display: inline-block;

    float: left;

    height: 20px;

    margin: 0 5px 5px 0;

    padding: 0;

    text-align: center;

    width: 20px;

}

header li{font-size:.8em;}

.top{margin-top:18%!important;}



}



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

    .logo {

        width:80%; margin:0 10%;

		float:none;

    }

	#boatwrapper{max-height:200px; overflow:hidden;}

	.bottom{position:relative;}

	.nav{clear:both;display:block;margin:5px;}

	.nav li{

	   background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(76, 76, 76, 1) 0%, rgba(102, 102, 102, 1) 50%, rgba(71, 71, 71, 1) 100%) repeat scroll 0 0;

    border: 1px solid #ccc;

    border-radius: 0;

    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) inset;

    color: #bbb;

    cursor: pointer;

    display: inline-block;

    float: right;

    font-family: "Open Sans Condensed",sans-serif;

    font-weight: bold;

    list-style: outside none none;

    margin-left: 2px;

    margin-top: 20px;

    padding: 5px;

    text-align: center;

    text-decoration: none;

    text-transform: uppercase;

}	

footer span{display:block; text-align:center; float:none; width:100%;}



.ctrls li{width:100%;}

.ctrls{ max-width:100%!important;}

.ctrls.left{float:none; max-width:100%!important;}

.pnlForm{max-width:300px;}

.pnlForm input,.pnlForm textarea, .pnlForm div{width:100%; display:block;}

#fsend div {

    float: none;

	display:block;

    padding: 0 5%;

    width: 87%;

}



/*--------*/

.controls{height:auto;}





ul.submenu {

    display: inline-block;

    float: right;

    font-size: 12px;

    list-style: outside none none;

    margin: 10px 10px 30px;

    max-width: 50%;

}



.ctrls {max-width:100%;

    width: 100%!important;

}

.nav li{font-size:13px;}



ul.submenu{float:none; max-width:100%; margin:auto auto;}

.colors{width:100%; margin:0 5px;}

.colors li {

    border: 1px solid #333;

    box-shadow: 0 0 2px #777 inset;

    cursor: pointer;

    display: inline-block;

    float: none;

    height: 15px;

    margin: auto;

    padding: 0;

    text-align: center;

    width: 20px;

}

.colorswrapper{width:100%; max-width:100%;}

.colorswrapper .left{float:none; margin: 0 auto;}

.pnlForm {

    max-width:80%;

    width: 80%;

}

.pnlForm input, .pnlForm textarea, .pnlForm div {

    display: block;

    width: 96%;

}



.top{margin-top:14%!important;}



.options li {font-size:60%;}

}