@charset "UTF-8";

/* CSS Document */
body
{
background:url(../images/bg-header.jpg) repeat-x top left;
font-size: small;
font-family:"Helvetica light", Arial, Helvetica, sans-serif;
font-weight: normal;
margin: 15px 0 0 0;
padding: 0px;
}

a
{
color:#000;
text-decoration:none;
}

a:hover
{
color:#333;
border-bottom:1px dashed #b5121b;
}

#wrap
{
width:975px;
margin: 0 auto;
height: 671px;
}

.copyright
{
font-size: 85%;
font-weight: normal;
margin: 0 0 0 70px;
}

#header
{
margin: 0;
padding: 0;
height: 104px;
}

#head img
{
margin-top: 5px;
margin-left: 75px;
text-align: right;
float: left;
border: 0;
cursor: pointer;
}

#head h1
{
height: 33px;
width: 500px;
float: left;
margin: 40px 0 0 40px;
letter-spacing: 1px;
font: lighter 195% Arial, Helvetica, sans-serif;
background: url(../images/logo-head.gif) no-repeat;
text-indent: -9999px;
}

/*-------------Navigation---------------*/
#nav
{
width:483px;
height:38px;
float:left;
margin: 1px 0 0 40px;
}
#navbar{
width:483px;
height:40px;
margin:4px 0 0 0;
padding: 0;
}


#navbar li
{
width:146px;
float:left;
list-style:none;
margin-right: 15px;
text-align: center;
height: 22px;
padding-top:12px;
background: url(../images/navbtn.jpg) no-repeat top left;
}

#navbar li a
{
color:#000;
text-decoration:none;
margin:0;
padding:0;
width:142px;
font-size:11px;
font-weight: normal;
border:0;
letter-spacing: 0.05em;
}
#navbar li a:hover{
	margin:0;
	padding:0;
	}

#navbar li ul {
	margin:0;
	padding:0;
	display:none; 
	width:142px; /* Width to help Opera out */
	}
#navbar li ul.sub li a{margin-top:-5px;
	padding:5px 0 0 0;}
#navbar li ul.sub li a:hover{margin-top:-5px; padding:5px 0 0 0;}
#navbar li:hover ul {
	display: block;
	position: absolute;
	top:127px;
	margin:0px;
	padding:0px;
	width:142px;
	}
	
#navbar li:hover li {
margin:0px;
padding:4px 0 0 0;
background:#b3acac;
float: none;
border-bottom:1px solid #000;
border-left:1px solid #000;
border-right:1px solid #000;
width:140px;
height:25px;

}

#navbar ul li:first-child{
	border-top:1px solid #000;
	margin:0px;
	padding:4px 0 0 0;
	width:140px;
	height:25px;	}
	
#navbar li:hover li p{
	margin:0;
	padding:4px 0 4px 0;
	text-align:center;
font-size:11px;
font-weight:normal;
	
	}	
#navbar li:hover li a {
	margin:0px;
	padding:0px;
	color: #000;
	text-decoration:none;
	display:block;
	width:140px;
	height:25px;
	}

#navbar li:hover li a:hover {
	margin:0;
	padding:0;
	background:#FFF;
	text-decoration:none;
	width:140px;
	height:25px;
	display:block;
	}

#content
{
width: 975px;
background: url(../images/content-bg.jpg) no-repeat;
display:block;
height:20px;
float: left;
margin: 0;
padding: 0;
}

#contentCont
{
width: 975px;
background: url(../images/contactbg.jpg) no-repeat;
float: left;
margin: 0;
padding: 0;
display:block;
}

#contentweare
{
width: 975px;
height:20px;
background: url(../images/WhoWeArebg.jpg) no-repeat;
float: left;
margin: 0;
padding: 0;
display:block;
}
#contentcodes
{
width: 975px;
height:20px;
background: url(../images/codes_bg.jpg) no-repeat;
float: left;
margin: 0;
padding: 0;
display:block;
}
#contentphoto
{
width: 975px;
height:20px;
background: url(../images/photography_bg_head.jpg) no-repeat;
float: left;
margin: 0;
padding: 0;
display:block;
}

#contentgallery
{
width: 975px;
height:20px;
background: url(../images/gallery_header.jpg) no-repeat;
float: left;
margin: 0;
padding: 0;
display:block;
}



#innercontent
{
width:975px;
float: left;
}

#sidebar
{
float: left;
height: 500px;
width: 140px;
margin: 20px 0px 0 70px;
padding-left: 0px;
}

#sidebar p
{
font-size: 14px;
font-weight: normal;
line-height: 18px;
padding: 5px;
margin: 10px 0px 3px;
}
#sidebar ul{
margin:15px 0px 0px 3px;
padding:0;
letter-spacing: .05em;
	}
#sidebar li
{
font-size: 11px;
font-weight: normal;
line-height: 18px;
padding: 2px;
margin: 10px 0 0 0;
list-style:none;
}

#sidebar li span
{
font-size: 9px;
font-weight: normal;
line-height: 18px;
}

#rightCol
{
float: right;
width: 732px;
margin: 20px 19px 0px 0px;
}

#rightColCont
{
float: right;
width: 773px;
height:543px;
margin: 20px 0px 0px 202px;
background: url(../images/contactBgcontent.jpg) no-repeat right top;
display:block;
}

#rightColCont h1{
font-size:37px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/contact-head.gif) no-repeat;
text-indent: -9999px;
	}
	
#rightColweare h1{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
text-indent: -9999px;
	}

#rightColCont div.contact
{
width:250px;
margin:233px 0 0 0;
padding:5px 5px 5px 20px;
letter-spacing: 0.05em;
}

#rightColCont div.contact p
{
font-size:14px;
line-height: 18px;
margin: 0 0 10px 0;
padding: 0;
}

#rightColweare div.weare
{
width:390px;
margin:5px 0 0 0;
padding:5px 5px 5px 20px;
}

#rightColweare div.weare p
{
font-size:14px;
line-height: 18px;
margin: 0  20px 0 0;
padding: 0;
letter-spacing: 0.05em;
}

#rightColweare
{
float: right;
width: 773px;
height:543px;
margin: 20px 0px 0px 202px;
background: url(../images/WhoWeAreRightCol.jpg) no-repeat right top;
display:block;
}

#rightColcodes
{
float: right;
width: 773px;
height:543px;
margin: 20px 0px 0px 202px;
background: url(../images/codes_bg_large.jpg) no-repeat right top;
display:block;
}
	
#rightColcodes h1{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/codes_header.gif) no-repeat;
text-indent: -9999px;
}

#rightColcodes div.codes
{
width:395px;
margin:5px 0 0 0;
padding:5px 5px 5px 20px;
}

#rightColcodes div.codes p
{
font-size:14px;
line-height: 18px;
margin: 0  20px 0 0;
padding: 0;
letter-spacing: 0.05em;
}


#rightColmerch h1{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/merchandisingHeader.gif) no-repeat;
text-indent: -9999px;
display: block;
}

#rightColmerch
{
float: right;
width: 765px;
height:500px;
margin: 20px 0px 0px 0px;
display:block;
}
#rightColpack
{
float: right;
width: 765px;
height:500px;
margin: 20px 0px 0px 0px;
display:block;
}
#rightColpack h1.pack{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/Packaging_header.gif) no-repeat;
text-indent: -9999px;
display: block;
}

#rightColpromo
{
float: right;
width: 765px;
height:500px;
margin: 20px 0px 0px 0px;
display:block;
}
#rightColpromo h1.promo{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/promotional-header.gif) no-repeat;
text-indent: -9999px;
display: block;
}

#rightColill
{
float: right;
width: 765px;
height:500px;
margin: 20px 0px 0px 0px;
display:block;
}
#rightColill h1.ill{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/illustrations_header.gif) no-repeat;
text-indent: -9999px;
display: block;
}
#rightColphoto
{
float: right;
width: 765px;
height:500px;
margin: 20px 0px 0px 0px;
display:block;
}
#rightColphoto h1.photo{
font-size:37px;
font-weight:normal;
font-family:"Arial Narrow", Arial, Helvetica, sans-serif;
margin:20px 0 0 20px;
background: url(../images/photography_header.gif) no-repeat;
text-indent: -9999px;
display: block;
}



/*gallery buttons*/
.leftBtn a{
width:45px;
margin:180px 0 0 15px;
padding:0px;
float:left;
display:block;
text-decoration:none;
border: 0px;
}

.galleryImg{
margin: 10px 3px 0 3px;
padding: 0px;
float: left;
width: 635px;
height:400px;
text-align:center;
	}
.rightBtn a{
width:45px;
margin:180px 15px 0 0;
padding:0px;
float:left;
display:block;
text-decoration:none;
border: 0px;
}

#footer
{
margin: 0px auto;
clear: both;
width: 975px;
}