/*
 * Simple Framework v1.1.1
 * http://www.layertwo.co.uk
 *
 * Copyright 2012, Layer Two Limited
 * http://www.layertwo.co.uk
 *
 * Free to use and abuse under the GPL license.
 * http://www.gnu.org/copyleft/gpl.html
 * 
 */
 
/*** VARIABLES ***/
@body: #01708B;				/* Body Background */
@font1: Arial; 				/* Body */
@font2: "OpenSansLight"; 	/* Headers */
@font3: Georgia; 			/* Other */
@link: #F41A56; 			/* Hyperlink */
@linkh: #005580; 			/* Hyperlink Hover */
@btn1: #EEEEEE; 			/* Button Style 1 */
@btn2: #0A74C1; 			/* Button Style 2 */
@btn3: #C20A3D; 			/* Button Style 3 */
@btn4: #819E18; 			/* Button Style 4 */
@note1: #CEE3F3; 			/* Note Style 1 */
@note2: #E8EED1; 			/* Note Style 2 */
@note3: #FFF5CC; 			/* Note Style 3 */
@note4: #F5CCCC; 			/* Note Style 4 */
@padding: 20px; 			/* Box Padding */
@margin: 20px; 				/* Box Margin */
@radius: 5px; 				/* Box Radius */
@box1: #DAB800; 			/* Box Style 1 */
@box2: #01B4DF; 			/* Box Style 2 */
@box3: #CF274B; 			/* Box Style 3 */
@box4: #015266; 			/* Box Style 4 */
@box5: #0186A7; 			/* Box Style 4 */

/*** GLOBAL ***/
body {margin-top: 20px; font-family: @font1; line-height: 21px; font-size: 13px; color: #FFF; background: @body;}
#body-bg {width: 100%; background: url("../img/assets/body-bg.jpg") no-repeat top center; overflow: hidden; margin-top: -20px;}
.container_12 {background: url("../img/assets/container-bg.png") repeat-x top;}
a {color: @link; text-decoration: none;}
a:hover {color: @linkh;}
.clear {clear: both;}
p {margin: @padding 0 0 0;}
img {}
h3:focus {outline: none;} /* Chrome Fix */
.poweredby, .poweredby a {color: darken(@body, 10%);}
.poweredby a:hover {color: @linkh;}
.break {height: @padding * 2; clear: both;}
#layertwo {height: 170px; width: 60px; background: darken(@body, 10%); position: fixed; float: left; margin-top: 200px;}

/*** TYPOGRAPHY ***/
h1, h2, h3, h4 {font-weight: 300; font-family: @font2; margin-bottom: @padding;}
h1 {font-size: 300%; line-height: 140%;}
h2 {font-size: 250%; line-height: 130%;}
h3 {font-size: 200%; line-height: 120%;}
h4 {font-size: 150%; line-height: 110%;}
.caption {font-family: @font3; font-size: 120%; font-style: italic;}
.note1, .note2, .note3, .note4 {padding: 10px; margin-bottom: 20px; display: block;}
.note1 {background: @note1; color: darken(@note1, 40%); border: 1px dashed darken(@note1, 20%);}
.note2 {background: @note2; color: darken(@note2, 60%); border: 1px dashed darken(@note2, 30%);}
.note3 {background: @note3; color: darken(@note3, 60%); border: 1px dashed darken(@note3, 40%);}
.note4 {background: @note4; color: darken(@note4, 40%); border: 1px dashed darken(@note4, 20%);}

/*** BOXES ***/
.box1 , .box2, .box3, .box4, .box5 {margin-bottom: @margin; border-radius: none; padding: @padding; overflow: hidden;}
.box1 {background: @box1; border: 1px solid lighten(@box1, 2%); color: lighten(@box1, 50%); background: -moz-linear-gradient(-45deg, @box1 0%, darken(@box1, 5%) 100%); background: -webkit-linear-gradient(-45deg, @box1 0%,darken(@box1, 5%) 100%);}
.box1 .title, .box1 .title, .box1 h1, .box1 h2, .box1 h3, .box1 h4 {color: lighten(@box1, 70%); text-shadow: 0 -1px darken(@box1, 10%);}
.box1 .title {text-shadow: 0 1px darken(@box1, 10%);}
.box1 a {color: lighten(@box1, 100%);}
.box1 a:hover {color: darken(@box1, 20%);}
.box1:hover {}
.box1 .btn1 {color: lighten(@box1, 100%); text-shadow: 0 1px darken(@box1, 5%);}
.box1 .btn1:hover {color: darken(@box1, 25%); text-shadow: none;}
.box2 {background: @box2; border: 1px solid lighten(@box2, 2%); color: lighten(@box2, 50%); background: -moz-linear-gradient(-45deg, @box2 0%, darken(@box2, 5%) 100%); background: -webkit-linear-gradient(-45deg, @box2 0%,darken(@box2, 5%) 100%);}
.box2 .title, .box2 .title, .box2 h1, .box2 h2, .box2 h3, .box2 h4 {color: lighten(@box2, 70%); text-shadow: 0 -1px darken(@box2, 10%);}
.box2 .title {text-shadow: 0 1px darken(@box2, 10%);}
.box2 a {color: lighten(@box2, 100%);}
.box2 a:hover {color: darken(@box2, 20%);}
.box2:hover {}
.box2 .btn1 {color: lighten(@box2, 100%); text-shadow: 0 1px darken(@box2, 5%);}
.box2 .btn1:hover {color: darken(@box2, 25%); text-shadow: none;}
.box3 {background: @box3; border: 1px solid lighten(@box3, 5%); color: lighten(@box3, 50%); background: -moz-linear-gradient(-45deg, @box3 0%, darken(@box3, 5%) 100%); background: -webkit-linear-gradient(-45deg, @box3 0%,darken(@box3, 5%) 100%);}
.box3 .title, .box3 .title, .box3 h1, .box3 h2, .box3 h3, .box3 h4 {color: lighten(@box3, 70%); text-shadow: 0 -1px darken(@box3, 10%);}
.box3 .title {text-shadow: 0 1px darken(@box3, 10%);}
.box3 a {color: lighten(@box3, 100%);}
.box3 a:hover {color: darken(@box3, 20%);}
.box3:hover {}
.box3 .btn1 {color: lighten(@box3, 100%); text-shadow: 0 1px darken(@box3, 5%);}
.box3 .btn1:hover {color: darken(@box3, 25%); text-shadow: none;}
.box4 {background: @box4; border: 1px solid lighten(@box4, 2%); color: lighten(@box4, 50%); background: -moz-linear-gradient(-45deg, @box4 0%, darken(@box4, 5%) 100%); background: -webkit-linear-gradient(-45deg, @box4 0%,darken(@box4, 5%) 100%);}
.box4 .title, .box4 .title, .box4 h1, .box4 h2, .box4 h3, .box4 h4 {color: lighten(@box4, 70%); text-shadow: 0 -1px darken(@box4, 10%);}
.box4 .title {text-shadow: 0 1px darken(@box4, 10%);}
.box4 a {color: lighten(@box4, 100%);}
.box4 a:hover {color: darken(@box4, 20%);}
.box4:hover {}
.box4 .btn1 {color: lighten(@box4, 100%); text-shadow: 0 1px darken(@box4, 5%);}
.box4 .btn1:hover {color: darken(@box4, 25%); text-shadow: none;}
.box5 {background: @box5; border: 1px solid lighten(@box5, 2%); color: lighten(@box5, 50%); background: -moz-linear-gradient(-45deg, @box5 0%, lighten(@box5, 5%) 100%); background: -webkit-linear-gradient(-45deg, @box5 0%,lighten(@box5, 5%) 100%);}
.box5 .title, .box5 .title, .box5 h1, .box5 h2, .box5 h3, .box5 h4 {color: lighten(@box5, 70%); text-shadow: 0 -1px darken(@box5, 10%);}
.box5 .title {}
.box5 a {color: lighten(@box5, 100%);}
.box5 a:hover {color: darken(@box5, 20%);}
.box5:hover {}
.box5 .btn1 {color: lighten(@box5, 100%); text-shadow: 0 1px darken(@box5, 5%);}
.box5 .btn1:hover {color: darken(@box5, 25%); text-shadow: none;}
.boxclear {background: none; padding: 0px; margin-bottom: @margin;}
.title {padding: @padding; margin: -(@padding + 1) -(@padding + 1) @padding -(@padding + 1); display: block; text-transform: uppercase; font-size: 200%; font-weight: 100; font-family: @font2; background: url("../img/assets/title-bg.png") repeat-y left;}

/* MENUS */
/* Navigation */
#nav .first:hover, #nav ul .active {border-radius: @radius 0 0 @radius;}
#nav .drop {background: url("../img/assets/nav-drop.png") no-repeat; background-position: 10px 30px; padding: 10px 20px 10px 30px;}
#nav .sub {background: url("../img/assets/nav-sub.png") no-repeat; background-position: 120px 10px;}
/* Top Level */
#nav {font-size: 20px; color: #FFF; background: none; margin-bottom: @margin;  border-radius: @radius; width: 740px; float: right; height: 70px; line-height: 60px; font-family: @font2; font-weight: 100;}
#nav ul {list-style-type: none;}
#nav ul li {float: right; position: relative;}
#nav ul li a {display: block; color: lighten(@body, 60%); padding: 10px 20px;}
#nav ul li a:hover, #nav ul .active a {color: lighten(@body, 100%);}
#nav ul li:hover, #nav ul .active {background: none;}
/* Sub Level 1 
#nav ul li > div {display: none; box-shadow: 3px 3px 6px -3px #666;}
#nav ul li:hover > * {display: block; color: #FFF;}
#nav ul li > div {position: absolute; background: #F41A56; z-index: 50;}
#nav ul li > div li a {color:#FFF; width: 110px; border-right: none; padding: 5px 20px;}
#nav ul li > div ul li:hover {background: #E00642; color:#FFF;}
/* Sub Level 2
#nav ul li > div ul li  ul {position: absolute; display: none; left: 150px; top: 0px; box-shadow: 3px 3px 6px -3px #666;}
#nav ul li > div ul li  ul:hover {display: block;}
#nav ul li > div ul li  ul li {background: #E00642;}
#nav ul li > div ul li  ul li:hover {background: #F41A56;}
/* Vertical Menu */
.vmenu ul {margin: -12px 0;}
.vmenu li {line-height: 40px;}
.vmenu .last {border-bottom: 0 !important;}
.box1.vmenu li {border-bottom: 1px dashed darken(@box1, 5%);}
.box2.vmenu li {border-bottom: 1px dashed darken(@box2, 5%);}
.box3.vmenu li {border-bottom: 1px dashed darken(@box3, 5%);}
.box4.vmenu li {border-bottom: 1px dashed darken(@box4, 5%);}
.box5.vmenu li {border-bottom: 1px dashed darken(@box5, 5%);}

/*** CONTENT ***/
#logo {width: 200px; float: left; margin: 5px 0 0 0; height: 70px;}
#logo img {}
/* Link Blocks */
.linkblock5 div {float: left; width: 163px; margin-right: 20px; font-size: 80%;}
.linkblock5 .last {margin: 0;}
.linkblock5 h1, .linkblock5 h2, .linkblock5 h3, .linkblock5 h4 {margin-bottom: @padding / 2;}
/* Gallery */
.gallery img {width: 86px;}
.gallery .thumb {margin: 0 10px @padding 0; padding: 5px; box-shadow: none !important;}
.gallery .thumb.last {margin: 0 0 20px 0;}
.gallery.last {margin-bottom: -@padding;}

/*** ASSETS ***/
/* Buttons */
.btn1, .btn2 {padding: 10px 20px; background: url("../img/assets/btn-bg.png") repeat-y right; font-weight: bold; float: right; margin: 10px -@padding -@padding 0; text-transform: uppercase; font-size: 10px;}
.btn2 {border-radius: @radius; margin: 10px 0 0 0; float: none;}
/* Unordered Lists */
.ul1, .ul2, .ul3, .ul4 {padding-left: @padding; font-size: 110%; line-height: 25px;}
.ul1 {list-style-image: url("../img/ul/ul1.png");}
.ul2 {list-style-image: url("../img/ul/ul2.png");}
.ul3 {list-style-image: url("../img/ul/ul3.png");}
.ul4 {list-style-image: url("../img/ul/ul4.png");}
/* Image Thumbs */
.thumb, .thumbl, .thumbr {padding: 10px;}
.thumbl img, .thumbr img {margin-bottom: 0;}
.thumbl {float: left; margin-right: @padding; margin-bottom: @padding / 2}
.thumbr {float: right; margin-left: @padding; margin-bottom: @padding / 2}
.box1 .thumb, .box1 .thumbl, .box1 .thumbr {border: 1px solid lighten(@box1, 4%); background: lighten(@box1, 2%); box-shadow: 0 0 5px 0 darken(@box1, 5%);}
.box1 .thumb:hover, .box1 .thumbl:hover, .box1 .thumbr:hover {border: 1px solid lighten(@box1, 8%); background: lighten(@box1, 4%);}
.box2 .thumb, .box2 .thumbl, .box2 .thumbr {border: 1px solid lighten(@box2, 4%); background: lighten(@box2, 2%); box-shadow: 0 0 5px 0 darken(@box2, 5%);}
.box2 .thumb:hover, .box2 .thumbl:hover, .box2 .thumbr:hover {border: 1px solid lighten(@box2, 8%); background: lighten(@box2, 4%);}
.box3 .thumb, .box3 .thumbl, .box3 .thumbr {border: 1px solid lighten(@box3, 4%); background: lighten(@box3, 5%); box-shadow: 0 0 5px 0 darken(@box3, 5%);}
.box3 .thumb:hover, .box3 .thumbl:hover, .box3 .thumbr:hover {border: 1px solid lighten(@box3, 8%); background: lighten(@box3, 4%);}
.box4 .thumb, .box4 .thumbl, .box4 .thumbr {border: 1px solid lighten(@box4, 4%); background: lighten(@box4, 2%); box-shadow: 0 0 5px 0 darken(@box4, 5%);}
.box4 .thumb:hover, .box4 .thumbl:hover, .box4 .thumbr:hover {border: 1px solid lighten(@box4, 8%); background: lighten(@box4, 4%);}
.box5 .thumb, .box5 .thumbl, .box5 .thumbr {border: 1px solid lighten(@box5, 4%); background: lighten(@box5, 2%); box-shadow: 0 0 5px 0 darken(@box5, 5%);}
.box5 .thumb:hover, .box5 .thumbl:hover, .box5 .thumbr:hover {border: 1px solid lighten(@box5, 8%); background: lighten(@box5, 4%);}

/*** ICONS ***/
.icon-tick, .icon-cross, .icon-plus, .icon-minus, .icon-pin, .icon-info, .icon-key, .icon-lock, .icon-photo, .icon-doc, .icon-cog, 
.icon-search, .icon-tag, .icon-bolt, .icon-cloud, .icon-comment, .icon-fix, .icon-home, .icon-pencil, .icon-rss, .icon-sound, .icon-clock,
.icon-clip, .icon-bulb  {min-height: 32px; line-height: 32px; padding-left: 48px; font-size: 120%;}
.icon-tick {background: url("../img/assets/icons/tick.png") no-repeat left center;}
.icon-cross {background: url("../img/assets/icons/cross.png") no-repeat left center;}
.icon-plus {background: url("../img/assets/icons/plus.png") no-repeat left center;}
.icon-minus {background: url("../img/assets/icons/minus.png") no-repeat left center;}
.icon-pin {background: url("../img/assets/icons/pin.png") no-repeat left center;}
.icon-info {background: url("../img/assets/icons/info.png") no-repeat left center;}
.icon-key {background: url("../img/assets/icons/key.png") no-repeat left center;}
.icon-lock {background: url("../img/assets/icons/lock.png") no-repeat left center;}
.icon-photo {background: url("../img/assets/icons/photo.png") no-repeat left center;}
.icon-doc {background: url("../img/assets/icons/doc.png") no-repeat left center;}
.icon-cog {background: url("../img/assets/icons/cog.png") no-repeat left center;}
.icon-search {background: url("../img/assets/icons/search.png") no-repeat left center;}
.icon-tag {background: url("../img/assets/icons/tag.png") no-repeat left center;}
.icon-bolt {background: url("../img/assets/icons/bolt.png") no-repeat left center;}
.icon-cloud {background: url("../img/assets/icons/cloud.png") no-repeat left center;}
.icon-comment {background: url("../img/assets/icons/comment.png") no-repeat left center;}
.icon-fix {background: url("../img/assets/icons/fix.png") no-repeat left center;}
.icon-home {background: url("../img/assets/icons/home.png") no-repeat left center;}
.icon-pencil {background: url("../img/assets/icons/pencil.png") no-repeat left center;}
.icon-rss {background: url("../img/assets/icons/rss.png") no-repeat left center;}
.icon-sound {background: url("../img/assets/icons/sound.png") no-repeat left center;}
.icon-clock {background: url("../img/assets/icons/clock.png") no-repeat left center;}
.icon-clip {background: url("../img/assets/icons/clip.png") no-repeat left center;}
.icon-bulb {background: url("../img/assets/icons/bulb.png") no-repeat left center;}

/*** PLUGINS ***/
/* jQuery UI Tabs */
.ui-tabs-nav {padding: @padding; margin: -(@padding + 2) -(@padding + 2) @padding -(@padding + 2); font-size: 120%; font-family: @font2; height: @padding;}
.ui-tabs-nav li {float: left; padding-right: @padding; margin-right: 10px;}
.ui-tabs-nav a {}
.ui-tabs-nav a:hover {}
.tabs .ui-tabs-hide {display: none;}
.box1 .ui-tabs-nav {background: darken(@box1, 0%);}
.box1 .ui-tabs-nav a {color: lighten(@box1, 50%);}
.box1 .tabs ul .ui-state-active a, .box5 .ui-tabs-nav a:hover {color: lighten(@box1, 70%);}
.box1 .ui-tabs-nav li, .box4 .tabs.showcase ul li{}
.box2 .ui-tabs-nav {background: darken(@box2, 0%);}
.box2 .ui-tabs-nav a {color: lighten(@box2, 50%);}
.box2 .tabs ul .ui-state-active a, .box5 .ui-tabs-nav a:hover {color: lighten(@box2, 70%);}
.box2 .ui-tabs-nav li, .box4 .tabs.showcase ul li{}
.box3 .ui-tabs-nav {background: darken(@box3, 0%);}
.box3 .ui-tabs-nav a {color: lighten(@box3, 50%);}
.box3 .tabs ul .ui-state-active a, .box5 .ui-tabs-nav a:hover {color: lighten(@box3, 70%);}
.box3 .ui-tabs-nav li, .box4 .tabs.showcase ul li{}
.box4 .ui-tabs-nav {background: darken(@box4, 0%);}
.box4 .ui-tabs-nav a {color: lighten(@box4, 50%);}
.box4 .tabs ul .ui-state-active a, .box5 .ui-tabs-nav a:hover {color: lighten(@box4, 70%);}
.box4 .ui-tabs-nav li, .box4 .tabs.showcase ul li{}
.box5 .ui-tabs-nav {background: darken(@box5, 0%);}
.box5 .ui-tabs-nav a {color: lighten(@box5, 50%);}
.box5 .tabs ul .ui-state-active a, .box5 .ui-tabs-nav a:hover {color: lighten(@box5, 70%);}
.box5 .ui-tabs-nav li, .box4 .tabs.showcase ul li{}
.tabs ul .ui-state-active a {color: @linkh;}
/* jQuery UI Accordion */
.ui-accordion-content-active {margin-bottom: 10px;}
.accordion h3 {font-size: 110%; margin-bottom: 10px; background: url("../img/assets/nav-drop-dark.png") no-repeat right;}
.accordion ul {}
.accordion ul li {line-height: 30px; padding-left: 10px;}
.accordion a {display: block;}
.accordion h3 a {font-size: 110%;}
.box1 .accordion h3 a {color: lighten(@box1, 100%);}
.box1 .accordion ul li a {color: lighten(@box1, 40%);}
.box1 .accordion ul li a:hover {color: lighten(@box1, 100%);}
.box1 .accordion ul {border-left: 1px dashed darken(@box1, 5%);}
.box1 .accordion ul li {border-bottom: 1px dashed darken(@box1, 5%);}
.box2 .accordion h3 a {color: lighten(@box2, 100%);}
.box2 .accordion ul li a {color: lighten(@box2, 40%);}
.box2 .accordion ul li a:hover {color: lighten(@box2, 100%);}
.box2 .accordion ul {border-left: 1px dashed darken(@box2, 5%);}
.box2 .accordion ul li {border-bottom: 1px dashed darken(@box2, 5%);}
.box3 .accordion h3 a {color: lighten(@box3, 100%);}
.box3 .accordion ul li a {color: lighten(@box3, 40%);}
.box3 .accordion ul li a:hover {color: lighten(@box3, 100%);}
.box3 .accordion ul {border-left: 1px dashed darken(@box3, 5%);}
.box3 .accordion ul li {border-bottom: 1px dashed darken(@box3, 5%);}
.box4 .accordion h3 a {color: lighten(@box4, 100%);}
.box4 .accordion ul li a {color: lighten(@box4, 40%);}
.box4 .accordion ul li a:hover {color: lighten(@box4, 100%);}
.box4 .accordion ul {border-left: 1px dashed darken(@box4, 5%);}
.box4 .accordion ul li {border-bottom: 1px dashed darken(@box4, 5%);}
.box5 .accordion h3 a {color: lighten(@box5, 100%);}
.box5 .accordion ul li a {color: lighten(@box5, 40%);}
.box5 .accordion ul li a:hover {color: lighten(@box5, 100%);}
.box5 .accordion ul {border-left: 1px dashed darken(@box5, 5%);}
.box5 .accordion ul li {border-bottom: 1px dashed darken(@box5, 5%);}

/* Nivo Slider */
#slider {border-radius: none;}
.theme-default .nivoSlider {box-shadow: none !important; overflow: hidden;}
.theme-default .nivoSlider {margin-bottom: 20px;}
.theme-default .nivo-controlNav {bottom: 10px}
.nivo-caption {font-family: @font2 !important; font-size: 200%; padding: 10px; font-weight: 100;}
.nivo-caption p {}
/* fancyBox */
.fancybox-custom .fancybox-skin {box-shadow: 0 0 50px #222;}
/* bxSlider */
.box1 .bx-prev, .box1 .bx-next, .box1 .bx-prev:hover, .box1 .bx-next:hover {color: @link;}
.box2 .bx-prev, .box2 .bx-next, .box2 .bx-prev:hover, .box2 .bx-next:hover  {color: @link;}
.box3 .bx-prev, .box3 .bx-next, .box3 .bx-prev:hover, .box3 .bx-next:hover  {color: @link;}
.box4 .bx-prev, .box4 .bx-next, .box4 .bx-prev:hover, .box4 .bx-next:hover  {color: @link;}
.bx-prev, .bx-next {border-radius: 3px; padding: 10px 20px; margin: 10px; line-height: 35px; background: @btn1; border: 1px solid darken(@btn1, 10%); color: darken(@btn1, 60%); box-shadow: inset 0 1px lighten(@btn1, 30%); text-shadow: 0 1px lighten(@btn1, 40%);}
.bx-prev:hover, .bx-next:hover {background: lighten(@btn1, 3%);}