/*
Original design: Luft (v1.0 - November 2nd, 2012)
For more information, see http://andreasviklund.com/premium-templates/luft/
Gallerax jQuery plugin by nodethirtythree: http://n33.co/jquery/
*/

*{margin:0; padding:0;}
input.error, textarea.error { border:2px solid #F00; }
#dqb { float:right; }

/* General styles */
body {background:#fff; color:#444; font:100% Tahoma,sans-serif; line-height:1.6em;}
a {color:#444; text-decoration:none; font-weight:400; }
a:hover {color:#222; text-decoration:none; }
a.link { border-bottom:1px dotted #aaa; }
a.link:hover { border-bottom:1px dotted #333; }
p,ul,ol,dl {margin:0 0 15px 0;}
strong {font-weight:700;}
h1 {color:#888; font-size:2.6em; margin-bottom:20px; line-height:1.6em;}
h1 a {font-weight:400; border:0;}
h1 a:hover {text-decoration:none; color:#222;border:0;}
h2 {font-size:1.6em; margin-top:0.1em; line-height:1.3em;}
h3 {font-size:1.3em;}
h1,h2,h3 {font-family: 'dosismedium', sans-serif; text-transform:uppercase; font-weight:400; margin-bottom:15px; margin-top:10px; }

/* Main layout container */
#layout {margin:10px auto 0; width:960px;}

/* Footer */
#footer {padding-top:30px;}
#footer h3 {font-size:1.2em;}
#footer p {text-align:center; line-height:1.5em; margin-top:-10px;}

/* Grid classes, fixed width, 960px with 12 columns */
.col { float:left; display:inline; padding-left:10px; padding-right:10px;}
.col img {max-width:100%;}
.row {width:960px; margin:20px auto 0; overflow:hidden;}
.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:220px;}
.c4 {width:300px;}
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}

/* Menu list styles */
ul.menu {list-style:none; margin:0; padding:10px 0; border-top:1px solid #eee;}
ul.menu li {list-style:none; text-align:center; font-size:1.2em; margin:0 0 10px; padding:0 0 8px 0; color:#888; border-bottom:1px solid #333;}
ul.menu li a {font-size:1.2em; font-weight:400; border:0;}
ul.menu li a:hover {color:#eee; text-decoration:none;}

/* Additional text classes */
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.2em;}
.smaller {font-size:0.9em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.border {border:1px solid red;}

.toplinks {font-size:1.5em; color:#aaa; margin-top:15px; line-height:1.5em;}

.toplinks a {border:0; font-family:'dosisregular'; text-transform:uppercase;}
.toplinks a#active { font-family:'dosissemibold'; }

.topphone {font-family:Verdana;font-size:1.4em; margin-top:5px; margin-bottom:30px; }

/* Gallerax styles */
#gallery {position:relative;width:100%; margin:0 auto 20px auto;}
#gallery img.output {width:100%; margin-bottom:15px;}
#gallery span.caption {display:block; margin:0;}
#gallery ul.thumbnails {width:100%; list-style:none; margin:0 0 20px 0; padding:0;}
#gallery ul.thumbnails li {float:left; margin:0 20px 15px 0;}
#gallery ul.thumbnails li img {width:140px; height:70px; cursor:pointer;}
#gallery ul.thumbnails li.last {margin-right:0;}
#gallery #captions {position:absolute; top:440px; right:10px;color:#fff; opacity:0.7; text-shadow:#000 1px 1px 7px;}
#gallery #captions .line {display:block;font-size:1.6em; padding:10px;}

@media only screen and (max-width : 960px){
#dqb {float:none;}
#layout, body.wider #layout {width:auto; margin:0; padding:20px;}
.row { width:95%; }
.topphone {text-align: left;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:95%;}
#gallery ul.thumbnails {display:none;}
}