/**************************************
file: style.css
site: cameronscutomguns.com
author: MatadorLabs.com
revised: 
framework: bluetrip.org
**************************************/

/**************************************
   GLOBAL
**************************************/
body{
background: url(../images/background/body.jpg) top center no-repeat #004382;
}

h1, h2, h3 {
color:#fdb334;
font-style: italic;
font-weight: normal;
text-transform:uppercase;
}

h4, h5, h6 {
color:#6699cc;
}

.find {
border: 1px solid red;
}

/**************************************
   WRAP
**************************************/
#wrap {
position: relative;
background: #000000;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
}



/**************************************
   HEADER
**************************************/
#header {
background:url("../images/background/header.jpg") no-repeat;
height: 250px;
}


/**************************************
   NAV
**************************************/
#nav {
height: 25px;
}

#nav .menu{
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	font-size:12px;
	font-weight:bold;
	}
#nav .menu ul li span {
display:none;
}
#nav .menu ul{
	background:#1677cb url(../images/background/nav-menu.jpg) left repeat-x;
	height:25px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#nav .menu li{
		float:left;
		padding:0px;
		margin:0;
		}
	#nav .menu li a{
		background:url(../images/background/nav-menu-div.jpg) bottom right no-repeat;
		color:#ffffff;
		display:block;
		font-weight:normal;
		line-height:25px;
		margin:0px;
		padding:0px 17px ; 
		text-align:center;
		text-decoration:none;
		text-transform:uppercase;
		}
		#nav .menu li a:hover, .menu ul li:hover a{
			color:#cccccc;
			text-decoration:none;
			}
	#nav .menu li ul{
		background:#333333;
		display:none;
		height:auto;
		padding:0px;
		margin:0px;
		border:0px;
		position:absolute;
		width:225px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#nav .menu li:hover ul{
		display:block;
		
		}
	#nav .menu li li {
		display:block;
		float:none;
		margin:0px;
		padding:0px;
		width:225px;
		}
	#nav .menu li:hover li a{
		background:none;
		
		}
	#nav .menu li ul a{
		display:block;
		height:30px;
		line-height: 30px;
		font-size:12px;
		font-style:normal;
		margin:0px;
		padding:0px 10px 0px 15px;
		text-align:left;
		}
		#nav .menu li ul a:hover, .menu li ul li:hover a{
			background:#666666;
			border:0px;
			color:#ffffff;
			text-decoration:none;
			}
	#nav .menu p{
		clear:left;
		}	

/**************************************
   SOCIAL
**************************************/
#social {
position: absolute;
top: 205px;
right: 15px;
}
#social ul {
list-style: nonoe;
margin: 0;
padding: 0;
}

#social ul li {
float: left;
display: inline-block;
margin: 0;
padding: 0;
}

/**************************************
   FLOATER
**************************************/
#floater {
position: absolute;
top: 236px;
right: 0;
}
		
/**************************************
   FEATURED
**************************************/
#featured {
margin:0;
padding:0;
}

#featured ul {
list-style: none;
padding: 0;
margin: 0;
}

#featured img {
margin: 0;
padding: 0;
}

#featured ul li {
float: left;
display:inline-block;
width: 320px;
padding: 0;
margin: 0;
}


#featured ul li div {
clear: both;
min-height: 140px;
background:url(../images/background/featured.jpg) top;
margin: 0;
padding: 0;
border: 1px solid #333333;
border-left: none;
}

#featured h3 {
font-style:italic;
font-weight:normal;
text-transform: uppercase;
}

#featured h3, #featured p {
margin-left: 15px;
margin-right: 15px;
}

#featured a {
text-decoration: none;
}

/**************************************
   DIFFERENCE
**************************************/
#difference {
background:url(../images/background/diff.jpg) top center no-repeat;
width: 960px;
height: 230px;
margin: 0;
padding: 275px 0 0 0;
}

#difference p {
width: 570px;
margin-left: 35px;
}

.diff-image {
margin-bottom: 15px;
border-bottom: 1px solid #3d3d3d;
}

/**************************************
   GALLERY
**************************************/
.span-6 {
text-align: center;
margin: 0 0 17px 2px;
}

/**************************************
   MEDIA
**************************************/
#media .span-8 {
width: 290px;
margin-left: 17px;
}

#media .span-8 h3{
margin: 0 10px 15px 0;
padding: 8px 0 0 0;
border-top: 1px solid #3d3d3d;
}

/**************************************
   MAIN
**************************************/
#main {
clear: both;
padding: 15px;
}

#main .span-11 {
width: 460px;
}

.anment {
background-color:#9e9e9e;
margin: 0 5px 15px 0;
padding: 0 15px 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}

.anment h3 {
margin: 0;
padding: 15px 0 5px 0;
color: #ffffff;
font-style:italic;
font-weight:normal;
font-size: 17px;
text-transform:uppercase;
}

.anment p {
margin: 0;
padding: 0 0 7px 0;
}

#main .left{
width: 440px;
margin: 0 0 0 7px;
padding: 0 18px 0 0;
border-right: 1px solid #3d3d3d;
}
#main .right{
float: right;
width: 440px;
margin: 0 7px 0 0;
padding: 0;
}

.main-des {
background: url(../images/background/main-des.jpg) bottom repeat-x;
margin: 0 7px 15px;
padding: 0 20px;
border: 1px solid #3d3d3d;
}

.main-des h1 {
color: #0069aa;
}

#firearm #main .left {
border: none;
}

.grid h2, .grid p{
margin-left: 15px;
margin-right: 15px;
}

.grid a {
text-decoration: none;
}

.spec {
clear: both;
background:url(../images/background/specs.jpg) top repeat-x #005aa1;
margin: 0 15px 15px;
padding: 4px 0;
}

.spec h4 {
color: #ffffff;
margin: 0 0 10px 0;
padding: 0 15px;
text-transform: uppercase;
}

.spec .dataset {
display: block;
overflow: hidden;
margin: 0;
padding: 0 15px;
line-height: 25px;
border-bottom: 1px solid #072340;
}

.spec .key {
display: block;
float: left;
width: 30%;
font-weight: 700;
}

.spec .val {
display: block;
float: left;
width: 70%;
}

.detail h2, .detail p{
}

ul.thumbs {
margin: 11px 0 0 0;
padding: 0;
list-style: none;
}

ul.thumbs li {
float: left;
margin: 0 13px 12px 0;
padding: 0;
}

ul.thumbs li img {
margin: 0;
padding: 0;
}

ul.thumbs .last {
margin-right: 0;
}

/**************************************
   ACCOMPLISHMENTS
**************************************/
#accomplishments ul {
margin: 0 0 10px 25px;
padding: 0;
}

#accomplishments ul li {
margin: 0;
padding: 0;
}

#accomplishments p {
margin: 0;
padding: 0;
}

#accomplishments h3 {
margin: 0 0 10px 0;
padding: 0;
}
/**************************************
   GALLERY
**************************************/
#gallery {
clear: both;
margin:0;
padding:0;
}

#gallery .header {
background:url(../images/background/gallery-header.jpg) top left no-repeat;
height: 24px;
width: 960px;
}

#gallery ul.images {
clear: both;
list-style: none;
padding: 0;
margin: 0;
}

#gallery .images img {
margin: 0;
padding: 0;
border: none;
width: 160px;
height: 107px;
}

#gallery ul.images li {
float: left;
display:inline-block;
width: 160px;
height: 107px;
padding: 0;
margin: 0;
}

#gallery .gh-nav a {
color: #FFFFFF;
text-decoration: none;
}

#gallery .gh-nav a:hover {
color: #cccccc;
}

#gallery ul.gh-nav {
clear: both;
list-style: none;
padding: 0;
margin: 0;
height: 24px;
}

#gallery ul.gh-nav li {
float: left;
display:inline-block;
width: 160px;
padding: 0;
margin: 0;
}

#gallery .gh-nav .enlarge {
padding: 2px 0 0 25px;
}
#gallery .gh-nav .complete {
padding: 2px 0 0 25px;
}


/**************************************
   FOOTER-INDEX
**************************************/
#footer-index {
clear: both;
background:url(../images/background/footer-index.jpg) top left repeat-x;
margin:0;
padding: 30px 20px 0;
}

#footer-index p {
color: #666666;
line-height: 22px
}

/**************************************
   FOOTER
**************************************/
#footer {
clear: both;
margin: 0;
padding: 15px 10px 15px 15px;
border-top: 1px solid #333333;
}

#footer a {
color: #999999;
text-decoration:none;
}

#footer a:hover {
text-decoration: underline;
}

#footer .logo {
float: left;
width: 110px;
}

#footer ul {
float: right;
margin: 0;
padding: 0;
list-style: none;
}

#footer ul li {
display:inline-block;
float:left;
color:#6699cc;
margin: 0;
padding:0;
}

#footer ul li a {
padding: 0 5px;
}

#footer .copy {
color: #999999;
padding: 0 5px;
}

#footer .design {
float: right;
width: 800px;
margin: 0 0 0 0;
padding: 0 5px;
text-align: right;
}