/*
Theme Name: 804 WRAPS
Author: Dan Strogiy
Description: 804 WRAPS Responsive Website
Version: 1.0
*/

* { margin:0; padding:0; }
body { font-family:helvetica,arial,sans-serif; font-size:0.8em; color:#000; line-height:1; background:#0a0a0a url('images/bg.jpg') no-repeat top center; }
.wrapper { margin:0 auto; width:1000px; }
.clear { clear:both; }
a { color:red; text-decoration:none; }
a:hover { color:#ff6b00; }
img { max-width:100%; border:none; }
p { line-height:18px; }
::selection { background:#e20052; color:#fff; }
::-moz-selection { background:#e20052; color:#fff; }
::-webkit-selection { background:#e20052; color:#fff; }

#nav, #phone, h1, h2, h4 { font-family:'Open Sans'; }

#intro { height:332px;  }
header { color:#fff; padding:20px; }
#logo { float:left; padding-top:20px; padding-left:0px; margin-right:60px; }
#slogan { float:right; padding-top:40px; }
#slogan h1 { background:#fff url('images/slogan.jpg') repeat-x; color:#000; padding:11px; font-weight:bold; font-size:20px; }
#intro h2 { position:absolute; font-size:20px; margin-left:30px; margin-top:-15px; }

.entry-header { color:#000; padding:0; margin-left:0; }

#phone { float:right; padding-top:62px;}
#phone span { color:#ff7e00; font-size:30px; font-weight:bold; line-height:1.3; }
#phone p { font-size:11pt; color:#b0a090; font-family:helvetica,arial,sans-serif;}
#mascot { float:right; padding-top:40px; }

#intro { color:#fff; border-bottom:5px solid #eb194a; }
#intro h1 { font-size:55px; padding-left:30px; padding-top:130px; }
#intro-top { height:15px; background:url('images/intro-top.jpg') no-repeat top center; margin-top:40px; }
#inner { border-bottom:5px solid red; clear:both; margin-top:40px; }
#best { position:absolute; margin-left:410px; margin-top:40px; }

#nav { margin-left:20px; padding-top:130px; }
#nav ul li { font-size:19px; float:left; margin-right:28px; list-style:none; font-weight:bold;}
#nav ul li.active a { color:#fff; }

#content { background:#fff; padding:40px; line-height:18px; }
h1 { font-size:36px; font-weight:bold; margin-bottom:25px;}
h2 { font-size:30px; font-weight:bold; margin-bottom:25px; }
h3 { font-size:14pt; font-weight:normal; line-height:24px; margin-bottom:15px; }
.fourteen { font-size:11pt; color:#333; line-height:22px; }
p { margin-bottom:20px; }
#left { width:540px; float:left; }
#right { width:330px; float:right; }
.heading { background:url('images/heading.png') no-repeat; width:267px; height:45px; margin-bottom:15px; }
.heading h1 { color:#fff; font-size:25px; text-align:center; padding-top:8px; }
#right ul li { color:#555; font-size:16px; line-height:22px; list-style-type:none; background:url('images/tick.png') no-repeat left center; padding-left:30px; margin-bottom:10px; }
ul li strong { color:#000; font-weight:bold; }
#right ul li.notick { background:none; }
.block { margin-bottom:20px; background:#fff3d7; -moz-border-radius: 10px; border-radius: 10px; padding:20px;}
.block.white { background:none; }
.testimonial { margin-bottom:25px; }
.testimonial span { font-size:16px; font-weight:bold; font-family:"Open Sans"; }
#freequote { background:#a60b0b; padding:40px; color:#fff; }
#freequote h2 { float:left; padding-right:60px; padding-top:7px; }
#freequote span { font-size:46px; font-family:"Open Sans"; font-weight:bold; padding-top:15px; }
#freequote #quotemascot { float:right; margin-top:-55px; }
#footer { color:#727272; background:url('images/footer.jpg') no-repeat; padding:40px; margin-bottom:40px; }
#footer h4 { color:#fff; font-size:18px; margin-bottom:10px; }
#small-logo { float:left; margin-right:40px; }
#small-logo img { width:129px; height:89px; }
#copyright { float:left; margin-right:40px; }
.footerblock { float:left; margin-right:30px; line-height:18px; }
ul#fade li { list-style-type:none; background:none; font-size:14px; color:#000; padding-left:0; }
.textblock p { padding-left:20px; padding-right:20px; }
.contentul { margin-bottom:20px; }
.contentul ul li { color:#555; font-size:16px; line-height:22px; list-style-type:none; background:url('images/tick.png') no-repeat left center; padding-left:30px; margin-bottom:10px; }
.contentul ul li.notick { background:none; }

#quote { margin-top:50px; margin-bottom:20px; background:#fff3d7; -moz-border-radius: 10px; border-radius: 10px; padding:20px;}

.leftyellow { margin-top:20px; margin-bottom:20px; background:#fff3d7; -moz-border-radius: 10px; border-radius: 10px; padding:20px;}

#truck { position:absolute; margin-left:670px; margin-top:70px; width:358px; height:262px; }

#business { position:absolute; margin-left:700px; margin-top:-67px;}
#uplimg { position:absolute; margin-left:10px; margin-top:-1px; }

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; }
        .dropdown dd { position:relative; }
        .dropdown a, .dropdown a:visited {text-shadow: 0px 1px 1px #fff;  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; font-size:18px; font-family:"Open Sans"; font-weight:bold; color:#000; text-decoration:none; outline:none;}
        .dropdown a:hover { color:#fff; text-shadow:none;}
        .dropdown dt a:hover { color:#000; border:none;}
        .dropdown dt a {background:#fff url(images/arrow.png) no-repeat scroll right center; display:block; padding-right:20px;
                        border:none; width:220px; padding:12px;}
		
        .dropdown dt a span {cursor:pointer; display:block;}
        .dropdown dd ul {  -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px; background:#ff7d00 none repeat scroll 0 0; border:none; color:#C5C0B0; display:none;
                          left:0px; padding:5px; position:absolute; top:2px; width:auto; min-width:205px; list-style:none;}
		.dropdown dd ul {
		 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ff6700));
 background-image: -webkit-linear-gradient(top, #ff9900, #ff6700);
 background-image: -moz-linear-gradient(top, #ff9900, #ff6700);
 background-image: -ms-linear-gradient(top, #ff9900, #ff6700);
 background-image: -o-linear-gradient(top, #ff9900, #ff6700);
 background-image: linear-gradient(to bottom, #ff9900, #ff6700);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9900, endColorstr=#ff6700);
 }
        .dropdown span.value { display:none;}
        .dropdown dd ul li a { padding:5px; display:block; }
        .dropdown dd ul li a:hover { background-color:#ea5800;}
        
        .dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
        .flagvisibility { display:none;}

button, .button {
 font-weight:bold;
 cursor:pointer;
 border:none; border-bottom:3px solid #e10606; -webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
 font-family:"Open Sans";font-size:16px; padding: 7px 10px 7px 10px; text-align: center; color: #fff; background-color: #ff6700;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6060), to(#ff0202));
 background-image: -webkit-linear-gradient(top, #ff6060, #ff0202);
 background-image: -moz-linear-gradient(top, #ff6060, #ff0202);
 background-image: -ms-linear-gradient(top, #ff6060, #ff0202);
 background-image: -o-linear-gradient(top, #ff6060, #ff0202);
 background-image: linear-gradient(to bottom, #ff6060, #ff0202);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9900, endColorstr=#ff6700);
}

button:hover, .button:hover {
color:#fff;
 background-color: #a80909;
}

#uploadb { float:right; padding-right:40px; margin-top:0px; }
.artwork { color:#000; }
.artwork:hover { color:#000; }
.bigbutton { font-size:22px; }
.artwork { padding-left:35px; }

form p { margin-bottom:10px; font-size:14px; }
form input.wpcf7-text { padding:8px; font-size:16px; color:#555; font-family:"Open Sans"; border:none; background:#fff; margin-bottom:20px; }
textarea { margin-bottom:20px; width:95%; height:100px; border:none; background:#fff; font-size:14px; padding:8px; font-family:"Open Sans"; }
#right h2 { font-size:26px; line-height:26px; font-weight:normal;text-align:center;}



#phone a { color:#ff7e00; }
#freequote a { color:#fff; }
.wpcf7-file { font-family:helvetica,arial,sans-serif; }
.clients { margin-top:20px; }
.clients img { float:left; margin-right:20px; }
p.caption { margin-bottom:30px; margin-top:-10px; color:#555; font-style:italic; }
.alignleft { float:left; padding-right:20px;  }
.alignright { float:right; padding-left:20px; }


.del_file { font-size:11px; color:#555; }
.contentpost { padding-bottom:40px; }

#galleries h4 { font-size:22px; color:#ff6b00; margin-bottom:20px; }
.gallerynav a { font-weight:bold;  }
.gallerynav { font-size:16px; margin-bottom:30px; }



	#menu {
float:left;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		position: relative;
	}
	
	#menu a {
		float: left;
		text-decoration: none;
	}
	
	#menu li:hover > a {
		color: #fafafa;
	}
	
	*html #menu li a:hover { /* IE6 only */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*IE6 only*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 28px;
		left: 0;
		z-index: 1;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 200px;
	
		_margin: 0; /*IE6 only*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*IE6 only*/
		
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 160px;
		_height: 10px; /*IE6 only*/
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
font-size:16px;color:#fff;
	}
	
	#menu ul a:hover {
		background-color: #e5005d;
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #e5005d; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #e5005d; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
	
.postdate { font-size:11px; color:#555; font-style:italic; margin-top:-5px; margin-bottom:-5px; }
#postcontent { font-size:15px; line-height:30px; margin-top:10px; }
#postcontent p { line-height:28px; }

.testimonial p { font-family: 'Crafty Girls', cursive; font-size:18px; line-height:24px; }
.content_collection_items li { list-style-type:none; padding-bottom:20px; }
.collection_item_label { font-size:16px; font-weight:bold; padding-bottom:10px; }

ol li { margin-left:20px; padding-bottom:10px; font-size:18px; }
ol { margin-bottom:20px; }

ul#contenttest li.testimonial { list-style-type:none; font-family:helvetica,arial,sans-serif; font-size:16px; line-height:23px; margin-bottom:20px;background:#fff; padding:20px; }
ul#contenttest li.testimonial p { list-style-type:none; font-family:helvetica,arial,sans-serif;font-size:16px; line-height:23px; }