html {background:url(/assets/images/bg.jpg) no-repeat center top #000; font-family:cambria, georgia, serif; color:#333;}
body {margin:0;padding:0;height:100%;text-align: left;}
ul{list-style:none;margin:0;padding:0;}
#outerContainer{width:950px; background:#000; margin:0 auto;}
#mainContent{float:left; position:relative; margin:0; padding:0 0 0 35px; background:#f3f3f3; width:915px; height:auto; border-bottom:1px solid #000;}
/* Header */
#header{
float:left;
height:130px;
background:url(/assets/images/header.jpg) no-repeat right;
width:950px;
padding:0;
}
#nav{float:left; margin:12px 0 0;}
#nav ul{float:left;}
#nav li{width:200px;}
#nav a{height:21px; display:block;}
li.home a:hover {background:url(/assets/images/home_on.gif) no-repeat;}
li.about a:hover {background:url(/assets/images/about_on.gif) no-repeat;}
li.portfolio a:hover {background:url(/assets/images/portfolio_on.gif) no-repeat;}
li.prices a:hover {background:url(/assets/images/prices_on.gif) no-repeat;}
li.contact a:hover {background:url(/assets/images/contact_on.gif) no-repeat;}
/* Homepage */
.slideshow1{float:left; height:475px; width:950px; margin: 0;}
#listLeft{float:left; width:235px; border:1px solid #666; margin:20px 0 35px 15px; background:url(/assets/images/listLeft.gif) right bottom no-repeat #808080; font-family:Verdana, sans-serif;}
#listLeft ul{float:left; padding:10px;}
#listLeft li{float:left; clear:left; color:#FFF; font-size:0.8em; width:100%;}
#listLeft a, #listLeft a:visited, #listLeft a:hover, #listLeft a:active{text-decoration:none; color: #fff;}
#infoRight{float:right; width:600px; padding-right:35px;}
#infoRight p{float:right; clear:right; text-align:right; margin:10px 15px 0 0;}
#infoRight img{float:right; margin:20px 15px 5px 0;}
/* About */
#aboutContent{float:left; margin:30px 20px 30px 15px; width:500px; padding:0; color:#000;}
img.lyden{padding:0; position:absolute; bottom:0; right:40px;}
/* Contact */
#contactContent{float:left; background:url(/assets/images/owl.jpg) left top no-repeat; border-bottom:solid 1px #000; width:950px;}
#contactBox{float:right; margin:5px 30px 0 0; width:400px; padding:10px; text-align:center;}
#contactBox p{font-size:0.9em; margin:10px 0; color:#FFF;}
#contactBox img{margin-bottom:20px; margin-top:20px;}
#contactForm{float:right; margin:10px 30px 30px 0; width:400px; background:#808080; padding:10px 10px 5px 10px; clear:right; border:1px solid #FFF;}
#contactForm ul{float:left;}
#contactForm li{float:left; width:47.5%; margin:5px 0 0 5px; font-size:0.8em; padding-top:5px; color:#fff;}
#contactForm li.input{padding-top:0; margin:5px 0;}
#contactForm li.input.submit{float:right; clear:both;}
#contactForm input{width:200px; border:1px solid #ccc; padding-top:3px; margin-left:3px;}
#contactForm textarea#message{height:70px; width:200px; border:1px solid #ccc; padding-top:3px; margin-left:3px;}
#contactForm input#sendButton{float:right; width:50px; padding:5px 0; border:1px solid #fff; background:#ccc; text-align:center;}
#contactForm input#sendButton:hover{background:#ddd; cursor:pointer;}
/* Links */
.link{border-bottom:solid 1px #000; width:850px; float:left; margin:0px 50px 0px 15px;}
.linkLeft{float:left; width:350px; margin:0; padding:15px 0; text-align:center;}
.linkLeft a{color:#ff8c1e; padding:0;}
.linkLeft img{border:none;}
.linkRight{width:500px; float:right;}
.linkRight h1{font-weight:bold; font-size:1em;}
.linkRight p{clear:none;}
#profiles{margin:50px 50px 50px 15px; width:848px; float:left; text-align:center; background-color:#808080; border:1px solid #000;}
#profiles p{color:#FFF;}
#profiles img{margin:0 5px 10px 5px; vertical-align:middle; border:none;}
#profiles img.google{vertical-align:bottom;}
/* Privacy Policy */
#privacyContent{float:left; margin:0 50px 35px 15px;}
#privacyContent ul{float:left; clear:left; padding:0px 0 20px 0;}
#privacyContent li{float:left; clear:left; font-weight:bold; color:#ff8c1e; font-size:0.8em; margin:10px 0 0; font-family:verdana;}
#privacyContent li.text{float:left; clear:left; font-weight:normal; color:#000; font-size:0.7em; margin:10px 19px 0 19px;}
/* Ts & Cs */
#termsContent{float:left; margin:15px 50px 35px 15px;}
#termsContent li{float:left; clear:left; font-weight:bold; color:#ff8c1e; font-size:0.8em; margin:10px 0 0; font-family:verdana;}
#termsContent li.text{float:left; clear:left; font-weight:normal; color:#000; font-size:0.7em; margin:10px 19px 0 19px;}
/* Sitemap */
#sitemapContent{float:left; background:url(/assets/images/sitemap.jpg) no-repeat bottom; width:948px; margin-bottom:0px; border:1px solid #666; border-bottom:1px solid #000;}
#sitemapBox{float:right; margin:5px 0px 0 0; width:220px; padding:10px;}
#sitemapBox img{margin:5px 0 10px 25px;}
#sitemapBox ul{float:left; clear:left; padding:0px 10px 20px 30px;}
#sitemapBox li{float:left; clear:left; font-weight:bold; color:#ff8c1e; font-size:0.8em; margin:10px 0 0; font-family:verdana;}
#sitemapBox a{color:#ff8c1e; text-decoration:none;}
#sitemapBox a:hover{text-decoration:underline;}
#sitemapBox li.text{color:#fff; margin-left:10px; margin-top:5px; font-weight:normal;}
#sitemapBox li.text a{color:#fff; text-decoration:none;}
#sitemapBox li.text a:hover{text-decoration:underline;}
/* Portfolio */
/* This section was pasted from the original Lightbox CSS Stylesheet... */
/*
* jQuery Lightbox Plugin (balupton edition) - Lightboxes for jQuery
* Copyright (C) 2007-2009 Benjamin Arthur Lupton
* http://jquery.com/plugins/project/jquerylightbox_bal
*
* @name jquery_lightbox: jquery.lightbox.css
* @package jQuery Lightbox Plugin (balupton edition)
* @version 1.3.0-rc1
* @date August 24, 2008
* @category jQuery plugin
* @author Benjamin "balupton" Lupton {@link http://www.balupton.com}
* @copyright (c) 2007-2009 Benjamin Arthur Lupton {@link http://www.balupton.com}
* @license GNU Affero General Public License - {@link http://www.gnu.org/licenses/agpl.html}
* @example Visit {@link http://jquery.com/plugins/project/jquerylightbox_bal} for more information.
*/
html, body { margin: 0; padding: 0; height: 100%;}
#lightbox, #lightbox-overlay {
position: absolute;
top: 0px;
left: 0px;
bottom:auto;
right:auto;
z-index:100;
width:100%;
height:auto;
text-align:center;
color:#333333;
/* stop stupid conflicts */
margin:0px;
padding:0px;
border:none;
outline:none;
line-height:0;
/* general conflict stopper */
text-decoration:none;
background:none;
word-spacing:normal;
letter-spacing:normal;
float:none;
clear:none;
display:block;
}
#lightbox a, #lightbox a:link, #lightbox a:visited, #lightbox a:hover {text-decoration:underline; color:#999999;}
#lightbox-overlay {
z-index: 90;
background-color:#000000;
height: 100%;
position:fixed;
}
#lightbox-overlay-text {
text-align: right;
margin-right: 20px;
margin-top: 20px;
color: white;
font-size: 12px;
cursor: default;
line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {color:white;}
#lightbox-overlay-text span {padding-left:5px; padding-right:5px;}
#lightbox img, #lightbox a { border:none; outline:none; }
#lightbox-imageBox {
position:relative;
border:1px solid black;
background-color:white;
width:400px;
height:400px;
margin:0 auto;
}
#lightbox-imageContainer {padding:1px;}
#lightbox-loading {
position:absolute;
top:40%;
left:0%;
height:25%;
width:100%;
text-align:center;
line-height:0;
}
#lightbox-nav {
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
z-index:10;
}
/*
#lightbox-imageBox > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
*/
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
display:block;
width:49%;
height: 100%;
background:transparent url("../images/blank.gif") no-repeat; /* Trick IE into showing hover */
/* cursor:pointer; */
padding:0px;
margin:0px;
}
#lightbox-nav-btnPrev {
left:0;
right:auto;
float:left;
}
#lightbox-nav-btnNext {
left:auto;
right:0;
float:right;
}
/*
.preload_largeLink, #prevLink:hover, #prevLink:visited:hover {background:url("../images/prev.gif") left 45% no-repeat;}
.preload_nextLink, #nextLink:hover, #nextLink:visited:hover {background:url("../images/next.gif") right 45% no-repeat;}
*/
#lightbox-infoBox {
font:10px Verdana, Helvetica, sans-serif;
background-color:#FFFFFF;
margin:0 auto;
padding:0px;
/* width: 100%; padding: 0 10px 0; */
}
#lightbox-infoContainer {
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
color:#666;
line-height:normal;
/* height:30px; */
}
#lightbox-infoHeader {width:100%; text-align:center; }
#lightbox-caption {text-align:justify;}
#lightbox-caption-title {font-weight:bold;}
#lightbox-caption-description {font-weight:normal;}
#lightbox-infoFooter {margin-top:3px; color:#999999;}
#lightbox-currentNumber {display:block; width:49%; float:left; text-align:left;}
#lightbox-close {display:block; width:45%; float:right; text-align:right;}
#lightbox-close-button{padding-left:30%;}
#lightbox-close-button:hover {color:#666666;}
#lightbox-infoContainer-clear {clear:both; visibility:hidden;}
/* END OF LIGHTBOX INSERT */
#portSubNav{float:left;}
#portSubNav ul{float:left;}
#portSubNav li{float:left; width:217px; height:35px; background:url(/assets/images/portfolio_nav_unselected.gif) repeat-x; border-top:1px solid #666; border-bottom:1px solid #666; border-right:1px solid #666;}
#portSubNav li.first{border-left:1px solid #666;}
#portSubNav li.last{width:218px;}
#portSubNav a{display:block; text-align:center; padding:8px 0 11px 0; font-size:0.8em; text-decoration:none; color:#fff; font-family:tahoma;}
#portSubNav a:hover{background:url(/assets/images/portfolio_nav_selected.gif) repeat-x;}
/* everything is constructed with a single background image */
#flowpanes-wrap{
background:url(/assets/images/portfolio/bg.jpg) no-repeat; width:950px; height:537px; margin:0 0 0 -35px; overflow:hidden; clear:both;}
#flowpanes-wrap button.custom{
position:absolute; background-color:transparent; width:73px; height:73px; margin:-300px 0 0 0; z-index:89; border:none; padding:0; cursor:pointer;}
#flowpanes-wrap button.prev,
#flowpanes-wrap button.prev:active,
#flowpanes-wrap button.prev:focus{
margin-left:15px; background:url(../images/btn-arrow-left.png); outline:0 none;}
#flowpanes-wrap button.next,
#flowpanes-wrap button.next:active,
#flowpanes-wrap button.next:focus{
margin-left:860px; background:url(../images/btn-arrow-right.png); outline:none;}
/* panes */
#flowpanes {background:transparent; width:858px; height:537px; margin:0 auto; position:relative; overflow:hidden; clear:both;}
/* single pane */
#flowpanes div {background:transparent; padding:30px 0; float:left; display:block; width:858px; height:530px;}
/* our additional wrapper element for the items */
#flowpanes .items {background:transparent; width:20000em; position:absolute; clear:both; margin:0; padding:0;}
#flowpanes a {color:#cc9; font-size:14px;}
#flowpanes p, #flowpanes samp {color:#ccc;}
#flowpanes .less, #flowpanes .less a {color:#999 !important; font-size:11px;}
#flowpanes ul.portfolio-list li{
width:274px; height:150px; margin:6px; padding:0; border:none; text-align:center; background-color:#000; cursor:pointer; overflow:hidden;}
#flowpanes ul.portfolio-list li a:link{border:none;}
#portfolioMain{float:left; width:100%;}
#portfolioMain p{ text-align:center; font-size:1.2em; color:#FFF; padding:150px;}
#portfolioMain ul{float:left;}
#portfolioMain li{float:left; border-bottom:1px solid #000; margin:0; padding:0; height:160px;}
#portfolioMain img{border:0;}
#portfolioMain img.portfolio{margin:15px 0 0 15px;}
#keywords-filter {}
/* fix for portfolio main ul>li item heights */
#keywords-filter ul {float:left; clear: both;}
#keywords-filter li{line-height:35px; height:35px; width:237px; border-top:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666;background: transparent url("/assets/images/portfolio_nav_unselected.gif") repeat-x scroll 0 0;}
#keywords-filter li.last{border-right:none; width:236px;}
#keywords-filter a,
#keywords-filter a:visited,
#keywords-filter a:active{background:url(/assets/images/portfolio_nav_unselected.gif)repeat-x; margin:0; padding:0; display:block; text-decoration:none; text-align:center; color:white; outline: none;}
#keywords-filter a:hover,
#keywords-filter a.act{background:url(/assets/images/portfolio_nav_selected.gif) repeat-x; height:35px;}
div.tab-contents {clear:both; display:none; background:none; width:870px; margin:10px 0 0 0; padding:15px 40px; text-decoration:none; color:#FFF; border-bottom:1px solid #666;}
#portfolioMain div.tab-contents ul li {border: none; height: auto; text-align: center; width: 145px; font-size:0.7em; font-family:Verdana, Tahoma, Geneva, sans-serif;}
div.tab-contents ul li a,
div.tab-contents ul li a:visited,
div.tab-contents ul li a:active {display:inline-block; padding:0; margin:5px 10px; text-decoration:none; color:#FFF; border-bottom:2px solid black; outline: none;}
div.tab-contents ul li a:hover,
div.tab-contents ul li a.act{padding:0; text-decoration:none; color:#F90; border-bottom: 2px solid #F90;}
.portfolio-list li a{display: block;}
.portfolio-list li a:hover span.hover-state,
.portfolio-list li a:active span.hover-state{background: url(/assets/images/bg-work_list_hover.png) no-repeat scroll 0 0 transparent; display: block; height: 150px; position: absolute; width: 274px;}
/* Prices */
#pricesSubNav{float:left; margin-left:-35px;}
#pricesSubNav ul{float:left;}
#pricesSubNav li{float:left; width:189px; height:35px; background:url(/assets/images/portfolio_nav_unselected.gif) repeat-x; border-top:1px solid #666; border-bottom:1px solid #666; border-right:1px solid #666;}
#pricesSubNav li.first{border-left:1px solid #666;}
#pricesSubNav li.last{width:188px;}
#pricesSubNav a{display:block; text-align:center; padding:8px 0 11px 0; font-size:0.8em; text-decoration:none; color:#fff; font-family:tahoma;}
#pricesSubNav a:hover{background:url(/assets/images/portfolio_nav_selected.gif) repeat-x;}
.pricesMain{float:left; margin-bottom:35px; margin-right:35px; padding:0px;}
.pricesMain p{font-family:cambria, georgia, serif; margin:0px 15px 0 15px; padding:10px 0 0 0; text-align:left; float:left; clear:left;}
.pricesMain a{text-decoration:none; color:#ff8c1e;}
.pricesMain a:hover{text-decoration:underline; color:#ff8c1e;}
.pricesMain p.orange{color:#ff8c1e; margin-top:20px; margin-bottom:3px;}
.pricesMain img{float:left; margin:25px 0 5px 15px; padding:0;}
.pricesMain ul{float:left; clear:both; margin-left:20px; padding-left:20px; padding-top:10px;}
.pricesMain li{list-style-type:disc;}
.leftBox{float:left; width:500px; margin:0 35px 20px 15px;}
.leftBox p{text-align:left; padding:10px 0 0 0; margin-left:0;}
.leftBox ul{float:left; clear:both; margin-left:20px; padding-left:20px; padding-top:10px;}
.leftBox li{list-style-type:disc;}
.leftBox a{text-decoration:none; color:#ff8c1e;}
.leftBox a:hover{text-decoration:underline; color:#ff8c1e;}
.rightBoxImg{float:right; margin:50px 15px 20px 0;}
.rightBoxImg img{float:right; border:solid 1px #000; text-align:right; margin:-15px 0 0 0;}
.slideshow2{float:left; height:210px; width:280px; margin:-10px 0 0 10px; padding:0 0 25px 0;}
.slideshow2 img{margin:0; padding:0px; border:0; background-color:#f3f3f3; border:solid 1px #000;}
.slideshow2first{float:left; height:210px; width:280px; margin:-10px 0 0 10px; padding:0 0 25px 0;}
.slideshow2first img{margin:0; padding:0px; border:0; background-color:#f3f3f3; border:solid 1px #000;}
#Queensberry{float:left; clear:left; width:788px; margin:5px 15px 10px 15px; padding:20px 30px 5px 30px; background:url(/assets/images/listLeft.gif) no-repeat right bottom #808080; border:1px solid #000;}
#Queensberry ul{float:left; clear:both; padding:0; margin:0;}
li.queensberry{list-style-type:none; padding-bottom:15px; color:#fff;}
/* Footer */
#footer{font-family:tahoma; width:950px; float:left; text-align:center; padding:0px; margin:0px;}
#footer img{border:none; margin:0 2px;}
#footer p{margin:5px 0px 5px 35px; padding:0px 35px 0px 0px; float:left; color:#454545; font-size:0.6em;}
#footer p.keywords{margin:10px 0px 10px 35px; padding:0px 35px 0px 0px; float:left;}
#infobar{background:url(/assets/images/footer2.jpg) #333 repeat-x bottom; width:100%; float:left; text-align:center;}
#infobar ul{margin:10px 0px 0px 0px; padding:0px 0px 0 0; text-align:center; list-style:none;}
#infobar li{padding:0px 9px 0px 0px; margin:0px 0px 0px 4px; border-right: 1px solid #CCC; font-size:0.8em; line-height:0.8em; display:inline;}
#infobar ul li.first{padding-left:0px;}
#infobar ul li.last{border:none; padding-right:0px}
#infobar a{color:#ccc; text-decoration:none;}
#infobar a:hover{text-decoration:underline;}
#infobar ul.second{font-size:0.8em; width:100%; text-align:center;}
#infobar ul.second li{padding:0px 5px 0px 1px; margin:10px 0px 10px 0px;}
#infobar p.orange{margin:10px 0 15px 0; padding:0 0 0px 0; float:left; color:#ff8c1e; font-size:0.7em; width:100%; text-align:center;}
#infobar p{margin:0; float:left; width:100%;}
#infobar p.chrome{color:#ccc; font-size:0.7em; margin:5px;}
#infobar hr{width:850px; color:#999; background-color:#999; border:0; height:1px; margin:0 0 10px 50px; padding:0; float:left;}