/* CSS Document */

body{color:#000000; background:url(../img/background/gradient_new.jpg) no-repeat; font-family:Helvetica, Arial;}

.hide {
text-indent: -200px;
}

img {behavior: url(../../css/iepngfix.htc);}

#container{height:auto; margin:0 auto; width:980px; cursor:default;}

#header{width:500px; height:110px; margin-top:10px; background:url(../img/header/logo.png) 3% no-repeat;}
*html #header{width:500px; height:110px; margin-top:20px; background:url(../img/header/logo.png) 3% no-repeat;}

#home #navigation{width:100%; height:60px; float:left; margin:0px 0px 0px 0px;}

#navigation{width:100%; height:60px; float:left; margin:0px 0px 0px 0px;}

#content{height:auto;}

#images #content{width:885px; margin:20px 0px 0px 0px; padding-left:90px;}
#admin #content{width:885px; margin:20px 0px 0px 0px; padding-left:90px; border-bottom:2px solid #8FAFBA;}

#contentLeft{width:470px; height:auto; margin:20px 0px 0px 0px; padding-left:90px; float:left;}

#home #contentRight{width:400px; height:500px; margin:30px 0px 0px 0px; background:url(../img/home/box.png) 80% no-repeat; float:right;}
#cases #contentRight{width:400px; height:auto; margin:30px 0px 0px 0px; float:right;}
#hardware #contentRight{width:400px; height:420px; margin:30px 0px 0px 0px; float:right;}
#contact #contentRight{width:410px; height:550px; margin-top:30px; float:right;}

#automotive #contentRight{width:400px; height:517px; margin-top:30px; background:url(../img/cases/automotive/case.png) 80% no-repeat; float:right;}
#specials #contentRight{width:400px; height:370px; margin-top:30px; background:url(../img/cases/specials/case.png) no-repeat; float:right;}
#music #contentRight{width:400px; height:570px; margin-top:30px; background:url(../img/cases/music/case.png) no-repeat; float:right;}
#trunks #contentRight{width:400px; height:445px; margin-top:30px; background:url(../img/cases/trunks/case.png) 80% no-repeat; float:right;}
#computer #contentRight{width:400px; height:553px; margin-top:30px; background:url(../img/cases/computer/case.png) no-repeat; float:right;}
#racks #contentRight{width:400px; height:392px; margin-top:30px; background:url(../img/cases/racks/case.png) no-repeat; float:right;}
#industrial #contentRight{width:400px; height:553px; margin-top:120px; background:url(../img/cases/industrial/case.png) no-repeat; float:right;}

#panels #contentRight{width:400px; height:550px; margin-top:30px; background:url(../img/hardware/panels/panels.png) 80% no-repeat; float:right;}
#colour #contentRight{width:400px; height:404px; margin-top:30px; background:url(../img/hardware/colours/panels.png) 80% no-repeat; float:right;}
#location #contentRight{width:400px; height:420px; margin-top:30px; background:url(../img/location/map.png) 90% no-repeat; float:right;}
#interiors #contentRight{width:400px; height:900px; margin-top:30px; background:url(../img/hardware/interiors/colourswathes.png) no-repeat; float:right;}
#aluminum #contentRight{width:400px; height:817px; margin-top:30px; background:url(../img/hardware/aluminum/examples.png) 90% no-repeat; float:right;}

#hardware #displayPic{width:490px; height:257px; margin-top:50px; background:url(../img/hardware/stack.png) no-repeat;}
#cases #displayPic{width:490px; height:488px; margin-top:10px; background:url(../img/cases/openBox.png) no-repeat;}
#trunks #displayPic{width:231px; height:101px; margin-top:170px; background:url(../img/cases/trunks/trunkDetail.png) no-repeat;}
#specials #displayPic{width:325px; height:161px; margin-top:10px; background:url(../img/cases/specials/nikeCases.png) no-repeat;}
#computer #displayPic{width:144px; height:117px; margin-top:25px;margin-bottom:15px; background:url(../img/cases/computer/computer.png) no-repeat;}
#automotive #displayPic{width:108px; height:162px; margin-top:20px; margin-bottom:10px; background:url(../img/cases/automotive/gearBox.png) no-repeat;}
#interiors #displayPic{width:941px; height:173px; background:url(../img/hardware/interiors/foams.png) no-repeat;}
#industrial #displayPic{width:304px; height:117px; margin-top:40px;margin-bottom:25px; background:url(../img/cases/industrial/units.png) no-repeat;}
#music #displayPic{width:448px; height:129px; margin-top:25px; margin-bottom: 10px; background:url(../img/cases/music/mixer.png) no-repeat;}
#racks #displayPic1{width:460px; height:162px; float:left; margin-top:40px; background:url(../img/cases/racks/rackDetail.png) no-repeat;}
#racks #displayPic2{width:941px; height:120px; float:left; margin:0px 0px 0px 90px; background:url(../img/cases/racks/racks.png) no-repeat;}
*html #racks #displayPic2{width:941px; height:120px; float:left; margin:0px 0px 0px 45px; background:url(../img/cases/racks/racks.png) no-repeat;}
#colour #displayPic{width:941px; height:173px; float:left; margin:0px 0px 0px 90px; background:url(../img/hardware/colours/colourswathes.png) no-repeat;}
*html #colour #displayPic{width:941px; height:173px; float:left; margin:0px 0px 0px 45px; background:url(../img/hardware/colours/colourswathes.png) no-repeat;}

#gallery{width:135px; height:200px; border-right:1px solid #8FAFBA; float:left; margin:20px 10px 10px 0px; padding:0px 0px 10px 0px;}
*html #gallery{width:120px; height:200px; border-right:1px solid #8FAFBA; float:left; margin:20px 10px 10px 0px; padding:0px 0px 10px 0px;}

#title{min-height:45px;height:auto !important;height:45px; padding-right:5px;}
#shadow{width:100%;padding:10px 10px 10px 3px;filter:shadow(color:#1A171B);} 

#imageContainer{width:885px; padding-bottom:30px; height:auto; float:left;}

#admin #footer{width:1000px; height:50px; margin-top:20px; float:left;}
#footer{width:1000px; height:50px; float:left;}

#bottomFooter{width:1000px; height:50px; float:left;}

#pageNav{margin:30px 0px 20px 0px;}


.label{font-size:0.8em; display:block; color:#FFFFFF; margin-top:10px;}
.textBox{margin:0px 0px 8px 0px; display:block; background-color:#8FAFBA; border:1px solid #595B70; width:300px;}
.smallTextBox{margin:0px 0px 8px 0px; display:block; background-color:#8FAFBA; border:1px solid #595B70; width:50px;}
.textArea{margin:0px 0px 5px 0px; display:block; background-color:#8FAFBA; height:140px; border:1px solid #595B70; width:400px;}
.select{background-color:#8FAFBA;}
.button{margin:20px 10px 20px 0px; height:30px; width:120px; color:#595B70; background-color:#FFFFFF; border:1px solid #595B70; display:block;}
.table{margin-bottom:20px;}


#navigation ol,ul{list-style:none; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
#navigation li{display:inline; padding:0px 0px 0px 0px; margin:0px 0px 0px -4px;}

#navigation a{text-decoration:none; color:#FFFFFF; font-size:1.0em; display:inline; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#navigation a:hover{color:#000000;}

#footer ol{color:#FFFFFF; font-size:0.8em; font-style:italic; list-style:none; margin:0px 0px 0px 0px; padding-left:90px;}
#footer li{display:inline; text-align:justify; margin:0px 30px 0px 0px;}
#footer a{color:#FFFFFF; text-decoration:none;}

#contact #contentRight ol{color:#FFFFFF; font-size:0.8em; list-style:none; margin:30px 0px 30px 0px; padding-left:90px;}
#contact #contentRight li{display:block; margin:10px 13px 10px 13px;}
#contact #contentRight a{color:#FFFFFF; text-decoration:none;}

#content ol{color:#FFFFFF; font-size:0.8em; list-style:disc; margin:20px 0px 20px 15px; padding:0px 0px 0px 0px;}
#content li{display:block; margin:10px 0px 10px 0px;}
#content a{color:#FFFFFF; text-decoration:none;}

#admin #content ol{list-style:none;  margin-left:0px;}
#content #noMargin p{color:#FFFFFF; font-size:0.8em; list-style:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

h1{font-size:1.1em; color:#FFFFFF; line-height:20px; margin-bottom:30px;}
h2{font-size:0.9em; color:#FFFFFF; line-height:20px; margin:0px 0px 0px 0px;}
h3{font-size:0.7em; color:#FFFFFF; margin:0px 0px 0px 0px;}
h4{font-size:0.7em; color:#FFFFFF; font-weight:normal; text-align:left;}

a{text-decoration:none; color:#FFFFFF; cursor:pointer;}

p{font-weight:normal; font-size:0.8em; color:#FFFFFF; line-height:20px; margin:0px 0px 20px 0px;
text-align:justify}


#navigation .floatRight{margin:0px 0px 0px 32px;}
#contentRight .floatRight{float:right; display:block; margin:0px 3px 27px 10px; border:none;}
#ranks .floatLeft{margin-top:90px; float:left;}
.bold{font-weight:bold;}
.noBorder{border:none; margin:0px 0px 0px 0px;}
#navigation .noBorder{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; display:inline;}
.icon{border:none; margin:10px 0px 0px 0px;}
.buttonNav{color:#FFFFFF; text-align:right; font-weight:bold; font-size:0.9em; margin:10px 20px 10px 0px;}
.paging{font-size:0.8em;}