body{margin:0; padding:0; border:0;}

#banner{width:100%; margin:0; padding:0; background:url(../images/bg-banner.png) repeat-x top left;}
#logo{width:900px; height:180px; margin:0 auto; background:url(../images/bg-header.png) no-repeat top left;}

#main-content{width:900px; margin:0 auto;}

#footer{width:900px; margin:15px auto; height:100px;}

.left-column{width:600px; float:left; margin-right:10px; border-right:#ccc 1px solid;}
.left-column-small{width:280px; float:left; margin-right:10px; border-right:#ccc 1px solid;}

.right-column{width:280px; float:right; padding:10px 0 0 2px; }
.right-column-large{width:600px; float:right;}
	
.clear{clear:both; height:10px;}

.contact-us{width:265px; height:150px; background:url(../images/contact-us.png) no-repeat top left; padding-top:55px;}

.news{background-color:#fff; padding:0; border:#666 1px solid;}
.news h1{padding:10px; width:259px; background:#0e1c5f; text-transform:uppercase; margin:0;}
.news ul{list-style:none; margin:15px 0 0 0; padding:0 0 0 8px;}
.news ul li a{display:block; width:100%; text-decoration:none; color:#ffffff; border-bottom:#ccc 1px dotted; width:85%; margin:3px 0;}
.news ul li a:hover{color:#333333; text-decoration:none;}

div.float-right{width:295px;}
div.float-right img{margin-bottom:15px; clear:both;}
a img{border:none;}

/*---------
Navigation Bar
*/

ul#topnav {margin: 0; padding: 0; float:left; width: 100%; list-style: none; font-size: 1.1em;}
ul#topnav li {float: left; margin: 0; padding: 0; position: relative; /*--Important--*/}
ul#topnav li a {float: left; color:#fff; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; height: 30px; padding: 5px 20px; margin-right:35px; text-transform:lowercase; font-weight:700;}
ul#topnav li a:hover{color:#CCC;}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } /*--Hover State--*/

/*
MENU DROP DOWN
*/

ul#topnav li .sub {position: absolute; /*--Important--*/ top: 30px; left: 0; background: #ffffff; padding:5px 5px 15px 5px; float: left; width:530px;
/*--Bottom right rounded corner--*/-moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;
/*--Bottom left rounded corner--*/-moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;
display: none; /*--Hidden for those with js turned off--*/ border-bottom:4px solid #0e1c5f; border-left:1px solid#0e1c5f; border-right:1px solid #0e1c5f;}

ul#topnav li .row { /*--If needed to break out into rows--*/clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{list-style: none; margin: 0; padding: 0; width: 265px; float: left;}
ul#topnav li .sub ul.wide{list-style: none; margin: 0; padding: 0; width: 450px; float: left;}
ul#topnav .sub ul li {width: 100%; /*--Override parent list item--*/ color: #fff; line-height:19px; margin:0; padding:0;}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/ padding: 0;  margin: 0; font-size: 1.3em; font-weight: normal;}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/ padding: 5px 0; background-image: none; color: #000;}
ul#topnav .sub ul li a {float: none; text-indent: 0; /*--Override text-indent from parent list item--*/ height: auto; /*--Override height from parent list item--*/ padding:0 5px 0 15px; display: block; text-decoration: none; color: #000; font-size:10px;}
ul#topnav .sub ul li a:hover {color: #666;/*--Override background position--*/}
	ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
#nav-container{position:relative; height:30px; color:#E0E0E0;background:#143D55 url(../images/bg-navbar.png) repeat-x; width:100%; font-family:Helvetica,Arial,Verdana,sans-serif; margin:0; padding:0;}
	#nav-container-inner{width:900px; margin:0 auto;}

/*------------
Form Elements
*/

.contact-us label {position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#fff; text-indent:15px;}
.contact-us input {margin-left:7em; margin-bottom:.2em; line-height:1.4em;}

.left-column label {position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-indent:15px;}
.left-column input {margin-left:7em; margin-bottom:.2em; line-height:1.4em;}

.image-upload label {position:absolute; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666;}
.image-upload input {margin-left:7em; margin-bottom:.2em; line-height:1.4em;}

/*------------
Generic Classes
*/
	
.float-right{float:right; margin:15px 0 10px 10px;}
.float-left{float:left; margin:0 10px 10px 0; padding-right:10px;}

/*----------
Tabs
-*/
	
.shadetabs{padding: 3px 0; margin-left: 3px; margin-top: 1px; margin-bottom: 0; font: bold 10px Verdana; list-style-type: none; text-align:left; /*set to left, center, or right to align the menu as desired*/}
.shadetabs li{margin: 2px;}
.shadetabs li a{text-decoration: underline; padding: 3px 2px; margin-right: 3px; color: #2d2b2b; line-height:18px;}
.shadetabs li a:visited{color: #2d2b2b; text-decoration:underline; line-height:18px;}
.shadetabs li a:hover{text-decoration: none; color: #2d2b2b; line-height:18px;}
.tabcontent{display:none;}
@media print {.tabcontent {display:block !important;}}

/*==============
Pricelists
*/

div.prices{float:right; width:600px;}
ul.pricelist{list-style:none; list-style-image:none; margin:0; padding:0;}
ul.pricelist li{margin:10px 0; line-height:20px; clear:both;}
ul.pricelist li img{float:left; margin:10px 20px 10px 0; display:inline;}
ul.pricelist li ul{list-style:none; list-style-image:none; margin:25px 0; line-height:20px;}
ul.pricelist li ul li.partnumber{ font-size:11px;font-style:italic; color:#666; }
ul.pricelist li ul li.price{ font-size:12px; color:#333; }
ul.pricelist li ul li.description{ font-size:12px; color:#333; }
ul.pricelist h2, ul.pricelist h4{margin:0; padding:0;}
ul.pricelist h4{font-size:14px; color:#333; text-transform:uppercase; font-weight:bold;}
ul.pricelist h2{font-size:20px;}

/*==============
Lightroom
*/

#lightview * { margin: 0; padding: 0; background: none; border: 0; }
#lightview {position: fixed; top: 50%; left: 50%; height: 150px; width: 150px; margin: -75px 0 0 -75px;}

#lightview ul li { list-style-type: none; }
#lightview .container { position: relative; width: 100%; height: 100%; }
#lightview .button { cursor: pointer; text-decoration: none; border: none; }

#lightview .sideButtons {position: absolute; top: 50%; margin-top: -11px; left: 0; clear: both; width: 100%; height: 22px;}

#lightview .sideButtons .prev { float: left; }
#lightview .sideButtons .next { float: right; }
#lightview .side { position: relative; overflow: hidden; }
#lightview .side .wrapper { width: 100%; height: 100%; }
#lightview .side .button { float: left; }

#lightview .frames { width: 100%; height: 100%; position: relative; }
#lightview .frames .frame {position: absolute; left: 0; width: 100%; display: block;}
#lightview .frames .top { top: 0; }
#lightview .frames .bottom { bottom: 0; }

#lightview .liquid { position: relative; float: left; width: 100%; overflow: hidden; clear: both; }
#lightview .liquid .filler { position: absolute; height: 100%; width: 2px; top: 0; left: 50%; }

#lightview .half {display: block; height: 100%; clear: both; line-height: 0px;}
#lightview .half .corner { float: left; position: relative; }
#lightview .half .corner canvas { }
#lightview .tr, #lightview .br { float: right; }

#lightview .fill {position: absolute; top: 0; width: 100%; height: 100%;}

#lightview .container .wrap { float: left; position: relative; width: 50%; height: 100%; overflow: hidden; }
#lightview .container .right .wrap { float: right; }

#lightview .corner { position: relative; }
#lightview .corner canvas { position: relative; }
#lightview .left .corner { float: left; }
#lightview .right .corner { position: relative; float: right; }

#lightview .center { position: relative; clear: both; height: 100%; overflow: hidden; }
#lightview .wrapup { position: absolute; left: 0; height: 100%; width: 100%; overflow: hidden; }
#lightview .wrapdown { position: relative; height: 100%; width: 100%; overflow: hidden; }
#lightview .wrapcenter { position: relative; }

#lightview .loading {width: 22px; height: 22px; position: absolute; top: 50%; left: 50%; margin-top: -11px; margin-left: -11px;}
#lightview .loading .button {float: left; height: 100%; width: 100%;}

#lightview .mediaWrapper {position: relative; width: 100%; display: block; overflow: hidden; clear: both;}

#lightview .mediaWrapper img { position: relative; float: left; }

#lightview .prevnext { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
#lightview .prevnext .button { position: relative; height: 100%; width: 49%; display: block; }
#lightview .prevnext .prev { float: left; }
#lightview .prevnext .next { float: right; }

#lightview .dataContainer {clear: both; position: relative; width: 100%; float: left; font: 11px Arial, Helvetica, sans-serif; color: #808080;}

#lightview .close, #lightview .data { margin: 6px 0 0 0; }
#lightview .top .close,
#lightview .top .data { margin: 0 0 6px 0; }

#lightview .close { float: right; overflow: hidden; }
#lightview .close .button {	float: right; width: 100%; height: 100%; }

#lightview .data {position: relative; float: left; padding-bottom: 3px; line-height: 13px;}

#lightview .dataText div, #lightview .imgNumber div { margin-left: 3px; } /* simulates padding-left inside .data */
#lightview .top .dataText div, #lightview .top .imgNumber div { margin-left: 0; }

#lightview .data li { float: left; margin-top: 3px; }
#lightview .dataText { width: 100%; }
#lightview .dataText .title { font-weight: bold;}
#lightview .dataText .caption { clear: both; }
#lightview .imgNumber { color: #b8b8b8; margin-right: 5px; margin-top: 5px; }
#lightview .slideshow { border-left: 1px solid #efefef; padding-left: 5px; margin-top: 5px; }
#lightview .slideshow .button { /* play and stop */float: left; width: 43px; height: 13px; background-position: center left; background-repeat: no-repeat;}

#lightview .importWrapper { float: left; clear: both; }
#lightview .importWrapper iframe { float: left; clear: both; }

#overlay { position: fixed;  top: 0; left: 0; height: 100%; width: 100%; background: #000;}

#overlay .closeable {position: relative; height: 100%; width: 100%; background: #000; /* IE */}

* html #lightview {position: absolute; margin-top: expression( -1 * this.offsetHeight / 2 + (document.documentElement ? document.documentElement.scrollTop : 0) + 'px'); margin-left: expression( -1 * this.offsetWidth / 2 + (document.documentElement ? document.documentElement.scrollLeft : 0) + 'px');}

* html #overlay { /* IE6 */position: absolute; height: expression((document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) > document.body.offsetHeight ? (document.body.scrollHeight > document.documentElement.scrollHeight ? document.body.scrollHeight : document.documentElement.scrollHeight) : document.body.offsetHeight + 'px'); width: expression((document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) > document.body.offsetWidth ? (document.body.scrollWidth > document.documentElement.scrollWidth ? document.body.scrollWidth : document.documentElement.scrollWidth) : document.body.offsetWidth + 'px');}