/****** FILE: themes/enhanceder/css/fonts.css *****/
@charset "UTF-8";

@font-face {
    font-family: 'cuprumbold';
    src: url('../fonts/cuprum-bold-webfont.eot');
    src: url('../fonts/cuprum-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cuprum-bold-webfont.woff2') format('woff2'),
         url('../fonts/cuprum-bold-webfont.woff') format('woff'),
         url('../fonts/cuprum-bold-webfont.ttf') format('truetype'),
         url('../fonts/cuprum-bold-webfont.svg#cuprumbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cuprumregular';
    src: url('../fonts/cuprum-regular-webfont.eot');
    src: url('../fonts/cuprum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/cuprum-regular-webfont.woff2') format('woff2'),
         url('../fonts/cuprum-regular-webfont.woff') format('woff'),
         url('../fonts/cuprum-regular-webfont.ttf') format('truetype'),
         url('../fonts/cuprum-regular-webfont.svg#cuprumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'lipsum';
    src: url('../fonts/lipsum-webfont.eot');
    src: url('../fonts/lipsum-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lipsum-webfont.woff2') format('woff2'),
         url('../fonts/lipsum-webfont.woff') format('woff'),
         url('../fonts/lipsum-webfont.ttf') format('truetype'),
         url('../fonts/lipsum-webfont.svg#lipsumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: "enhanceder";
  src:url("../fonts/enhanceder5.eot");
  src:url("../fonts/enhanceder5.eot?#iefix") format("embedded-opentype"),
    url("../fonts/enhanceder5.woff") format("woff"),
    url("../fonts/enhanceder5.ttf") format("truetype"),
    url("../fonts/enhanceder5.svg#enhanceder") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "enhanceder" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "enhanceder" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-about:before {
  content: "g";
}
.icon-contact:before  {
  content: "h";
}
.icon-news:before  {
  content: "i";
}
.icon-portfolio:before  {
  content: "j";
}
.icon-services:before  {
  content: "k";
}
.icon-facebook:before {
  content: "a";
}
.icon-gplus:before {
  content: "b";
}
.icon-linkedin:before {
  content: "f";
}
.icon-twitter:before {
  content: "d";
}
.icon-youtube:before {
  content: "e";
}
.icon-share:before {
  content: "c";
}
.icon-menu:before {
  content: "l";
}






/****** FILE: themes/enhanceder/css/style.css *****/
body
{
width: 100%;
color: #5e5e5e;
font-family: 'cuprumregular', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 62.5%;
position: relative;
text-align: center;
padding: 0;
margin: 0 auto;
left: 0;
background: #fff url(../images/bg.png) repeat-y;
-webkit-background-size: 100% auto;
-moz-background-size: 100% auto;
-o-background-size: 100% auto;
background-size: 100% auto;
}

#log
{
position: fixed;
padding: 10px;
top: 0;
left: 0;
background: #ccc;
}

* { -webkit-text-size-adjust:none; }

html
{
min-height: 100%;
margin-bottom: 1px;
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
overflow-x: auto;
}

.nav-open-button
{
display: none;
position: absolute;
top: 19px;
right: 24px;
font-size: 32px;
color: #fff;
z-index: 200;
}
.nav-open-button:link, .nav-open-button:visited,
.nav-open-button:hover, .nav-open-button:active
{
text-decoration: none;
}

img, object, embed, iframe
{
border: 0px none;
display: block;
outline: none;
margin: 0;
padding: 0;
}
header, section, article, nav, aside, footer, menu, fieldset
{
display: block;
margin: 0;
padding: 0;
border: 0 none;
}
form
{
margin: 0;
padding: 0;
}
div.clear
{
clear: both;
}

section img
{
height: auto;
background: transparent url(../images/loading.gif) no-repeat center center;
}
section img.left
{
float: left;
max-width: 50%;
margin: 5px 0 10px 0;
padding: 0 20px 0 0;
}
section img.right
{
float: right;
max-width: 50%;
margin: 5px 0 10px 0;
padding: 0 0 0 20px;
}
section img.right100
{
float: right;
max-width: 100%;
}
section img.leftAlone
{
float: left;
margin: 5px 100% 10px 0;
clear: both;
}
section img.center
{
float: none;
display: block;
margin: 0 auto 10px auto;
clear: both;
}

a, a:link, a:visited
{
outline: none;
color: #5e5e5e;
text-decoration: underline;
cursor: pointer;
}
a:hover, a:active, a.current:visited, a.current:link
{
outline: none;
color: #005192;
text-decoration: underline;
}
a.underline, a.underline:link, a.underline:visited, a.underline:hover, .underlinea:active, a.current.underline:visited, a.current.underline:link
{
text-decoration: underline !important;
}
a.white-blue, a.white-blue:link, a.white-blue:visited
{
color: #fff;
text-decoration: none;
}
a.white-blue:hover, a.white-blue:active, a.white-blue.current:visited, a.white-blue.current:link
{
color: #005192;
text-decoration: none;
}

a.white-orange, a.white-orange:link, a.white-orange:visited
{
color: #fff;
text-decoration: none;
}
a.white-orange:hover, a.white-orange:active, a.white-orange.current:visited, a.white-orange.current:link
{
color: #ef7b0b;
text-decoration: none;
}

a.blue-orange, a.blue-orange:link, a.blue-orange:visited
{
color: #005192;
text-decoration: none;
}
a.blue-orange:hover, a.blue-orange:active, a.blue-orange.current:visited, a.blue-orange.current:link
{
color: #ef7b0b;
text-decoration: none;
}

a.orange-blue, a.orange-blue:link, a.orange-blue:visited
{
color: #ef7b0b;
text-decoration: none;
}
a.orange-blue:hover, a.orange-blue:active, a.orange-blue.current:visited, a.orange-blue.current:link
{
color: #005192;
text-decoration: none;
}

hr
{
clear: both;
width: 100%;
height: 1px;
color: #9abad3;
border: 0px none;
border-bottom: 1px solid #9abad3;
padding: 1em 0 0 0;
margin: 0 0 1em 0;
line-height: 1em;
}

input
{
outline: none;
}
input.input, textarea, select
{
font-size: 1em;
line-height: 1em;
font-family: 'aller500', sans-serif;
padding: 3px;
border: 0 none;
color: #373737;
outline: none;
}
select
{
padding: 2px;
}

p
{
padding: 0;
margin: 0 0 .7em 0;
font-size: 1.5em;
line-height: 1.3em;
}
strong
{
font-family: 'cuprumbold';
font-weight: normal;
}
p.intro
{
font-size: 1.9em;
font-family: 'cuprumbold';
font-weight: normal;
}
p.intro strong
{
font-weight: normal;
}

p.margin
{
clear: left;
padding-top: 20px;
}
p small
{
font-size: .9em;
}
p.small
{
font-size: 1em;
}

ul, ol
{
margin: 1em 0 1.2em 0;
padding: 0 0 0 20px;
}
ul
{
list-style-type: square;
}
ol
{
padding: 0 0 0 30px;
}
ul li, ol li
{
font-size: 1.5em;
line-height: 1.4em;
}
li li
{
font-size: 1em;
}
ul li *, ol li *
{
font-size: 1em;
}

h1, h2, h3, h4, p.likeh1, p.likeh2
{
margin: 0;
padding: 1em 0 .6em 0;
display: block;
font-family: 'cuprumbold';
font-weight: normal;
line-height: 1.3em;
}
h1, p.likeh1
{
margin: 0 0 .2em 0;
line-height: 1.3em;;
padding: 0;
}
h1 strong, h2 strong, h3 strong, h4 strong
{
font-weight: normal;
}

h2.nomargin, h3.nomargin, h4.nomargin{padding-top: 0;}
h2, p.likeh2{font-size: 1.7em;color: #005192;}
h3{font-size: 1.6em;color: #005192;}
h4{font-size: 1.5em;color: #005192;}

.imagelink
{
margin: 0;
padding: 0;
float: left;
display: block;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
}
.imagelink a
{
float: left;
display: block;
text-decoration: none;
}

div.header
{
float: left;
width: 100%;
padding: 18px 0 0 0;
position: relative;
z-index: 2;
}
div.header header
{
float: left;
width: 255px;
padding: 0 0 0 25px;
margin: 0 -15px 0 0;
position: relative;
z-index: 2;
}

div.header .logo, div.header .logo img
{
float: left;
width: 255px;
height: 89px;
margin: 0;
}


nav.primary
{
margin: 19px 0 0 0;
position: relative;
border-bottom: 1px solid #005192;
z-index: 1;
float: left;
background: #7fa8c8;
}
body.HomePage nav.primary
{
background: url(../images/navhome.png);
}
nav.primary ul
{
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
nav.primary ul.main li
{
float: left;
line-height: 55px;
padding: 0 33px;
font-size: 1em;
text-align: left;
border-left: 1px solid #749dbd;
border-right: 1px solid #5789b0;
font-family: 'cuprumbold';
position: relative;
}
body.HomePage nav.primary ul.main li
{
border-left: 1px solid #32627b;
border-right: 1px solid #295c78;
}
nav.primary ul.main li.first, body.HomePage nav.primary ul.main li.first
{
border-left: 0 none;
}
nav.primary ul.main li.last, body.HomePage nav.primary ul.main li.last
{
padding-right: 0;
border-right: 0 none;
}
nav.primary ul.main li a
{
float: left;
font-size: 2em;
background: url(../images/blobs.png) no-repeat -360px -291px;
}
nav.primary ul.main li a:link, nav.primary ul.main li a:visited
{
color: #fff;
text-decoration: none;
}
nav.primary ul.main li a:hover, nav.primary ul.main li a:active,
nav.primary ul.main li.current a:link, nav.primary ul.main li.current a:visited,
nav.primary ul.main li.section a:link, nav.primary ul.main li.section a:visited,
nav.primary ul.main li.hover a:link, nav.primary ul.main li.hover a:visited
{
color: #005192;
text-decoration: none;
background-position: -700px -291px;
}

body.HomePage nav.primary ul.main li a:hover, body.HomePage nav.primary ul.main li a:active,
body.HomePage nav.primary ul.main li.hover a:link, body.HomePage nav.primary ul.main li.hover a:visited
{
color: #ef7b0b;
}

nav.primary ul.main li a:before
{
float: left;
width: 38px;
line-height: 55px;
padding: 0 7px 0 0;
vertical-align: middle;
text-align: center;
}
nav.primary ul.main li a:hover:before, nav.primary ul.main li a:active:before,
nav.primary ul.main li.current a:link:before, nav.primary ul.main li.current a:visited:before,
nav.primary ul.main li.section a:link:before, nav.primary ul.main li.section a:visited:before,
nav.primary ul.main li.hover a:link:before, nav.primary ul.main li.hover a:visited:before
{
color: #fff;
text-decoration: none;
}


nav.primary ul.main div.menu
{
position: absolute;
display: none;
width: 668px;
top: 55px;
left: 0;
padding: 12px 0 5px 0;
background: url(../images/navhome.png);
margin: 0 0 0 -1px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
nav.primary ul.main div.menu ul
{
padding: 0;
margin: 0;
list-style-type: none;
}
nav.primary ul.main div.menu ul li
{
float: left;
border: 0 none;
width: 290px;
padding: 0 22px 16px 22px;
line-height: 1.2em;
}
nav.primary ul.main div.menu ul li *
{
font-size: 1em;
background: none;
}
nav.primary ul.main div.menu ul li a span
{
float: left;
width: 200px;
}

nav.primary ul.main div.menu ul li a span.blob
{
float: left;
font-size: 1.3em;
width: 62px;
height: 69px;
line-height: 69px;
padding: 0 24px 0 4px;
color: #fff;
text-align: center;
background: url(../images/blobs.png) no-repeat -700px -120px;
}
nav.primary ul.main div.menu ul li a span.blob.lines2
{
padding-top: 20px;
padding-bottom: 20px;
line-height: 14px;
height: 29px;
}
nav.primary ul.main div.menu ul li a span.blob.lines3
{
padding-top: 12px;
padding-bottom: 12px;
line-height: 14px;
height: 45px;
}
nav.primary ul.main div.menu ul li.darkblue a span.blob{background-position: -700px -120px;}
nav.primary ul.main div.menu ul li.blue a span.blob{background-position: 0 -120px;}
nav.primary ul.main div.menu ul li.green a span.blob{background-position: -180px -120px;}
nav.primary ul.main div.menu ul li.grey a span.blob{background-position: -90px -120px;}
nav.primary ul.main div.menu ul li.purple a span.blob{background-position: -270px -120px;}
nav.primary ul.main div.menu ul li.orange a span.blob{background-position: -360px -120px;}

nav.primary ul.main div.menu ul li a span.title{font-size: 1.8em; color: #fff;line-height: 24px;}
nav.primary ul.main div.menu ul li a span.navtext{font-size: 1.4em; color: #e4e4e4;line-height: 14px;}

nav.primary ul.main div.menu ul li a:hover span.title, nav.primary ul.main div.menu ul li a:active span.title, nav.primary ul.main div.menu ul li a.current:link span.title, nav.primary ul.main div.menu ul li a.current:visited span.title{color: #ef7b0b;}



nav.primary ul.social
{
float: right;
padding: 0 24px 0 0;
}
section.normal div.contentright ul.social
{
float: left;
width: 100%;
list-style-type: none;
margin: 0 0 1em 0;
padding: 0;
}

ul.social li a:before
{
float: left;
font-size: 28px;
}
ul.social li
{
float: left;
line-height: 29px;
padding: 0 4px;
}
nav.primary ul.social li
{
padding: 13px 4px;
}
nav.primary ul.social li a:link, nav.primary ul.social li a:visited
{
color: #fff;
text-decoration: none;
}
nav.primary ul.social li a:hover, nav.primary ul.social li a:active,
nav.primary ul.social li.current a:link, nav.primary ul.social li.current a:visited
{
color: #ef7b0b;
text-decoration: none;
}

section.normal div.contentright ul.social li a:link, section.normal div.contentright ul.social li a:visited
{
color: #005192;
text-decoration: none;
}
section.normal div.contentright ul.social li a:hover, section.normal div.contentright ul.social li a:active,
section.normal div.contentright ul.social li.current a:link, section.normal div.contentright ul.social li.current a:visited
{
color: #ef7b0b;
text-decoration: none;
}

nav.primary.responsive ul li ul.subnav li{font-size: .95em;}
nav.primary.responsive ul li ul.subnav{padding: 0 0 0 5%;width: 95%;}
nav.primary.responsive ul li ul.subnav ul{padding: 0 0 0 10%;width: 90%;}
nav.primary.responsive ul li ul.subnav ul ul{padding: 0 0 0 15%;width: 85%;}
nav.primary.responsive ul li ul.subnav ul ul ul{padding: 0 0 0 20%;width: 80%;}
nav.primary.responsive ul li ul.subnav ul ul ul ul{padding: 0 0 0 25%;width: 75%;}
nav.primary.responsive ul li ul.subnav ul ul ul ul ul{padding: 0 0 0 30%;width: 70%;}


article
{
float: left;
width: 100%;
margin: 37px auto 83px auto;
z-index: 1;
position: relative;
/*max-width: 1300px;*/
}
article.HomePage
{
margin-top: 41px;
margin-bottom: 120px;
background: none;
}

aside
{
width: 100%;
float: left;
text-align: left;
padding: 0 0 43px 0;
position: relative;
}
aside nav.secondary p.section
{
float: left;
background: url(../images/crumbs.png) no-repeat right 0;
padding: 4px 25px;
line-height: 32px;
color: #fff;
position: relative;
z-index: 1;
font-size: 2.2em;
font-family: 'cuprumbold';
font-weight: normal;
margin: 0;
}
aside nav.secondary p.section:before
{
float: left;
width: 32px;
line-height: 32px;
padding: 0 7px 0 0;
vertical-align: middle;
text-align: center;
color: #ef7b0b;
font-size: 20px;
font-family: "enhanceder";
background: url(../images/blobs.png) no-repeat -540px -230px;
}
aside nav.secondary
{
float: left;
width: 100%;
}
aside nav.secondary p.subhover
{
position: absolute;
font-size: 1.5em;
margin: 0;
padding: 5px 10px;
top: 45px;
left: 0;
}
aside nav.secondary ul
{
position: relative;
z-index: 0;
float: left;
padding: 0 35px 0 0;
margin: 0;
list-style-type: none;
}
aside nav.secondary ul ul
{
padding: 0;
}
aside nav.secondary ul li
{
float: left;
line-height: 40px;
margin: 0 0 0 -7px;
position: relative;
font-size: 1em;
font-family: 'cuprumbold';
font-weight: normal;
}
aside nav.secondary ul li.z13{z-index: 0;}
aside nav.secondary ul li.z12{z-index: 1;}
aside nav.secondary ul li.z11{z-index: 2;}
aside nav.secondary ul li.z10{z-index: 3;}
aside nav.secondary ul li.z9{z-index: 4;}
aside nav.secondary ul li.z8{z-index: 5;}
aside nav.secondary ul li.z7{z-index: 6;}
aside nav.secondary ul li.z6{z-index: 7;}
aside nav.secondary ul li.z5{z-index: 8;}
aside nav.secondary ul li.z4{z-index: 9;}
aside nav.secondary ul li.z3{z-index: 10;}
aside nav.secondary ul li.z2{z-index: 11;}
aside nav.secondary ul li.z1{z-index: 12;}

aside nav.secondary ul li a
{
float: left;
padding: 0 22px;
font-size: 2.2em;
background: url(../images/crumbs.png) no-repeat right -80px;
}
aside nav.secondary ul li ul li a
{
padding: 0 20px 0 0;
font-size: 1.6em;
}
aside nav.secondary ul li.current a
{
background-position: right -40px;
}
aside nav.secondary ul li a:link, aside nav.secondary ul li a:visited{color: #7fa8c8;text-decoration: none;}
aside nav.secondary ul li a:hover, aside nav.secondary ul li a:active{color: #000;text-decoration: none;}
aside nav.secondary ul li a.current:link, aside nav.secondary ul li a.current:visited{color: #005192;text-decoration: none;}


section
{
float: left;
text-align: left;
width: 100%;
}
section.home
{
float: none;
margin: 0 auto;
text-align: left;
max-width: 960px;
}
section.home ul.blobs
{
float: left;
margin: 0 0 13px 0;
padding: 0;
list-style-type: none;
}
section.home ul.blobs li
{
float: left;
font-family: 'cuprumbold';
font-weight: normal;
font-size: 4.9em;
line-height: 80px;
color: #000;
padding: 0 6px;
}
section.home ul.blobs li.blob
{
background: url(../images/blobs.png) no-repeat;
font-size: 1.3em;
line-height: 1.2em;
color: #fff;
text-align: center;
width: 80px;
min-height: 50px;
padding: 15px 0;
}
section.home ul.blobs li.blob.blue{background-position: 0 0;}
section.home ul.blobs li.blob.grey{background-position: -100px 0;}
section.home ul.blobs li.blob.green{background-position: -200px 0;}
section.home ul.blobs li.blob.purple{background-position: -300px 0;}

section.home div.blob
{
position: relative;
z-index: 2;
float: left;
width: 371px;
min-height: 432px;
padding: 100px 85px 0 85px;
background: url(../images/homeblob1.png) no-repeat;
}
section.home div.content
{
position: relative;
z-index: 1;
float: left;
width: 250px;
min-height: 286px;
margin: 350px 0 0 -137px;
padding: 85px 51px 20px 97px;
background: url(../images/homeblob2.png) no-repeat;
color: #005192;
}
section.home div.content div.text
{
width: 240px;
padding: 0 10px 0 0;
height: 254px;
}
section.home div.content div.text p
{
font-size: 1.45em;
line-height: 1.2em;
}
section.home h1
{
position: relative;
float: left;
width: 100%;
font-size: 9em;
line-height: 77px;
color: #005192;
}
section.home h1 span
{
float: left;
width: 100%;
}
section.home h1 img
{
float: left;
}
section.home h1 span.cycles
{
position: relative;
float: left;
width: 100%;
}
section.home h1 span.cycle
{
position: relative;
top: 0;
left: 0;
}

section.home div.seehowblock
{
width: 437px;
margin: -220px 0 0 0;
float: left;
position: relative;
z-index: 3;
}
section.home div.seehowblock ul
{
float: left;
padding: 0;
margin: 0;
width: 272px;
height: 269px;
list-style-type: none;
position: relative;
z-index: 2;
}


section.home div.seehow
{
position: absolute;
z-index: 1;
width: 116px;
top: 105px;
left: 227px;
padding: 50px 37px 0 48px;
min-height: 127px;
text-align: center;
color: #fff;
background: url(../images/homeblob3.png) no-repeat;
}
section.home div.seehow p
{
font-size: 1.6em;
line-height: 1.2em;
margin: 0;
}

section.normal
{
background: url(../images/content.png) repeat-y top center;
}
section.normal h1
{
color: #005192;
font-size: 5em;
line-height: 46px;
text-transform: uppercase;
float: left;
width: 100%;
}
section.normal h1.icon-news
{
font-size: 3.2em;
line-height: 32px;
}
section.normal p.meta
{
font-family: 'cuprumbold';
font-size: 1.6em;
text-transform: uppercase;
color: #ef7b0b;
margin: 0 0 1.5em 0;
}
section.normal p.servicetags
{
font-size: 1.4em;
text-transform: uppercase;
color: #005192;
margin: 0 0 1.5em 0;
}
section.normal p.servicetags span
{
color: #ef7b0b;
}

section.normal ul li, section.normal ol li
{
margin: 0 0 .5em 0;
}
section.normal h1:before
{
color: #fff;
float: left;
text-align: center;
line-height: 47px;
font-size: 30px;
width: 48px;
padding: 0 20px 20px 0;
background: url(../images/blobs.png) no-repeat -360px -230px;
}
section.normal h1.blue:before{background-position: 0 -230px;}
section.normal h1.grey:before{background-position: -90px -230px;}
section.normal h1.green:before{background-position: -180px -230px;}
section.normal h1.purple:before{background-position: -270px -230px;}

section.normal div.contentleft
{
width: 50%;
float: left;
}

section.normal div.contentleft h2
{
color: #ef7b0b;
font-size: 2.4em;
font-family: 'cuprumregular';
}
section.normal div.contentleft div.inner
{
float: right;
width: 400px;
padding: 50px 60px 50px 30px;
}
section.normal div.contentleft div.inner div.testimonial
{
width: 100%;
float: left;
position: relative;
margin: 0 0 2em 0;
}
section.normal div.contentleft div.inner div.testimonialimage
{
float: left;
width: 140px;
height: 144px;
position: relative;
padding: 18px 0 0 1px;
}
section.normal div.contentleft div.inner div.testimonialimage span.er, section.normal div.contentleft div.inner div.testimonialimage span.news
{
position: absolute;
width: 42px;
height: 41px;
top: 0;
left: 0;
background: url(../images/blobs.png) no-repeat;
}
section.normal div.contentleft div.inner div.testimonialimage span.er{background-position: -630px -120px;}
section.normal div.contentleft div.inner div.testimonialimage span.news{background-position: -630px -70px;}

section.normal div.contentleft div.inner div.testimonialimage span.logo
{
position: absolute;
width: 31px;
height: 29px;
bottom: 0;
right: 0;
padding: 10px 7px 8px 10px;
background: url(../images/blobs.png) no-repeat -540px -120px;
}
section.normal div.contentleft div.inner div.testimonialimage span.logo img
{
float: left;
}

section.normal div.contentleft div.inner p.testimonialsummary, section.normal div.contentleft div.inner div.testimonialnews
{
float: right;
width: 240px;
padding: 1em 0 0 0;
font-size: 1em;
}
section.normal div.contentleft div.inner p.testimonialsummary span.quote
{
font-family: 'lipsum';
color: #ef7b0b;
font-size: 2.4em;
line-height: 1.2em;
}
section.normal div.contentleft div.inner p.testimonialsummary span.from
{
font-family: 'cuprumbold';
font-size: 1.6em;
text-transform: uppercase;
}
section.normal div.contentleft div.inner div.testimonialtext
{
float: left;
width: 100%;
margin: 2em 0 0 0;
}

section.normal div.contentleft div.inner div.testimonialnews h2, section.normal div.contentleft div.inner div.testimonialnews h3
{
color: #005192;
padding: 0 0 .5em 0;
}
section.normal div.contentleft div.inner div.testimonialnews p.date
{
text-transform: uppercase;
color: #ef7b0b;
}

section.normal p.viewmore
{
float: left;
clear: left;
width: 100%;
line-height: 38px;
font-size: 1.8em;
font-family: 'cuprumbold';
font-weight: normal;
color: #ef7b0b;
}
section.normal p.viewmore:before
{
float: left;
width: 38px;
line-height: 38px;
font-size: 23px;
padding: 0 7px 0 0;
vertical-align: middle;
text-align: center;
color: #fff;
background: url(../images/blobs.png) no-repeat -360px -300px;
}


section.normal p.sbshover
{
float: left;
width: 100%;
}
section.normal ul.serviceblobs
{
margin: 0 0 1.5em 0;
padding: 0;
list-style-type: none;
float: left;
width: 100%;
}
section.normal ul.serviceblobs li
{
float: left;
font-size: 1.3em;
margin: 0;
padding: 0 16px 16px 0;
}
section.normal ul.serviceblobs li a
{
float: left;
width: 73px;
height: 79px;
line-height: 79px;
padding: 0 4px;
color: #fff;
text-align: center;
background: url(../images/blobs.png) no-repeat 0 0;
}
section.normal ul.serviceblobs li a:link, section.normal ul.serviceblobs li a:visited,
section.normal ul.serviceblobs li a:hover, section.normal ul.serviceblobs li a:active
{
text-decoration: none;
}

section.normal ul.serviceblobs li.blue a{background-position: 0 0;}
section.normal ul.serviceblobs li.green a{background-position: -200px 0;}
section.normal ul.serviceblobs li.grey a{background-position: -100px 0;}
section.normal ul.serviceblobs li.purple a{background-position: -300px 0;}
section.normal ul.serviceblobs li.orange a{background-position: -400px 0;}
section.normal ul.serviceblobs li.clear a{background-position: -500px 0;}
section.normal ul.serviceblobs li a:hover{color: #005192; background-position: -500px 0;}
section.normal ul.serviceblobs li.clear a:link, section.normal ul.serviceblobs li.clear a:visited{color: #005192;}
section.normal ul.serviceblobs li.clear a:hover, section.normal ul.serviceblobs li.clear a:active{color: #fff; background-position: -700px 0;}

section.normal div.contentright
{
width: 50%;
padding: 50px 0;
float: right;
position: relative;
}
section.normal div.contentright div.inner
{
clear: left;
padding: 0 200px 0 55px;
max-width: 495px;
}

section.normal div.contentright ul.shareconnect
{
padding: 0;
margin: 0;
list-style-type: none;
position: absolute;
top: 50px;
right: 30px;
}
section.normal div.contentright ul.shareconnect li
{
float: left;
clear: left;
line-height: 38px;
margin: 0 0 11px 0;
font-size: 1.8em;
font-family: 'cuprumbold';
font-weight: normal;
}
section.normal div.contentright ul.shareconnect li a:before
{
float: left;
width: 38px;
line-height: 38px;
font-size: 23px;
padding: 0 7px 0 0;
vertical-align: middle;
text-align: center;
color: #fff;
background: url(../images/blobs.png) no-repeat -700px -300px;
}
section.normal div.contentright ul.shareconnect li a:hover:before
{
background-position: -360px -300px;
}

section.normal div.contentright div.share
{
float: left;
width: 100%;
min-height: 50px;
}

section.normal div.contentleft ul.video, section.normal div.contentright ul.related
{
margin: 0;
padding: 0;
list-style-type: none;
float: left;
}
section.normal div.contentleft ul.video li, section.normal div.contentright ul.related li
{
float: left;
position: relative;
width: 100%;
margin: 0;
padding: 0;
}
section.normal div.contentleft ul.video li a
{
float: left;
width: 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
section.normal div.contentleft ul.video li img
{
position: relative;
z-index: 1;
width: 100%;
height: auto;
float: left;
}

section.normal div.contentright ul.related li
{
color: #ef7b0b;
text-transform: uppercase;
}

section.normal div.contentleft div.cycle-slideshow
{
width: 100%;
overflow: hidden;
text-align: left;
}
section.normal div.contentleft div.cycle-slideshow img
{
width: 100%;
height: auto;
}


section.normal div.contentleft div.gallery
{
position: relative;
width: 100%;
padding: 0;
float: left;
}
section.normal div.contentleft p.gallery
{
float: right;
padding: 10px 3%;
width: 94%;
min-height: 30px;
margin: 0;
text-align: right;
}
section.normal div.contentleft ul.gallery
{
list-style-type: none;
padding: 0;
margin: 0;
float: right;
width: 100%;
}
section.normal div.contentleft ul.gallery li
{
float: right;
padding: 0 3% 3% 0; 
}
section.normal div.contentleft ul.gallery li a
{
float: left;
}
section.normal div.contentleft ul.gallery li img
{
float: left;
}

article ul.pagination
{
padding: 2em;
margin: 0;
list-style-type: none;
float: right;
}
article ul.pagination li
{
float: left;
padding: 0 .5em 0 0;
font-size: 1.8em;
line-height: 18px;
}
article ul.pagination li.right
{
float: right;
padding: 0;
}

table
{
float: left;
width: 100% !important;
table-layout: fixed;
margin: .5em 0 1em 0;
}

table td, table th
{
padding: 5px;
border-bottom: 1px dotted #777777;
font-size: 1.4em;
vertical-align: top;
text-align: left;
width: auto !important;
}

table td *, table th *
{
font-size: 1em;
margin: 0;
}

table th
{
font-family: 'cuprumregular';
font-size: 1.5em;
font-weight: normal;
text-transform: uppercase;
background: #000;
color: #fff;
}

table .right
{
text-align: right;
}

table tr:hover td
{
background: #fff;
}



div.cycle-slideshow
{
width: 100%;
overflow: hidden;
text-align: left;
}
div.cycle-slideshow img
{
width: 100%;
height: auto;
}
div.cycle-slideshow .cycle-pager
{
position: absolute;
bottom: 7px;
right: 50px; 
z-index: 500;
overflow: hidden;
}
div.cycle-slideshow .cycle-pager span
{ 
float: left;
background: url(../images/pager.png) no-repeat;
width: 18px;
height: 17px;
cursor: pointer;
text-indent: -8000px;
font-size: .05em;
line-height: .05em;
margin: 0 0 0 4px;
}
div.cycle-slideshow .cycle-pager span.cycle-pager-active { background-position: bottom left;}
div.cycle-slideshow .cycle-pager > * { cursor: pointer;}

footer
{
position: fixed;
bottom: 0;
left: 0;
z-index: 200;
width: 100%;
padding: 25px 0 0 0;
min-height: 48px;
color: #fff;
background: url(../images/footer.png) no-repeat center top;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

footer div.swordfox, footer div.copyetc
{
float: left;
width: 10%;
padding: 1% 0 1% 2%;
text-align: left;
}
footer div.copyetc
{
float: right;
padding: 1em 2% 1em 0;
text-align: right;
}
footer div.swordfox p, footer div.copyetc p
{
font-size: 1.2em;
}
footer div.copyetc p span
{
color: #ef7b0b;
}
footer div.inner
{
float: right;
width: 72%;
padding: 1em 2%;
text-align: center;
}
footer div.inner p
{
font-size: 1.4em;
}

#fb-root
{
overflow: hidden;
position: absolute;
top: -10000px;
float: left;
width: 1px;
}

body.loaded section.normal div.content {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

input.action
{
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
}

/****** FILE: themes/enhanceder/css/jquery.fancybox.css *****/
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('../images/loadingblack.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('../images/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

/*
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}
*/

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	/*overflow-y: scroll;*/
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/loading32black.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}

/****** FILE: themes/enhanceder/css/form.css *****/

section div.form {
	clear: both;
	float: left;
	width: 100%;
}
section div.form h2
{
font-size: 1.8em;
font-weight: 700;
margin: .8em 0 .6em 0;
}
section form {
	max-width: 100%;
    width: 100%;
    float: left;
}
section form.loading {
	background: url(../images/loading16.gif) bottom left no-repeat;
}
section div.field {
	float: left;
	width: 100%;
    margin: 0 0 15px 0;
    position: relative;
}
section div.fieldholder {
	float: left;
	width: 100%;
}
section div.field.hidden
{
display: none;
}
section div.field.nofloat
{
width: 50%;
padding-right: 50%;
margin: 0 0 15px 0;
}

section div.field.clear
{
clear: both;
}
section div.field div.middleColumn
{
position: relative;
}
section div.field div.middleColumn, section div.field span.description
{
width: 66.66%;
float: right;
}

section div.field.auto div.middleColumn
{
float: left;
width: auto;
min-width: 100px;
}
section div.field.nolabel div.middleColumn, section div.field.wide div.middleColumn
{
width: 100%;
}
section div.field.nolabel div.middleColumn div.middleColumn /* Password Field */
{
width: 66.66%;
}
section div.field.thin
{
width: 33.33%;
}
section div.field.range
{
width: 30%;
}
section div.field.rangeto
{
width: 6.66%;
}
section div.field span.description
{
font-size: 1.1em;
padding: .5em 0 0 0;
}

section div.gap, section h2.gap, section h3.gap, section h4.gap, section h5.gap
{
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #48c5ee;
}
section fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
section fieldset.gap
{
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #48c5ee;
}
section form label {
	padding-top: 5px;
    margin-bottom: 5px;
    font-size: 1.2em;
    font-family: 'gothamroundedmedium';
    color: #000;
    float: left;
    width: 33.33%;
    text-transform: uppercase;
}

section div.contentlogin
{
color: #fff;
}
section div.contentlogin form label
{
color: #fff;
}

section div.field.rangeto label, section div.field.wide label
{
width: 100%;
}
section div.field.rangeto label
{
text-align: center;
}
section form ul li label, section form ol li label
{
font-size: 1em;
}

section form label.left {
        display: block;
    }
section form label.right {
        
    }

section form input.text,
section form textarea,
section form select{
	width: 95%;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
    width: -moz-calc(100% - 12px);
	width: -webkit-calc(100% - 12px);
	width: -o-calc(100% - 12px);
	width: calc(100% - 12px);
    padding: 3px 5px;
    font-size: 1.2em;
    line-height: 20px;
    background-color: #fff;
    border: 1px solid #fff;
}
section form table.mceLayout {
    width: 100%;
}
section form select {
	width: 100%;
	padding: 2px 4px;
}

section div.field p.desc
{
font-size: 1.1em;
}

section form input.text:focus,
section form textarea:focus,
section form select:focus {
    outline:none;
}
section form input[disabled], section form textarea[disabled] {
    background-color: #f7f7f7;
    border: 1px solid #dad9d9;
}
section textarea {
    resize: vertical; /* forces text area to be resized vertically only */
}


/* Radio and Checkbox */
section .field .checkbox, section .field .radio {
    float: left; 
    width: 13px; 
    height: 13px; 
    margin-right: 6px; 
    margin-top: 3px;
    padding: 0;
}
section .checkbox label.right,
section .radio label.right {
        float: left;
        width: auto;
    }


/* Messages */
section form .message {
	font-size: 1.1em;
	margin: .5em 0 1em 0;
    display: block;
    float: right;
    background-color: #fef4ba;
    padding: 5px 10px;
    border: 1px solid #e8c805;
    width: 60%;
    width: -moz-calc(66.66% - 22px);
	width: -webkit-calc(66.66% - 22px);
	width: -o-calc(66.66% - 22px);
	width: calc(66.66% - 22px);
}
section form > .message, section form div.formleft .message, section form .middleColumn .message{
	width: 90%;
	width: -moz-calc(100% - 22px);
	width: -webkit-calc(100% - 22px);
	width: -o-calc(100% - 22px);
	width: calc(100% - 22px);
}
section form .middleColumn .message {
	margin-bottom: 0;
}
section form .good {
        background-color: #ecf9d0;
        border-color: #8fbe00;
        color: #8fbe00;
    }
section form .bad, section form .required {
        background-color: #f9d0d0;
        border-color: #cf0000;
        color: #b80000;
    }


/* ACTIONS */
section .Actions {
    margin-bottom: 20px;
    clear: left;
}
section ul.btn li a, section button, section input[type="submit"], section .Actions .action {
        background: #48c5ee url(../images/button.png) no-repeat center right;
        color: #fff;
        display: inline-block;
        padding: 10px 46px 10px 16px;
        margin-top: 10px;
        margin-right: 0;
        border: none;
        -moz-border-radius: 0;
		-webkit-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
        font-size: 1.4em;
        text-transform: uppercase;
        font-family: 'gothamroundedmedium';
		font-weight: normal;
        float: right;
        cursor: pointer;
    }
section ul.btn li a:hover, section button, section input[type="submit"]:hover, section .Actions .action:hover {
        background-color: #000;
        color: #fff;
    }
    
section button.disabled, section input.disabled[type="submit"], section .Actions .action.disabled {
	background-color: #959595;
	cursor: default;
}

section button.disabled, section input.disabled[type="submit"]:hover, section .Actions .action.disabled:hover {
	background-color: #959595;
}    
    
    
    input.action[class] {             /* IE ignores [class] */
        width: auto;                  /* cancel margin fix for other browsers */
    }

    section .Actions:after {
        color: #B94A48;
        display: inline-block;
        font-weight: normal;
        margin-top: 9px;
    }
    section #MemberLoginForm_LoginForm .Actions:after {
        display: none;
    }


/* AREA SPECIFIC */
    /* LOGIN and FORGOT PASSWORD */
    section #Remember {
        min-height: 20px;
    }
    section #ForgotPassword {
        clear: left;
    }
    section #MemberLoginForm_LostPasswordForm .Actions:after {
        display: none;
    }

    /* Search / Login */
    section .header form .middleColumn {
        /* float: none;
        width: 100% !important; */
    }




/* USER DEFINED USER FORM MODULE STYLES
----------------------------------------------- */

/*Generic and mixed*/
section .FormHeading {
    clear: both;
    padding-top: 15px;
}
section form .date .middleColumn input {
    /*background: transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/
}
section .Actions input.resetformaction,
section .Actions input.action-minor {                  /* Clear button */
    float: left;
    background-color: #888;
}
section .Actions input.resetformaction:hover,
section .Actions input.action-minor:hover {            /* Clear button */
    background-color: #aaa;
}

/* Labels */

section form .requiredField label.left:after { /* pseudo element adds an asterisk to a required fields label */
    color: #48c5ee;
    content: "•";
    font-weight: normal;
    padding-left: 3px;
}

/* Radio / Checkbox */
section form .checkboxset ul,
section form .optionset ul {
    width: 100%;
    float: left;
    list-style-type:none;
    padding: 0;
    margin: 0;
}
	section form .checkboxset li label,
    section form .optionset li label
    {
    padding-top: 0;
    width: auto;
    float: none;
    }
    section form .checkboxset li,
    section form .optionset li {
        margin-bottom: 5px;
    }
    section form .checkboxset li.odd,
    section form .optionset li.odd,
    section form .checkboxset li.even,
    section form .optionset li.even
    {
    float: left;
    width: 100%;
    }
    
    section form .optioninline .checkboxset li.odd,
    section form .optioninline .optionset li.odd,
    section form .optioninline .checkboxset li.even,
    section form .optioninline .optionset li.even
    {
    width: auto;
    padding: 0 1em 0 0;
    }
   
    section form div.checkbox:after { /* clearfix */
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    section form .checkbox .checkbox { clear: both; }

/* Messages */
section form span.message {
    
}
section div.holder-required {               /* This class needs to be changed - is used for both input and div */
    /* background-color: #f9d0d0;
    border: 1px solid #cf0000;
    padding: 10px;
    margin-left: -11px; */
}
section form input.holder-required {        /* This class needs to be changed - is used for both input and div */
    border: 1px solid #cf0000; 
}

/* Error messages */
/*section input:invalid,
section textarea:invalid {
    -moz-box-shadow: 0px 0px 5px #7092be;
    -webkit-box-shadow: 0px 0px 5px #7092be;
    box-shadow: 0px 0px 5px #7092be;
}
section .no-boxshadow input:invalid,
section .no-boxshadow textarea:invalid {
    background-color: #7092be
}*/

/* To test - potentially not needed? */
section .ss-uploadfield-item-info button{
    margin-top: 4px !important;
    float: right;
    background-image: none;
}
section form .creditCardField input,
section form input.currency,
section form input.numeric {
    width: 50px;
}
section form #DMYDate-month,
section form #DMYDate-day {
    width: 25px
}


section div.ss-uploadfield
{
float: left;
width: 100%;
}
section div.ss-uploadfield div.middleColumn
{
border: 0 none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
section div.ss-uploadfield div.middleColumn label
{
font-size: 1.1em;
width: auto;
}
section div.ss-uploadfield div.middleColumn div.cancel, section div.ss-uploadfield div.middleColumn div.hide
{
display: none;
}
section div.ss-uploadfield button
{
padding: .1em;
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
font-size: 1.2em;
float: none;
clear: left;
}
section div.ss-uploadfield .ss-uploadfield-item
{
padding: 0;
}
section div.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone
{
border: 0 none;
}
section div.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info
{
position: relative;
}
section div.ss-uploadfield .ss-uploadfield-files .ss-uploadfield-item-actions
{
position: absolute;
top: 5px;
right: 5px;
}
section div.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name, section div.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .name
{
max-width: 100px;
overflow: hidden;
text-overflow: ellipsis;
}

section div.ss-uploadfield .ss-uploadfield-item .ss-uploadfield-item-info .ss-uploadfield-item-name .ss-uploadfield-item-status
{
width: 100%;
clear: left;
max-width: 100%;
text-align: left;
}

/* Large upload field */

section div.ss-uploadfield.yacht .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone
{
background: url(../images/dropzone-yacht.jpg) no-repeat center center; 
}
section div.ss-uploadfield.crew .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone
{
background: url(../images/dropzone-crew.jpg) no-repeat center center; 
}
section div.ss-uploadfield.large .ss-uploadfield-item .ss-uploadfield-item-preview.ss-uploadfield-dropzone
{
width: 100%;
border: 0 none;
margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section div.ss-uploadfield.large .ss-uploadfield-item .ss-uploadfield-item-preview
{
width: 100%;
min-height: 200px;
line-height: 200px;
}
section div.ss-uploadfield.large .ss-uploadfield-item .ss-uploadfield-item-preview img
{
width: 100%;
height: auto;
}

section div.ss-uploadfield.large .ss-uploadfield-item .ss-uploadfield-item-info
{
margin: 0;
min-height: 40px;
float: left;
width: 96%;
padding: 2%;
overflow: hidden;
}


section div.joinform
{
float: left;
width: 100%;
max-width: 900px;
background: #000;
margin-bottom: 5%;
text-align: left;
position: relative;
}
section div.joinform img.sash
{
background: none;
position: absolute;
top: 0;
right: 0;
}
section div.joinform h2
{
color: #48c5ee;
}
section div.joinform > form > .message
{
margin: 0;
}
section div.joinform div.formleft
{
width: 37%;
float: left;
}
section div.joinform div.formleft div.field.textarea, section div.joinform div.formleft div.facebook
{
width: 86%;
float: left;
padding: 7%;
}
section div.joinform div.formleft div.facebook h2
{
color: #fff;
font-size: 2em;
}
section div.joinform div.formleft div.facebook p
{
color: #fff;
font-size: 1.4em;
}
section div.joinform div.formleft div.facebook h2:before
{
font-size: 1.4em;
float: left;
padding-right: 5px;
vertical-align: middle;
}
section div.joinform div.formleft div.field.textarea div.middleColumn
{
padding: 5%;
width: 90%;
border: 1px solid #c0c0c0;
margin: -1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
}
section div.joinform div.formleft div.field.textarea div.middleColumn textarea
{
background: #000;
color: #c0c0c0;
border: 0 none;
padding: 0;
width: 85%;
float: right;
}
section div.joinform div.formleft div.field.textarea div.middleColumn:before
{
content: "i";
font-family: 'yoaicons';
float: left;
font-size: 2.4em;
}
section div.joinform div.formleft div.field.textarea label
{
margin-bottom: 1em;
text-transform: none;
font-size: 2em;
color: #fff;
}
section div.joinform div.formright
{
width: 53%;
padding: 3% 5%;
padding-bottom: 70px;
float: left;
background: #dcdcdc;
min-height: 250px;
}
section div.joinform div.formrightwide
{
width: 90%;
}

section div.joinform div.Actions
{
float: right;
padding: 0 5% 0 0;
margin-bottom: 5%;
margin: -80px 0 0 0;
position: relative;
z-index: 3;
}


/* Responsive form styles
----------------------------------------------- */

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

    /* To test - potentially not needed? */
	section .header form .middleColumn {
	    float: none;
	    width: 100% !important;
	}
	section form label.left,
	section #MemberLoginForm_LoginForm label {
	    margin-bottom: 8px
	}
}

@media only screen and (max-width: 900px) { 
    section form {
        max-width: 100%;
    }
}

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

}



/****** FILE: themes/enhanceder/css/responsive.css *****/
@media only screen and (max-width: 1500px) {
	nav.primary ul.main li{padding: 0 28px;}
	nav.primary ul.main li a{font-size: 1.9em;}
}

@media only screen and (max-width: 1350px) {
	nav.primary ul.main li{padding: 0 15px;}
	nav.primary ul.main li.first{padding-left: 25px;}
	nav.primary ul.main li a{font-size: 1.8em;}
	
	footer div.swordfox, footer div.copyetc{width: 14%;}
	footer div.inner{width: 64%;}
}

@media only screen and (max-width: 1200px) {
	nav.primary ul.main li{padding: 0 10px;}
	nav.primary ul.main li.first{padding-left: 25px;}
	nav.primary ul.main li a{font-size: 1.7em;}
	ul.social li a:before{font-size: 24px;}
	nav.primary ul.social li{padding-top: 15px;}
	
	nav.primary ul.main div.menu
	{
	width: 540px;
	}
	nav.primary ul.main div.menu ul li
	{
	width: 250px;
	padding: 0 10px 10px 10px;
	}
	nav.primary ul.main div.menu ul li a span
	{
	width: 160px;
	}
	nav.primary ul.main div.menu ul li a span.blob{font-size: 1.2em;width: 62px;}
	nav.primary ul.main div.menu ul li a span.title{font-size: 1.4em;}
	nav.primary ul.main div.menu ul li a span.navtext{font-size: 1.1em;}
	
	section.normal div.contentright div.inner
	{
	padding: 0 55px;
	max-width: 100%;
	}
	section.normal div.contentright ul.shareconnect
	{
	position: relative;
	top: auto;
	right: auto;
	float: left;
	margin: 20px 0;
	padding-left: 55px;
	}

@media only screen and (max-width: 1100px) {
	nav.primary ul.main li a{font-size: 1.6em;background: none;}
	ul.social li a:before{font-size: 20px;}
	nav.primary ul.social li{padding-top: 17px;}
	nav.primary ul.main li a:before
	{
	display: none;
	}
	
	aside nav.secondary p.subhover
	{
	top: 30px;
	font-size: 1.4em;
	}

	aside nav.secondary p.section
	{
	padding: 4px 10px;
	line-height: 22px;
	font-size: 1.5em;
	background-position: right -210px;
	}
	aside nav.secondary p.section:before
	{
	width: 22px;
	line-height: 22px;
	padding: 0 7px 0 0;
	font-size: 16px;
	background-position: -631px -230px
	}
	
	aside nav.secondary ul
	{
	padding-right: 20px;
	}
	aside nav.secondary ul li
	{
	line-height: 30px;
	}
	aside nav.secondary ul li a
	{
	float: left;
	padding: 0 14px;
	font-size: 1.5em;
	background-position: right -270px;
	}
	aside nav.secondary ul li ul li a
	{
	padding: 0 14px 0 0;
	font-size: 1.6em;
	}
	aside nav.secondary ul li.current a
	{
	background-position: right -240px;
	}
}

@media only screen and (max-width: 1000px) {
	nav.primary ul.main li{padding: 0 10px;}
	nav.primary ul.main li a{font-size: 1.4em;}
	
	nav.primary ul.main div.menu{width: 334px;}
	
	aside nav.secondary p.subhover
	{
	font-size: 1.3em;
	}
	
	section.normal
	{
	background: none;
	}
	section.normal div.contentright
	{
	width: 65%;
	padding: 20px 0;
	background: url(../images/contentresponsive.png) repeat-y;
	}
	section.normal div.contentright div.inner
	{
	padding: 0 20px;
	}
	section.normal div.contentright ul.shareconnect
	{
	padding-left: 20px;
	}
	
	section.normal div.contentleft
	{
	width: 35%;
	}
	section.normal div.contentleft div.inner
	{
	float: left;
	width: auto;
	padding: 20px;
	}
	section.normal div.contentleft div.inner p.testimonialsummary, section.normal div.contentleft div.inner div.testimonialnews
	{
	float: right;
	width: 100%;
	}
	
}

@media only screen and (max-width: 800px) {
	nav.primary ul.main li{line-height: 35px;}
	nav.primary ul.main li a{font-size: 1.2em;}
	nav.primary ul.social{padding-right: 15px;}
	nav.primary ul.social li{padding: 7px 4px;}
	
	nav.primary ul.main div.menu{top: 35px;}
	
	aside nav.secondary p.subhover
	{
	font-size: 1.2em;
	}
	
	div.header header
	{
	width: 155px;
	padding: 0 0 0 15px;
	margin: 0 -8px 0 0;
	}

	div.header .logo
	{
	width: 155px;
	height: auto;
	}
	div.header .logo img
	{
	width: 155px;
	height: auto;
	}
	
	nav.primary
	{
	margin: 9px 0 0 0;
	}
	
	section.normal h1
	{
	font-size: 4em;
	line-height: 38px;
	}
	section.normal h1.icon-news
	{
	font-size: 2.8em;
	line-height: 26px;
	}
	
	article, article.HomePage{margin: 20px 0 0 0;}
	
	footer{padding: 0; background: #7fa8c8;float: left;position: relative;}
	footer div.swordfox, footer div.copyetc{width: 98%;}
	footer div.inner{width: 96%;}
}

@media only screen and (max-width: 690px) {
	section.normal h1
	{
	font-size: 3em;
	line-height: 28px;
	}
	section.normal h1.icon-news
	{
	font-size: 2.4em;
	line-height: 20px;
	}
	
	section.normal div.contentright
	{
	width: 100%;
	}
	section.normal div.contentright div.inner
	{
	padding: 0 20px;
	}
	section.normal div.contentright ul.shareconnect
	{
	padding-left: 20px;
	}
	
	section.normal div.contentleft
	{
	width: 100%;
	}
}

@media only screen and (max-width: 650px) {
	nav.primary
	{
	z-index: 3;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0;
	}
	body.HomePage nav.primary
	{
	background: #7fa8c8;
	}
	nav.primary ul.main
	{
	padding: 15px;
	clear: left;
	}
	nav.primary ul.social
	{
	clear: left;
	padding: 15px;
	float: left;
	}
	
	nav.primary ul.main li, body.HomePage nav.primary ul.main li
	{
	width: 100%;
	padding: 0;
	border: 0 none;
	}

	nav.primary ul.main li.first{padding: 0;}
	nav.primary ul.main li a{font-size: 1.8em;}
	
}

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


/* Home stuff */

@media only screen and (max-width: 820px) {
	section.home div.seehowblock
	{
	margin: 0;
	}
	section.home div.content
	{
	float: right;
	margin: -80px 0 0 0;
	}
}

@media only screen and (max-width: 550px) {
	section.home h1 img
	{
	width: 100%;
	max-width: 305px;
	height: auto;
	}
	section.home h1
	{
	font-size: 7em;
	line-height: 66px;
	}
	section.home div.blob
	{
	width: 90%;
	min-height: 0;
	padding: 5%;
	background: url(../images/orange66.png);
	}
	
	section.home div.content
	{
	margin: 0 0 1em 0;
	width: 90%;
	min-height: 0;
	padding: 5%;
	background: url(../images/white80.png);
	}
	section.home div.content div.text
	{
	width: 100%;
	padding: 0;
	height: auto;
	}
}

@media only screen and (max-width: 450px) {
	section.home h1
	{
	font-size: 6em;
	line-height: 55px;
	}
	section.home div.seehowblock
	{
	width: 100%;
	}
	section.home div.seehow
	{
	float: left;
	position: relative;
	z-index: 1;
	width: 90%;
	padding: 5%;
	top: auto;
	left: auto;
	min-height: 0;
	background: #ef7b0b;
	}
}