body {
	margin-top: -143px;

	padding-top: 143px;
	position: relative;
	background: #fff;
	font-family: 'Muli', sans-serif;
	font-weight:lighter;
}


.form-container{
	margin-top:20px;
}

#main{padding:0px 20px;
}
.hidden {
	display: none!important;
}
.clearer {
	clear: both;
}
a {
	/*color: #428bca;*/
	color:#005578;
	text-decoration: none;
}
a:hover {
	color: #155F98;
	text-decoration: none;
}
.masterBrand {
	margin: 28px 0px 48px -30px;
		float:left;
}
.navbar{
	clear:both;
	text-align:center;
}
.navbar-nav > li{
	float:none;
	display:inline-block;
}

.navbar-nav > li a{
	text-transform:uppercase;
	background:url(../img/sep.gif) no-repeat right center;
}
.navbar-nav > li {
		margin-right:-5px;
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
			background:url(../img/sep.gif) no-repeat right center;

}
a {
   outline: 0!important;
}


p{
	text-align:justify;	
}

.bannerCaption P{
	text-align:left;
}	
.wpiBanner .bannerCaption P{
	text-align:right;
}	
.masterBrand2{
		transition:margin 0.2s ease;
	margin: 28px -30px 48px 0px;
	float:right;
}

.wpi .masterBrand2, .ukwon .masterBrand2{
	transition:margin 3s ease;
	margin: -20px -30px 38px 0px;
}

.visuallyhidden {
	border: 0 none;
	clip: rect(0px, 0px, 0px, 0px);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.theHiddenForm {
	position: absolute;
	top: 0px;
	width: 100%;
	background: #000;
	height: 143px;
	overflow: hidden;
	border-bottom: 1px solid #666;
}
#main{
	padding-bottom:0px 40px;
}
.theHiddenForm .row {
	position: relative;
}
.theHiddenForm .btn-primary {
	margin-top: 24px;
}
input.inputError, textarea.inputError {
	background: #ECBFBD;
	border: 1px solid #F00;
}
.formFeedbackWrap .formError + p, .formFeedbackWrap .formError p {
	background: #600;
	color: #F99;
	font-size: 16px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px;
	border: 1px #F99 solid;
}
div.topSlide {
	background: none repeat scroll 0 0 #000000;
	border-radius: 0 0 8px 8px;
	box-shadow: 0 2px 2px #999999;
	float: right;
	font-size: 13px;
	margin-top: -3px;
	padding: 10px 20px;
	position: absolute;
	right: 40px;
	text-align: center;
	top: 0px;
	width: auto;
	color:#fff;
}
div.topSlide a.btn {
	margin-top: 0px;
}

.sideNav h3 {
	margin-top: 40px;
	clear: both;
}
header.navbar-wrapper{
	padding-top:10px;	
}
.navbar-inverse{
border:0px;

}
.navbar-nav, .navbar-collapse{
	float:none;
	margin:0px;

}
.navbar-nav{
	display:inline-block;
			background:url(../img/sep.gif) no-repeat left center;
}
.container {
		color: #808285;

}
.headerWrapper .container, .carousel-inner .container, #footerWrap footer.container, .theHiddenForm .container {
	color: #fff;
	background: none;
}
.theHiddenForm .container {
	padding: 20px 0px;
}
.padding {
	padding: 0px 25px;
}

.headerWrapper div#slogan a {
	top: 3px;
	position: relative;
	color: #fff;
}
.headerWrapper div#slogan img {
	position: relative;
	top: -3px;
}
.featurette.vidWrap {
	padding: 30px 0px 40px 0px;
}
.footerTexts {
	font-size: 10px;
	clear: both;
	line-height: 13px;
	padding-top: 10px;
}
.footerBottom {
	padding: 10px 0px;
}

.mainBanner{
	height:275px;
	background-color: #fff;
	/*background:url(../img/tree-bg.gif) no-repeat top center;*/
	color:#76adc1;	
	overflow:hidden;
}


.mainBanner.wpiBanner{
	height:295px;
	background:url(../img/tree-bg.gif) no-repeat bottom center;
	color:#fff;	
}
.bannerCaption{
	padding:20px 30px; 
		width:100%;
}
.bannerCaption h2{
	font-size:36px;
}
.bannerCaption p{
	font-size:13px;
	/*line-height:20px;*/
	line-height:1.8em;

}

.wpiBanner .bannerCaption{
	float:right;
	text-align:right;
}


h1.featureHeading{
	 font-size: 17px;
    line-height: 30px;
	text-align:center;
	padding:40px 20px;
}
h1.featureHeading span{
	font-weight:400;
	
}
h1.aboutHeading{
	 font-size: 34px;
    line-height: 46px;
	text-align:center;
	padding:0px 0px 20px;
	margin-top:0px;
}

.navbar-wrapper .navbar-inverse{
	background:#808285;
		
}
.navbar-inverse .navbar-nav > li > a{
	color:#E0E0E0;	
}

.centered{
	text-align:center;
}

/* GENERAL NAVIGATION STYLES
    -------------------------------------------------- 
.nav li {
	font-size: 12px;
}
.navbar-wrapper {
	position: relative;
	z-index: 10;
	margin-top: 20px;
	margin-bottom: -90px;
}
.navbar .navbar-inner {
	border: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0px;
}
.navbar .navbar-inner nav {
	background: #000;
}
.navbar .brand {
	padding: 14px 20px 16px;
	font-size: 16px;
	font-weight: bold;
	text-shadow: 0 -1px 0 rgba(0,0,0,.5);
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus,
header nav li a:hover,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	color: #fff;
	background: #ce3e3e;
}
header .navbar-inverse {
	background: none;
}
.navbar .nav > li > a {
	padding: 10px 20px;
	text-shadow:none;
}
.navbar-inverse .navbar-inner {
	background: none;
}
.navbar .btn-navbar {

}
.sideNav .dropdown-menu {
	display: block;
	position: relative;
	left: 0px;
	height: auto;
	border: 0px;
	width: 80%;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCCCCC;
	border-radius: 0px;
	float: none;
}
.sideNav .dropdown-menu li {
	border-top: 1px dotted #CCCCCC;
}
.sideNav .dropdown-menu li a:link, .sideNav .dropdown-menu li a:visited {
	padding: 8px 3px;
	color: #999;
}
.sideNav .dropdown-menu li a:hover {
	color: #fff;
}
dropdown-menu li > a:hover,  .dropdown-menu li > a:focus,  .dropdown-submenu:hover > a {
	color: #ffffff;
	text-decoration: none;
	background-color: #0081c2;
	background-image: -moz-linear-gradient(top, #ce3e3e, #9d454c);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ce3e3e), to(#9d454c));
	background-image: -webkit-linear-gradient(top, #ce3e3e, #9d454c);
	background-image: -o-linear-gradient(top, #ce3e3e, #9d454c);
	background-image: linear-gradient(to bottom, #ce3e3e, #9d454c);
	background-repeat: repeat-x;
 	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffce3e3e', endColorstr='#ff9d454c', GradientType=0);
}

*/

#nav_1518765, #nav_1518781{
			width:680px;
		background: rgba(0,0,0,0.26);

}
#nav_1518765{
		margin:60px 0px 40px -80px;
		padding:10px 10px 0px 70px;

}
#nav_1518781{
		margin:166px 0px 40px -80px;
		padding:10px 10px 0px 70px;
}

#nav_1518765 li, #nav_1518781 li{
	display:inline-block;
	list-style:none;
	padding:0px;
	position:relative;
	height:28px;
	width:auto!important;
}

#nav_1518765 li a, #nav_1518781 li a{
	color:#fff;
	padding:0px 8px;
	text-transform:uppercase;
	font-size:12px;
	height:30px;
	
	border-right:1px solid #fff;
}
#nav_1518765 li.selected a, #nav_1518781 li.selected a{
	color: #000;
	
}
#nav_1518765 li img,  #nav_1518781 li img{
	margin-top:0px;
	position:relative;
	top:-3px;
}
#nav_1518765 li ul,  #nav_1518781 li ul{
	position:absolute;
	background:#fff;
	padding:10px;
	left:-9990px;
	top:0px;
	margin-top:28px;
	width:340px;
	display:block;
	box-shadow:3px 3px 3px rgba(8,8,8,0.3);
}

#nav_1518765 li:hover ul, #nav_1518781 li:hover ul{
	left:0px;	
}

#nav_1518765 li ul li a,  #nav_1518781 li ul li a{
	color:#6F6F6F;	
	border-bottom:1px solid #BCBCBC;
	width:320px;
	display:block;
	padding:2px 0px;
	margin:0px;
}


#nav_1518765 li ul li.selected a, #nav_1518781 li.selected ul li a{
	color:#6F6F6F;	
}

#nav_1518765 li ul li a:hover,  #nav_1518781 li ul li a:hover{
	color:#000;
}


.subPage p{
	font-size:16px;
}
.subPage img{
	margin-top:20px;	
}
.contentHolder{
	border-bottom:1px solid rgba(0,0,0,0.3);
	padding:0px 0px 20px 0px;
	margin-bottom:30px;
}

.contentHolder img{
	margin-bottom:15px;
}

.contentHolderNoBorder{
	
	padding:0px 0px 20px 0px;
	
}
.about .contentHolderNoBorder{
	
	padding:0px 0px 10px 0px;
	
}
.subPage table{
	width:100%;	
}

.subPage table td{
	padding:4px 6px;
	background: rgba(0,0,0,0.26);
	border:1px solid rgba(255,255,255,0.3);	
}
.subPage table thead td{
		background-color: #fff;
			border:1px solid rgba(0,0,0,0.3);	

	color:#686868;
}
.subPage h2, h3, h4{
	text-transform:uppercase;	
}
.subPage ul, .subPage ol{
	text-transform:none;
	margin:24px 0px;	
}
.subPage ul li, .subPage ol li{
	margin-bottom:10px;	
	font-size:16px;
}


/* BASIC BLOG STYLING
    -------------------------------------------------- */
.newsArticles {
	margin: 0px;
	padding:0px;
}
.newsArticles li {
	list-style: none;

}
.newsArticles li article{
	border-bottom: 1px dotted #CCCCCC;
	margin:3px;
}
p.time {
	font-size: 11px;
	position: relative;
	top: -11px;
}
section.hfeed {
	padding-top: 20px;
}
section.hfeed button {
	margin-top: 18px;
	float: right;
	margin-right: 20px;
}
h2.entry-title {
	display: inline-block;
	font-size: 50px;
	line-height: 55px;
	width: 80%;
}
ul.tags {
	margin: 0px;
	padding: 0px 6px 0px 0px;
	border-right: 1px solid #CCC;
	display:inline;
}
ul.tags li {
	display: inline-block;
	padding-left: 6px;
	padding-right:2px;
	border-left: 1px solid #CCC;
}
.commentsList {
	margin: 20px 0px;
	padding:0px;
}
.commentsList .theComment {
	font-size: 18px;
}
.commentsList li {
	list-style: none;
	margin: 3px 0px;
	border: 1px solid #CCC;
	padding: 15px;
	box-shadow: 1px 1px 1px #CCC;
}
h2.extraHeadingPadding {
	padding: 20px 0px;
}
#pageHome ul.newsArticles h3 {
	font-size: 18px;
	line-height: 20px;
	padding: 0px;
}
#pageHome ul.newsArticles li {
	border: none;
}
#pageHome ul.newsArticles img {
	height: 160px;
	margin-bottom: 8px;
}
.RMArticleImageWrapper img {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}

.socialShares{
	padding:30px 0px;
	height:90px;
}
.socialShares span{
	height:30px;
	box-sizing:content-box;
	-moz-box-sizing:content-box;
}

/* GENERAL DISTRIBUTOR MODULE STYLES
    -------------------------------------------------- */
	
p.rank {
	font-size: 18px;
	padding: 0px;
	margin-top: -6px;
}
ul.disList, ul.disList ul {
	margin: 0px;
	padding: 0px;
}
ul.disList {
	padding: 20px 0px;
}
ul.disList li {
	list-style: none;
}
ul.disList li.vcard {
	border-bottom: 1px solid #CCC;
	font-size: smaller;
	padding: 10px 0px;
}
ul.disList h3 {
	padding: 0px;
	margin: 0px 0px 6px;
}
ul.disList p {
	margin-bottom: 3px;
}
.map {
	margin: 20px 0px;
	border: 1px solid #999;
}
.pageDistributors h1 {
	font-size: 24.5px;
}
.disList h2 {
	display: none;
}
ul.disList ul, .paper {
	border: 1px solid #CCC;
	padding: 20px;
	background: url(../img/paper.gif);
}



/* CAROUSEL BASE STYLING
    -------------------------------------------------- */

.carousel {
	margin-bottom: 0px;
}
.carousel .container {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
.carousel-inner {
	clear: both;
}
.carousel a.carousel-control{
	width:5%;
	background:none;
	
}
.carousel a.carousel-control:hover{
	background:none;
	
}
.carousel .item {
}
.carousel img {
	min-width: 100%;
	height: auto;
}
.carousel-caption {
	background: none;
	width: auto;
	display: block;
	padding: 0 76px 40px 0px;
	left:76px;
	text-align:left;
}
.carousel-caption h2 {
	font-size: 2.5em;
	letter-spacing: normal;
	padding-bottom: 0px;
}
.carousel-caption h2,  .carousel-caption .lead {
	margin: 0;
	line-height: 1.25;
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.4);
}
.carousel-caption .btn {
	margin-top: 10px;
}
.inverted .carousel-caption h2, .inverted .carousel-caption .lead {
	text-shadow: 0 -1px 0px #999999;
	color: #000;
}
/* MARKETING CONTENT
    -------------------------------------------------- */
.marketing .span4 {
	text-align: left;
	padding: 10px 0px;
}
.marketing h2, .marketing h2 strong {
	font-weight: normal;
}
.marketing .span4 p {
	margin-left: 0px;
	margin-right: 0px;
}
.marketing .span4 h2 {
	font-size: 24px;
	padding: 0px;
}
.marketing .span4 img {
	margin-bottom: 10px;
}
/* Featurettes
    ------------------------- */
.featurette-divider {
	margin: 40px 0;
}
.featurette {
	background: #F6F6F6;
	padding: 8px 0px 8px 0px;
	overflow: hidden; 
}
.featurette-image {
/*margin-top: -120px; /* Vertically center img part 3: negative margin up the image the same amount of the padding to center it. */
}
video.featurette-image.pull-left {
	width: 320px;
	height: 180px;
	max-width: 320px;
}
.featurette-image.pull-left {
	margin-right: 40px;
}
.featurette-image.pull-right {
	margin-left: 40px;
}
.featurette-heading {
	font-size: 50px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: -1px;
}
.btn-primary {
    background-color: rgba(0,0,0,0.3);
	border:0px;
    color: #FFFFFF;
	margin:6px 0px;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-color: rgba(0,0,0,0.4);
    border-color: rgba(0,0,0,0.4);
    color: #FFFFFF;
}


.bs-callout {
    border-left: 3px solid #EEEEEE;
    margin: 20px 0;
    padding: 20px;
}
.bs-callout h4 {
    margin-bottom: 5px;
    margin-top: 0;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    background-color: #FFFFFF;
    border-radius: 3px;
}
.bs-callout-danger {
    background-color: #FDF7F7;
    border-color: #D9534F;
}
.bs-callout-danger h4 {
    color: #D9534F;
}
.bs-callout-warning {
    background-color: #FCF8F2;
    border-color: #F0AD4E;
}
.bs-callout-warning h4 {
    color: #F0AD4E;
}
.bs-callout-info {
    background-color: #F4F8FA;
    border-color: #5BC0DE;
}
.bs-callout-info h4 {
    color: #5BC0DE;
}



/*------------------------------------*\
    SVG Sprite Icons 
\*------------------------------------*/

.spriteIcons ul {
	margin: 6px 0px;
	text-align: center;
	padding:0px;
}
.spriteIcons ul li {
	display: inline-block;
	position: relative;
}
.s-icon span, .no-svg .s-icon span {
	display: block;
	width: 200px;
	padding: 5px 20px 5px 40px;
}
.svg .s-icon {
	background-image: url(../img/icons.svg);
}
.s-icon, .no-svg .s-icon {
	background-image: url(../img/icons.png);
	background-repeat: no-repeat;
	display: inline-block;
	height: 32px;
	width: 32px;
	border-radius: 3px;
}
.s-icon:hover {
	opacity: 0.7;
	cursor: pointer;
}
.s-icon-twitter {
	background-color: #00C4FC;
	background-position: 0px 0px; /* 0 */
}
.s-icon-dribbble {
	background-color: #EE7BFF;
	background-position: -32px 0px; /* 0 */
}
.s-icon-youtube {
	background-color: #DD4B39;
	background-position: -64px 0px; /* 0 */
}
.s-icon-flickr {
	background-color: #F9F9F9;
	background-position: -96px 0px; /* 0 */
}
.s-icon-forrst {
	background-color: #13A562;
	background-position: 0px -32px; /* 32 */
}
.s-icon-facebook {
	background-color: #3350AE;
	background-position: -32px -32px; /* 32 */
}
.s-icon-vimeo {
	background-color: #00C4FC;
	background-position: -64px -32px; /* 32 */
}
.s-icon-rss {
	background-color: #FF7427;
	background-position: -96px -32px; /* 32 */
}
.s-icon-google {
	background-color: #DD4B39;
	background-position: -0px -64px; /* 64 */
}
.s-icon-linkedin {
	background-color: #0086D2;
	background-position: -32px -64px; /* 64 */
}
.s-icon-tumblr {
	background-color: #2C4762;
	background-position: -64px -64px; /* 64 */
}
.s-icon-skype {
	background-color: #00C4FC;
	background-position: -96px -64px; /* 64 */
}
.s-icon-github {
	background-color: #555;
	background-position: -0px -96px; /* 96 */
}
.s-icon-githubcat {
	background-color: #555;
	background-position: -32px -96px; /* 96 */
}
.s-icon-pinterest {
	background-color: #DD4B39;
	background-position: -64px -96px; /* 96 */
}
.s-icon-feedburner {
	background-color: #0086D2;
	background-position: -96px -96px; /* 96 */
}




/*------------------------------------*\
    Matts Simple Cart Stylings
\*------------------------------------*/


ul.shop{margin:0px;
padding:0px;
}

ul.shop li{
	list-style:none;
}

.simpleCart_shelfItem{
	padding:10px;
	border:1px solid #CCC;
	margin:20px 0px;	
}
.simpleCart_items .headerRow div, .simpleCart_items .itemRow div{
	display:inline-block;

}
.headerRow{
	background:-moz-linear-gradient(center top , #F7F7F7 0%, #EDEDED 100%) repeat scroll 0 0 transparent;
	border:1px solid #CCC;
		padding:10px;
}
.itemRow{
	border:1px solid #CCC;
	border-top:0px;
	padding:15px 10px;
	color: #999;
}
.headerRow div{
	color:#666;

}
.item-name{
	width:30%;
	padding-right:5px;
}
.item-price{
	width:17%;
	padding-right:2%;
}
.item-decrement{
	width:6px;
		text-align:center;
}
.item-quantity{
	width:25px;
	text-align:center;
}
.item-increment{
	width:6px;
		text-align:center;
}
.item-total{
	width:17%;
	padding-left:10%;
}
.shop li .item_Quantity{
	width:30px;
}
.simpleCart_items{
	margin:20px 0px;
}
.miniBasket{
		margin:20px 0px;
	background:-moz-linear-gradient(center top , #F7F7F7 0%, #EDEDED 100%) repeat scroll 0 0 transparent;
	border:1px solid #CCC;
	padding:10px;
}
#shoppingBasket .miniBasket{
	text-align:right;
}


.textDiv{
	padding:20px 0;
	border-bottom:1px solid #686868;
}
.paddingBottom20{
	padding:0 0 20px 0;
}
.about p{
	color:#808285;
}
.darkText p{
	color:#565656;
}
.blue{
	color:#00aeef;
}
.about{
	padding:30px;
}
.adrotatorPad{
	margin:10px 0;
}
.ukwonSocial{
	background-color:
}
.copyright p{
	text-align:center;
}
.ukwonSocial p{
	color:#00AEEF;
}
.wpiSocial p{
	color:#8dc63f;
}
.ukwon{
	color:#00AEEF;
}
.wpi{
	color:#8dc63f;
}
.fifthElement{
	
	height:900px;
	margin:0 -45px;
	position:relative;
}
.fifthElement ul{
	margin:0px;
}
.fifthElement ul li{
	margin:0px;
	
}
.topArrow {
	background-image: url(../img/arrow-top.png);
	position:absolute;
	top:0px;
	left:220px;
	height:222px;
	width:183px;
	padding:80px 0 0 0;
}
.topArrow p{
	text-align:center;
	font-size:14px;
}
.topArrow h3{
	text-align:center;
	font-size:16px;
}
.topArrow h2{
	text-align:center;
	font-size:19px;
}

.middleBox {
	position:absolute;
	top:350px;
	left:190px;
	background-color:#7ccd00;
	padding:20px 20px 20px 0;
	z-index:900;
}
.middleBox ul{
	
	font-size:13px;
}
.bottomArrow {
	background-image: url(../img/arrow-bottom.png);
	position:absolute;
	bottom:50px;
	left:220px;
	height:222px;
	width:183px;
	padding:100px 0 0;
}
.bottomArrow h3{
	text-align:center;
	font-size:16px;
	margin:0px 0 5px;
}
.bottomArrow p{
	text-align:center;
	font-size:14px;
	
}
.topLeftBox {
	background-color: #FFFFFF;
    left: 7px;
    padding: 20px 20px 30px 20px;
    position: absolute;
    top: 180px;
	font-size:12px;
	height:194px;
	width:238px;
}
.topLeftBox h3{
	color:#00AEEF;
	font-size:14px;
		margin-top:5px;
}

.topLeftBox ul{
	margin:0px;
	color:#00AEEF;
	padding:0 0 0 30px;
}
.topLeftBox li{
	margin:0px;
}

.bottomLeftBox {
	background-color: #FFFFFF;
    left: 10px;
    padding: 20px 20px 30px 20px;
    position: absolute;
    bottom: 220px;
	font-size:12px;
	height:194px;
	width:238px;
}
.bottomLeftBox h3{
	color:#00AEEF;
	font-size:14px;
		margin-top:5px;
}
.bottomLeftBox ul{
	margin:0px;
	color:#00AEEF;
	padding:0 0 0 30px;
}
.bottomLeftBox li{
	margin:0px;
}


.topRightBox {
	background-color: #FFFFFF;
    right: 10px;
    padding: 20px 20px 30px 20px;
    position: absolute;
    top: 180px;
	font-size:12px;
	height:194px;
	width:238px;
}
.topRightBox h3{
	color:#00AEEF;
	font-size:14px;
	margin-top:5px;
		line-height:1.3em;
}
.topRightBox ul{
	margin:0px;
	color:#00AEEF;
	padding:0 0 0 30px;
}
.topRightBox li{
	margin:0px;
}

.bottomRightBox {
	background-color: #FFFFFF;
    right: 10px;
    padding: 20px 20px 30px 20px;
    position: absolute;
    bottom: 220px;
	font-size:12px;
	height:194px;
	width:238px;
}
.bottomRightBox h3{
	color:#00AEEF;
	font-size:14px;
		margin-top:5px;
	
}
.bottomRightBox ul{
	margin:0px;
	color:#00AEEF;
	padding:0 0 0 30px;
}
.bottomRightBox li{
	margin:0px;
}

.adRotator {
	width:302px;
	border:1px solid #ccc;
	height:200px;
	overflow:hidden;
}
.adRotator .text{
	padding:5px 0 0 5px;
	float:left;
	
	line-height:1.3em;
	font-size:12.5px;
	width:138px;
	height:200px;
}
.adRotator p{
	width:130px;
	text-align:left;
	line-height:14px;
}
.adRotator img{
	float:left;
}
.adRotator h2{
	font-size:14px;
	color:#333;
	margin-top:0;
	text-transform:uppercase;
}
p.tagline{
	text-align:center;
	padding:40px 0 0;
	font-size:15px;
	text-transform:uppercase;
	color:#00AEEF;
}
.signup{
	background-color: #ddd;
    margin: 15px 0;
    padding: 20px;
    text-transform: none;
}
    /* RESPONSIVE CSS
    -------------------------------------------------- */

@media (max-width: 979px) {
body {
	padding-left: 20px;
	padding-right: 20px;
}
.page, .theHiddenForm {
	margin: 0px -20px;
}
#main, .footer {
	margin: 0px 20px
}
.navbar-inverse .navbar-inner {
	background: #000;
}
.container.navbar-wrapper {
	margin-bottom: 0;
	width: auto;
}
.navbar-inner {
	border-radius: 0;
	margin: -5px 0;

}
.carousel .item {
}
.carousel img {
	width: auto;
}
.carousel-caption h2 {
	font-size: 38px;
}
.carousel-caption p.lead {
	font-size: 20px;
}
.featurette {
	height: auto;
	padding: 0;
}
.featurette-image.pull-left,  .featurette-image.pull-right {
	display: block;
	float: none;
	max-width: 40%;
	margin: 0 auto 20px;
}

}

@media (min-width: 980px) {
		.container{
width: 970px;
	}
}

 @media (max-width: 767px) {
.carousel {
	margin-left: -20px;
	margin-right: -20px;
}
.carousel .container {
}
.carousel .item {
	height: auto;
}
.carousel img {
	height: auto;
}
.carousel-caption {
	width: 65%;
	padding: 0 70px;
	margin-bottom: 40px;
}
.carousel-caption h2 {
	font-size: 20px;
}
.carousel-caption p.lead {
	font-size: 14px;
}
.carousel-caption .lead,  .carousel-caption .btn {
	font-size: 18px;
}
.carousel-caption, .topSlide, .theHiddenForm {
	display: none;
}
.marketing .span4 + .span4 {
	margin-top: 40px;
}
.featurette-heading {
	font-size: 30px;
}
.featurette .lead {
	font-size: 18px;
	line-height: 1.5;
}
video.featurette-image.pull-left {
	width: 100%;
	height: auto;
	max-width: 320px;
}

}






h1, h2, h3, h4, h5, h6 {
	font-weight: lighter;
}

body{
	background: url(../img/bg-repeater.png) repeat-y top center;

}
.footerWrapper {
	min-height: 80px;
	padding-bottom: 80px;
	margin-top:20px;
}
.carousel {
	margin: 40px 0px;
	border: 4px solid #cbcbcb;
}

.footerBottom {
	padding: 10px 0px;
	text-align:center;
}

.globalWrap{width:970px;
margin:0px auto;
background-color:transparent;
transition:all 0.5s ease;	
background:#152d38 url(../img/master-bg.gif) repeat-y center top;
}










.page {
	transition:all 1s ease;
	position:relative;
	background:#fff;
	float:left;
	padding:0px;
	z-index:20;
	width:970px;
}

.subPage{
	width:650px;
	padding:0px 56px;	
	color:#fff;
	overflow:hidden;
	transition:all 1s ease;

}

.both .subPage{
		height:400px!important;
}

.container{
	transition:all 1s ease;
}



.ukwonPage{
transition:all 1s ease;
	opacity:0;
	color:#fff;	
	float:left;
	margin-right:-650px;
}

.wpiPage{
	transition:all 1s ease;
	opacity:0;

	float:right;
	margin-left:-650px;
}

.wpi #main, .ukwon #main{
	display:none;	
}


.ukwon .ukwonPage{
	transition:all 1s ease;
	opacity:1;
	margin-right:0px;
}
.wpi .wpiPage{
	transition:all 1s ease;
	opacity:1;
	margin-left:0px;
}



.ukwon .globalWrap{
	background-position:top left;
transition:all 1s ease;	

}
.wpi .globalWrap{
		background-position:top right;
	transition:all 0.5s ease;	
}



.wpi .ukwonPage, .ukwon .wpiPage{width:300px;
height:800px;
}




.wpi .page, .wpi .page .container, .ukwon .page, .ukwon .page .container{
	width:320px;
		transition:all 1s ease;
}

.ukwonPage .page{
		transition:all 1s ease;

}



.wpi .home-click, .ukwon .home-click{
	cursor:pointer;	
}



.wpi .col-md-4, .ukwon .col-md-4{
	width:100%;
}

.wpi .home-content, .ukwon .home-content, .wpi .navbar, .ukwon .navbar, .mainToggle{
	display:none;	
}

.wpi .mainToggle, .ukwon .mainToggle{
	display:block;
}

.styledHeader h2{
background:#808285;
color:#fff;
padding:10px;
text-align:center;
text-transform:uppercase;
font-size:14px;
}



.news-list h3{
	font-size:14px;
		padding-top:0px;
	margin-top:0px;	
}
.news-list p{
font-size:12px;
line-heigh:18px;
}

.news-list{
	min-height:115px;
	border-bottom:1px solid #000;
	display:block;
	padding:14px 0px;
}
h2.removeMargin{
	margin-bottom:0px;	
}

.contactSection{
	text-transform:uppercase;	
	border-bottom:1px solid #000;
	padding-bottom:2px;
}








/*events*/

.booking-list{
	height:115px;
	margin-bottom:1px;
	display:block;
	position:relative;
}
.Sofia{
	background:url(../img/sofia_event.jpg) no-repeat left center;
}

.booking-list  a{
	background:url(../img/event-mask.png) no-repeat top left;
	padding:20px 20px 20px 105px;
	display:block;
	font-size:14px;
	line-height:18px;
	text-transform:uppercase;
	color:#808285;
		height:115px;
			border-bottom:1px solid #000;
}
.booking-list  a span{
	font-size:	12px;
	color:#c2c2c2;
	text-transform:none;
}
.eventdiv .img-round{
	position:absolute;
	left:0px;
	top:6px;
	display:block;
	border-radius:48px;
	overflow:hidden;
}
// this should keep any image with a class of img-always-stretch at 100% width of its parent
img.img-always-stretch{
            width: 100%;
            height: auto;
}
// this will stretch and image with a class of img-responsive to 100% width of its parent if the browser window is less than 500px.
@media only screen and (max-width: 500px) {
        img.img-responsive {
            width: 100%;
            height: auto;
            }
}