/* reset */

* {
margin:0;
padding:0;
outline:0;
}

/* elements */

body {
background-color:#12181e !important;/*1c 2529*/
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-family:Verdana, Helvetica, Arial,  sans-serif;
letter-spacing:0;
font-size:12px;
line-height:1em;
color:#80a1b2;/*678493*/
/*background: url(../images/ui/bg_glow.jpg) 50% -100px fixed no-repeat #12181e;
background-size: 100%;*/
/*background:url(../images/ui/18px_grid.png) 0 -1px repeat #12181e;*/
}
body {
/*background: url(../images/bg_bottom_dark_ocean.jpg) 50% 0 scroll repeat-x #000;*/
}
/*body.home h1 {
margin-top:6em;
}*/
img {
border:none;
vertical-align:bottom;
}
li {
list-style:none;
}


/* links */

a,
a:link {
color:#a5e0ff;
text-decoration:none;
-webkit-transition:color .25s ease-in;
-moz-transition:color .25s ease-in;
-o-transition:color .25s ease-in;
transition:color .25s ease-in;
}
a:hover,
a:visited:hover {
color:#c2de76;
text-decoration:none;
-webkit-transition:color .25s ease-in;
-moz-transition:color .25s ease-in;
-o-transition:color .25s ease-in;
transition:color .25s ease-in;
}
a:active,
a:focus,
a:visited:focus {
color:#c2de76;
}
a:visited {
color:#81caf1;
}
a:visited:hover {
color:#c2de76;
}
a.external,
a.external:link {
padding-right:10px;
margin-right:3px;
background:url(../images/ui/icon_link_external.gif) 100% 5px no-repeat;
}
a.external:visited {
padding-right:10px;
margin-right:3px;
background:url(../images/ui/icon_link_visited.gif) 100% 5px no-repeat;
}
a.external.bigimage {
background:url(../images/ui/icon_link_external.gif) 100% 0 no-repeat;
padding-bottom:10px !important;
}
a.external.bigimage:visited {
background:url(../images/ui/icon_link_visited.gif) 100% 0 no-repeat;
}
a.external:hover,
a.external:visited:hover {
}
a.imglink:hover,
a.imglink:focus {
background-color:#33424A !important;
}


/* fonts */

h1, h2, h3 {
font-family:"Times New Roman", Times, serif;
}

h1 {
clear:none;
font-size:4.0em;
line-height:.939em;
margin:0 0 1.25em 0;
padding:0 0 0 0;
font-style:italic;
text-transform:none;
letter-spacing:-1px;
font-weight:normal;
color:#455963;
/*color:#80a3b5;*/
}
h1 a,
h1 a:link,
h1 a:visited {
color:#455963;/*#81caf1;*/
font-weight:normal;
}
h1 a:hover,
h1 a:visited:hover
h1 a:focus {
color:#81caf1;/*c2de76 */
/*background-color:#33424A;
padding:5px 10px;
margin:-5px -10px;*/
border-radius:2px;
}
/*#header h1 span {
position:absolute;
top:-1000px;
left:-1000px;
}*/
h2 {
font-size:1.25em;
line-height:1.20em;
font-weight:bold;
text-transform:uppercase;
color:#ffffff;
margin:0 0 1.5em 0;
padding:0 0 0 0;
clear:both;
letter-spacing:2px;
}
h2 a, h2 a:link, h2 a:visited{
color:#ffffff;
}
h3,
.h3 {
font-size:1.5em;
line-height:1em;
font-weight:normal;
color:#fff;/*81caf1*/
margin:0 0 1.25em;
padding:0 0 0 0;
/*font-style:italic;*/
letter-spacing:0;
}
h3 span.floatrt {
font-style:normal;
font-weight:normal;
}
h4,
.h4 {
font-size:1em;
line-height:1.5em;
font-weight:normal;
color:#ffffff;
margin:0 0 0 0;
padding:0 0 0 0;
}
h5 {
font-size:1em;
font-weight:normal;
color:#81caf1;
/*margin:-.5em 0 .25em 0;
padding:0 0 0 0;
line-height:1.5em;
overflow:visible;*/
}
h5 * {
vertical-align:middle;
}
p, td, li {
font-size:11px;
line-height:1.637em;
}
p {
margin:0 0 1.5em 0;
padding:0;
color:#80a3b5;
padding-left:0;
}
acronym {
cursor:help;
}
hr {
border:none;
/*margin:2.25em -10px 2.125em -10px !important;*/
margin:2.25em 0 2.125em 0;
border-top:.25em solid #33424a;
background-color:#33424a;
float:none;
clear:both;
overflow:auto;
}
ul + p {
margin-top:3em;
}
::selection,
::-moz-selection {
background:#506773;
color:#fff;
}


/* layout */

#container {
padding:0 10px;
}
#header {
clear:both;
overflow:visible;
width:940px;
margin:0 auto 0 auto;
padding: 0;
height:114px;
z-index:100;
}
#main {
min-height:400px;
}
#main,
div.content {
margin:0 auto 0 auto;
width:940px;
padding:2em 0 2em 0;
z-index:10;
position:relative;
}
div.content {
margin:0 auto 0 auto;
padding:2em 10px 0 10px;
width:940px;
}
#logo,
#menu {
float:left;
clear:none;
}
#logo {
/*display:none;*/
margin-top:4.6667em;
margin-left:10px;
/*padding:0 !important;*/
}
#logo h2 {
/*letter-spacing:0;*/
margin:0 0 0 10px;
padding:0 !important;
}
#logo a,
#logo a:link,
#logo a:visited {
color:#678493 !important;
letter-spacing: 1px;
}
#logo a:hover,
#logo a:focus {
color:#81caf1 !important;
}
/*#logo a,
#logo a:link,
#logo a:visited {
color:#81caf1 !important;
display:block;
height:114px;
width:175px;
background:url(../images/ui/logo.gif) 0 6px no-repeat transparent;
margin-left:5px;
}
#logo a:hover {
color:#81caf1 !important;
display:block;
height:114px;
width:175px;
background:url(../images/ui/logo.gif) 0 -148px no-repeat transparent;
}*/
#menu {
margin-top:4em;
}
#menu h2 {
position:absolute;
top:-1000px;
left:-1000px;
font-weight:normal;
letter-spacing:0;
color: #678493;
margin:0;
padding:.75em .75em .75em 0;
font-size: 0.82em;
}
#menu a.active:visited {
color:#ffffff !important;
}
#menu a.active {
background-color:#455963;
text-transform:uppercase;
}

#footer {
width:940px;
margin:0 auto 0 auto;
padding:4.5em 0 1em 0;
clear:both;
}
#footer p {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
color:#678493;
font-size:.82em;
line-height:1em;
text-transform:uppercase;
padding: 0;
}
a#toplink {
color:#678493;
padding-left:10px;
background:url(../images/ui/button_scroll_up.gif) 0 .5em no-repeat transparent;
}
a#toplink:hover {
color:#ffffff;
}
#footer a,
#footer a:link,
#footer a:visited {
color:#678493;
margin-right:10px;
}
#footer a:hover,
#footer a:focus,
#footer a:active {
color:#a5e0ff;
}
#footer a.external,
#footer a.external:link {
padding-right:12px;
background:url(../images/ui/icon_link_external.gif) 100% 2px no-repeat;
}
#footer a.external:visited {
padding-right:12px;
background:url(../images/ui/icon_link_visited.gif) 100% 2px no-repeat;
}

#fungrid .thumbgrid-m {
padding-top:0 !important;
}
#fungrid li {
margin-bottom:4px;
}


/* forms */

input {
/*font-family:Georgia, "Times New Roman", Times, serif;*/
margin:0 0 .5em 0;
float:left;
border:none;
padding:.5em 5px;
}
input[type=text]{
background-color:#33424a;
color:#ffffff;
width:200px;
border:1px solid #33424a;
-webkit-transition:background-color .25s ease-in;
-moz-transition:background-color .25s ease-in;
-o-transition:background-color .25s ease-in;
transition:background-color .25s ease-in;
}
input[type=text]:hover{
background-color:#455963;
-webkit-transition:background-color .25s ease-in;
-moz-transition:background-color .25s ease-in;
-o-transition:background-color .25s ease-in;
transition:background-color .25s ease-in;
}
input[type=text]:focus{
background-color:#506773;
border-bottom:1px solid #678493;
-webkit-transition:background-color .25s ease-in;
-moz-transition:background-color .25s ease-in;
-o-transition:background-color .25s ease-in;
transition:background-color .25s ease-in;
}
input#submitbutton{
background-color:#12181e;
color:#678493;
border:none;
float:right;
font-size:.9em;
text-transform:uppercase;
margin:0 .5em 0 0;
padding:1em;
cursor:pointer;
background-color:#000;
}
input#submitbutton:hover {
color:#a5e0ff;
}
label {
clear:left;
float:left;
display:block;
width:80px;
padding:.75em 0 .5em 0;
margin-bottom:.5em;
color:#678493;
line-height:2em;
font-size:.82em;
text-transform:uppercase;
text-align:center;
cursor:pointer;
}
span.label {
float:left;
display:block;
width:60px;
padding:.5em 0 .5em 0;
margin-right:1em;
line-height:1em;
text-align:center;
clear:left;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
}
p.label {
display:block;
padding:.5em .5em .5em 0;
margin:0;
color:#506773;
font-size:.82em;
line-height:1.5em;
text-transform:uppercase;
vertical-align:top;
}
span.label,
span.labelinline{
background-color:#283339;/*#12181e*/
color:#506773;
font-size:.82em;
text-transform:uppercase;
overflow:visible;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
}
textarea {
font-family:Verdana, Helvetica, Arial,  sans-serif;
float:none;
clear:both;
border:none;
width:360px;
/*font-family:Georgia, "Times New Roman", Times, serif;*/
font-size:12px;
margin:0 0 .5em 0;
padding:.5em 5px;
background-color:#33424a;
border-bottom:1px solid #33424a;
color:#ffffff;
}
textarea:hover {
background-color:#455963;
}
textarea:focus {
background-color:#506773;
border-bottom:1px solid #678493;
}
.validation-advice {
padding-top:0.5em;
padding-left:0.5em;
overflow:hidden;
clear:both;
margin-left: 75px;
}
input.validation-failed,
textarea.validation-failed {
border-bottom:1px solid #678493;
}
label.error {
color:#73A3B5;
display:block;
width:100%;
padding-top:0;
}


/* util */

.mobile {
display:none;
}
.wrapper {
overflow:hidden;
}
.homepage-credo {
margin-top:2.4em;
}
.space-top {
margin-top:1.5em;
}
.space-bottom {
margin-bottom:1.5em;
}
.big-space-top  {
margin-top:3em;
}
.big-space-bottom  {
margin-bottom:3em;
}
.giant-space-top  {
margin-top:6em;
}
.giant-space-bottom  {
margin-bottom:6em;
}

.fatty {
border:10px solid #000;
margin:0 -10px .5em;
/*margin:0 0;*/
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background-color:#000;
}
#vin-ad {
/*background-color:#fff;*/
clear:both;
color:#333;
padding:5px 0;
margin-bottom:2em;
}
#vin-ad img {
margin-right:10px;
margin-top:12px;
margin-bottom:5px;
}
#vin-ad p {
margin-bottom:0;
}
#vin-ad div {
padding:10px;
border:1px solid #ccc;
margin:0 5px !important;
}
#flashContent {
margin-bottom:1.5em;
}

/*#smiler {
margin-bottom:1.9em;
}
#smiler img {
width:290px;
height:155px;
}*/

#smiler {
width:370px;
height:278px;
position:relative;
}
#smiler img {
display:none;
position:absolute;
top:0;
left:0;
}
#smiler img:first-child {
display:block;
}


#ie6msg {
display:none;
}
.vgrid {
background-image:url(../images/ui/18px_grid.png);
background-position:0 -7px;
background-repeat:repeat;
}
.hgrid {
background-image:url(../images/ui/12_column_grid.png);
background-position:0 -1em;
background-repeat:repeat-y;
}
.swatch {
height:4.5em;
margin-bottom:1.75em;
margin-top:-.25em;
/*outline:10px solid #12181e;*/
}
div.mediumdarkbg {
background-color:#455963;
color:#ffffff;
min-width:960px;
}
div.mediumdarkbg p {
color:#ffffff;
}
div.superdarkbg {
min-width:960px;
}
div.darkbg {
/*	background:url(../images/ui/bg_grad.gif) 0 0 repeat-x #283339;*/
/*background-color:#283339;*/
padding:0 0 0 0;
min-width:960px;
position:relative;
}
div.dark {
background-color:#12181e;;
}
div.lightbg {
/*background-color:#33424a;*/
color:#12181e;
padding:0 0 0 0;
min-width:960px;
position:relative;
}
div.lightbg h2 {
color:#283339;
}
p.tagline {
font-size:.82em;
margin:0 0 2em 1em;
font-style:italic;
display:none;
}
ul.plain {
padding:0 0 0 0;
margin:0 0 1em 0;
}
ul.bulleted {
margin:0 0 1.5em 0;
}
ul.bulleted li{
padding-left:10px;
margin-left:-10px;
background:url(../images/ui/bullet_square.gif) 0 8px no-repeat;
}

.textviewer {
margin-top:3em;
min-height:300px;
}
ul.textviewertable {
margin: 1.5em 0 1.5em 0;
}
ul.textviewertable li {
/*padding-top:3px;*/
margin-bottom:3px;/*.75em;*/
/*border-top:1px solid #33424a;*/
}
ul.textviewertable span {
overflow:hidden;
display:block;
}
.floatlt {
float:left;
}
.floatrt {
float:right;
}
.clearrt {
clear:right;
}
.clearer {
clear:both;
}
.centered {
text-align:center;
}
.amp {
line-height:.5em;
font-style:italic;
font-family:Palatino, "Palatino Linotype", Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:.9em;
}
.last {
margin-right:0 !important;
}
.col3.last {
margin-right:0;
}



/* clearing floats */

.clear {
clear:both;
overflow:hidden;
}
.clearlt {
clear:left;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



/* layout grid */

.col1 {
width:50px;
}
.pl1 {
padding-left:80px;
}
.pr1 {
padding-right:80px;
}
.col2 {
width:130px;
}
.pl2 {
padding-left:160px;
}
.pr2 {
padding-right:160px;
}
.pl9 {
padding-left:720px;
}
.pl3 {
padding-left:240px;
}
.pr3 {
padding-right:240px;
}
.col3 {
width:210px;
}
.pl4 {
padding-left:320px;
}
.col4 {
width:290px;
}
.col5 {
width:370px;
}
.col6 {
width:450px;
}
.col7 {
width:530px;
}
.col8 {
width:610px;
}
.col9 {
width:690px;
}
.col10 {
width:770px;
}
.col11 {
width:850px;
}
.col12 {
width:930px;
}
.col13 {
width:960px;
margin:36px auto;
}
.col16 {
width:1220px;
margin:36px auto;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
margin-right:30px;
float:left;
}

/*
@media only screen and (max-device-width:480px){

body,
#container,
#header,
#main,
#footer {
width:auto;
height:auto;
max-width:480px;
}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {
width:auto;
margin:0;
float:none;
}
.pl1,
.pl2,
.pl9 {
padding-left:0;
}
.thumbgrid {
height:auto !important;
}
.thumbgrid li {
float:none;
position:relative !important;
top:auto !important;
left:auto !important;
}

#menu li {
display:block;
float:none;
}
#menu li a {
text-align:center;
display:block;
}
#menu ul ul {
display:none !important;
}
#header {
padding-top:200px;	
}
#logo {
position:absolute;
top:10px;
}
.breadcrumbs {
clear:both;
float:none;
display:none;
}

}*/







/* media queries */


@media screen and (min-width: 1px) and (max-width: 640px) { /*and (max-device-width: 640px*/

/* mobile */

#header {
height:auto;
}
#imageviewer_portfolio,
#slideshow-controls {
display:none !important;
}
.thumbgrid {
margin:0 0 1.25em 0 !important;
/*height:auto !important;*/
}
.thumbgrid li {
width:100% !important;
margin:0 0 1em 0 !important;
}
.thumbgrid a {
width:auto !important;
margin:0;
padding:0 0 1em 0 !important;
text-align:center !important;	
}
.thumbgrid-m li,
.thumbgrid-m a,
.thumbgrid-m img,
.thumbgrid img {
display:block !important;
width:100% !important;
height:auto !important;
}
.thumbgrid-m a {
padding:0 !important;
margin-bottom:1em !important;
background-color:transparent !important;
}
.thumbgrid a, .thumbgrid a:link, .thumbgrid a:visited {
background-color:transparent !important;
}
/*.thumbgridsmall {
display:none;
}*/
.thumbgridsmall ul {
margin:0 0 3em 0 !important;
}
.thumbgridsmall li {
clip:auto !important;
width:auto !important;
height:auto !important;
text-align:center;
margin-bottom:1.5em;
}
.thumbgridsmall ul a, .thumbgridsmall ul a:link {
width:auto !important;
height:auto !important;
border:none !important;
}
.thumbgridsmall img {
display:block !important;
width:100% !important;
height:auto !important;
}
.thumbgridsmall,
.textviewer {
margin-top:3em;
}

#menu {
margin:2em 0;
/*width:100%;
float:left;*/
}
textarea {
width:240px;
}

/*#menu li {
float:none;
display:block;
}*/
#menu ul ul {
display:none !important;
}
#menu a {
display:block;
}

input[type="text"] {
width:150px;
}
hr {
margin-bottom:3em;
}
h1 {
display:block;
clear:right;
font-size:48px;
}
h2,
h3 {
font-size:24px;
}
p, li, td {
font-size:15px;
}
body {
-webkit-text-size-adjust: none;
}
video {
width:100%;
height:auto;
}
.breadcrumbs {
display:none;
}
.fatty {
border:none;
border:none;
}
.textviewer {
height:auto;
}

}


/* mobile and small squished screen */

@media screen and (min-width: 1px) and (max-width: 640px) {

.mobile {
display:block;
}
#header,
#footer,
#main,
.layout_controls {
width:auto !important;
padding-left:10px;
padding-right:10px;
}

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col11,
.col12,
.col13 {
width:auto !important;
float:none;
clear:both;
margin-right:0 !important;
}
.col16 {
width:310px;
}
.pl1 {
padding-left:0;
}
.pr1,
.pr2 {
padding-right:0;
}
.pl1,
.pl2,
.pl4,
.pl9 {
padding-left:0;
}

#logo {
display:none !important;
/*float:left;
margin-top:6em;
padding: 0 0 0 50px;
width: 150px;*/
}
h1 {
line-height:1em;
}
.textviewer {
height:auto;
}

}


@media screen and (min-width: 641px) and (max-width: 979px) {

/* ipad portrait and medium squished screen */

.mobile {
display:block;
}
#header,
#footer,
#main,
.layout_controls {
width:610px !important;
padding-left:20px;
}
#menu {
width:450px;
}
#logo {
/*display:none;*/
margin-right:0;
}
.col3 {
width:290px;
}
.col11,
.col12,
.col13 {
width:auto !important;
float:none;
clear:both;
}
.col16 {
width:640px;
}
.pl1 {
padding-left:0;
}
.pr1,
.pr2 {
padding-right:0;
}
.pl9 {
padding-left:0;
}

hr {
margin-bottom:3em;
}
h1 {
display:block;
clear:both;
}
.thumbgridsmall {
/*display:none;*/
margin-top:0;
clear:both;
}
.thumbgridsmall li {
float:none;
}
.thumbgridsmall,
.textviewer {
height:auto;
}
.textviewer {
margin-top:3em;
}
.breadcrumbs {
display:none;
}
#fungrid,
#fungrid ul,
#fungrid li,
#fungrid a,
#fungrid img {
width:auto;
}
#fungrid li {
margin-bottom:10px;
}

}

/* wide screen / hi-res */

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

.design.grid #container,
.design.grid_medium #container {
width:auto;
}
.design.grid #main,
.design.grid_medium #main {
margin:0 auto;
}
.design.grid #main {
width:1260px;
padding-left:20px;
}
.design.grid_medium #main {
width:auto;
}
.design.grid .wrapper,
.design.grid_medium .wrapper {
width:960px;
margin:0 auto;
clear:both;
overflow:hidden;
}
/*.portfolio-home,*/
.portfolio-single {
width:970px;
padding-left:10px;
margin:0 auto;
clear:both;
overflow:hidden;
}
.col12 {
width:auto;
}

}

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

.design.grid #main,
.design.grid_medium #main {
margin:0 auto;
}
.design.grid #main {
width:1580px;
}
.design.grid_medium #main {
width:auto;
}
.col12 {
width:auto;
}

}
@media screen and (min-width: 1980px) {
	
.design.grid #main,
.design.grid_medium #main {
width:auto;
}
	
}