@charset "utf-8";
/* CSS Document */

/*====================================== reset.css is here ========================================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0;}
table {	border-collapse:collapse; border-spacing:0;}
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal; font-weight:normal;}
ol,ul { list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:bold;}
q:before,q:after {content:'';}
abbr,acronym { border:0;}
.clear_0{clear:both; font-size:0px;line-height:0px; display:block;}
.last	{margin:0 !important;}
.no_bg_pad{background:none !important; padding:0 !important;}
.clear{clear:both;}
/**************************************************************************************/


/*-----------------layout-----------------------*/
body										{ background:url(../images/body_bg.jpg) repeat; margin:0 auto;font-family: Myrid Pro,Helvetiva,Arial,sans-serif;color: #888888;
font: 12px/18px Helvetica,Arial;}
.wrapper									{ width:960px; margin:0 auto;}
a											{ color: #888888; }
a:hover										{ color: #E44F4D; }
/*----------------header------------------*/

.header										{ width:100%; background:url(../images/header_bg.png) repeat-x center top; height:69px;}
.logo										{ width:135px; height:37px; float:left; padding:14px 0 0 82px; position:relative;}
.menu										{ width:532px; float:right; padding:17px 0 0 0;}
.menu ul									{}
.menu ul li									{ padding:0 9px 0 0; display:block; float:left;}
.menu ul li a								{ background:url(../images/menu_li_bg1.jpg) no-repeat left; font:11px Helvetica, Arial; color:#fff; display:block; text-align:center; padding:10px 1px; text-decoration:none;outline:0;}
.menu ul li a span							{ background:url(../images/menu_li_bg2.jpg) no-repeat right; padding:11px 10px;}
.no_pad										{ padding:0 0 0 0 !important;}
.menu ul li a:hover							{ background:url(../images/anchor_hover.jpg) no-repeat left;}
.menu ul li a:hover span					{ background:url(../images/span_hover.jpg) no-repeat right;}
.menu ul li a.active						{ background:url(../images/anchor_hover.jpg) no-repeat left;}
.menu ul li a.active span					{ background:url(../images/span_hover.jpg) no-repeat right;}
.ribbon										{ width:72px; height:80px; position:absolute; top:0px; left:0px;}

/*-----------------banner-----------------*/

.white_top									{ width:100%; background:url(../images/white_top.jpg) repeat-x center top #fff; margin:18px 0 0 0; height:3px;	}
.white_bottom								{ width:100%; background:url(../images/white_bottom.jpg) repeat-x center bottom #fff; padding:30px 0 25px 0;}
.white_left									{ width:475px; float:left;}
.white_left p								{ font:14px/24px Georgia, "Times New Roman", Times, serif; color:#888888; font-style:italic; padding:18px 0 24px 0; }
.white_left span							{ padding:0 22px 0 0;}
.white_left .view							{ width:217px; height:48px; background:url(../images/view_portfolio.jpg) no-repeat; display:block; float:left;}
.white_left .view a							{ width:217px; height:48px; background:url(../images/view_portfolio.jpg) no-repeat; display:block;outline:0;}
.white_left .view a:hover					{ width:217px; height:48px; background:url(../images/view_portfolio_hover.jpg) no-repeat; display:block;}

.white_left .get							{ width:146px; height:48px; background:url(../images/get_quote.jpg) no-repeat; display:block; float:left;}
.white_left .get a							{ width:146px; height:48px; background:url(../images/get_quote.jpg) no-repeat; display:block; outline:0;}
.white_left .get a:hover					{ width:146px; height:48px; background:url(../images/get_quote_hover.jpg) no-repeat; display:block;}


.white_right								{ width:440px; float:right;}
.top_ad										{ width:425px; }
.top_ad ul li								{ padding:0 22px 0 0; display:block; float:left;}
.bottom_ad									{ width:425px; padding:15px 0 0 3px;}
.bottom_ad ul li							{ padding:0 22px 0 0; display:block; float:left;}

.banner										{ width:958px; padding:10px 0 10px 0;}


/*----------------content-------------------*/

.content									{ width:960px; padding:0 0 15px 0;}
.left_content								{ width:680px; float:left;}
.top_left									{ width:680px; background:url(../images/white_top.jpg) repeat-x center top #fff; height:3px;}
.bottom_left								{ width:650px; background:url(../images/white_bottom.jpg) repeat-x center bottom #fff; padding:10px 15px;}
.text										{ width:315px; float:left;}
.text span									{ display:block; float:left; padding:0 8px 0 0;}
.text h1									{ font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e; font-style:italic; padding:20px 0 0 0;}
.text p									{ font:12px/18px Helvetica, Arial; color:#888888; padding:0 0 12px 0;}
.text p a									{ background:#dddddd; font:12px/22px "Myriad Pro", Arial; color:#888888; text-decoration:none; border-radius:5px; padding:5px; font-weight:bold !important;}
.text p a:hover, .text2 p a:hover			{color:#666;}
.left_photo									{ width:299px; height:78px; padding:3px 4px 4px 4px; background:url(../images/image2.jpg) no-repeat; margin:10px 0 12px 0;}
.left_photo span							{ padding:0 0 0 0 !important;}

.text2										{ width:315px; float:right;}
.text2 span									{ display:block; float:left; padding:0 8px 0 0;}
.text2 h1									{ font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e; font-style:italic; padding:20px 0 0 0;}
.text2 p									{ font:12px/23px Helvetica, Arial; color:#888888; padding:0 0 25px 0;}
.text2 p a									{ background:#dddddd; font:12px/22px "Myriad Pro", Arial; color:#888888; text-decoration:none; border-radius:5px; padding:5px; font-weight:bold !important;}
.text2 span									{ float:right; font:12px Georgia, "Times New Roman", Times, serif; color:#666666; padding:0 15px 0 0; display:block;}
.text2 span a									{ font:12px Georgia, "Times New Roman", Times, serif; color:#666666; font-style:italic;}
.text2 span a:hover							{ color:#ec6c6a;}

.text3										{ width:660px; padding:15px 0 0 0;}
.text3 span									{ display:block; float:left; padding:0 8px 0 0;}
.text3 h1									{ font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e; font-style:italic; padding:20px 0 0 0;}
.images										{ width:660px; padding:15px 0 15px 0;}
.images1									{ width:165px; height:167px; float:left; background:url(../images/image6.jpg) no-repeat; padding:3px 4px;}
/* .images1:hover 								{ border:1px solid #f1f1f1;}											   */
.images2									{ width:470px; float:left; padding:0 0 0 8px;}
.images2 ul									{ float:left;}
.images2 ul li								{ display:block; float:left; margin:0 0 10px 10px;}
.images2 span								{ float:right; display:block; padding:8px 10px 0 0;}
.images2 span a								{ font:12px Georgia, "Times New Roman", Times, serif; color:#666666; background:#dddddd; padding:5px; border-radius:5px; text-decoration:none; font-style:italic;}
.images2 span a:hover						{ color:#ec6c6a;}
.img_bg										{ width:76px; height:75px; background:url(../images/image7.jpg) no-repeat; padding:3px 3px;}

.text4										{ width:300px; float:left; padding:10px 0 0 0;}
.summer										{ width:270px; background:#fff; padding:10px 15px;min-height:56px;}
.summer p									{ font:12px/19px Helvetica, Arial; color:#888888; }
.summer p a									{ font:12px/19px Helvetica, Arial; color:#ed514e; text-decoration:none; border-bottom:1px dotted #d9d9d9;}
.summer_top									{ width:300px; height:3px; background:url(../images/white_top.jpg) repeat-x center top;}
.summer_bottom								{ width:300px; height:12px; background:url(../images/bottom_white.gif) no-repeat center bottom;}

.text5										{ width:368px; float:right; padding:10px 0 0 0;}
.connect									{ width:338px; background:#fff; padding:10px 15px;}
.connect h3									{ width:320px; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#666666; padding:3px 0 3px 10px; background:#dddddd; font-style:italic;}
.connect_top								{ width:368px; height:3px; background:url(../images/white_top.jpg) repeat-x center top;}
.connect_bottom								{ width:368px; height:3px; background:url(../images/white_bottom.jpg) repeat-x center top;	}

.network									{ width:338px; padding:7px 0 0 0;}
.network ul									{ float:left; padding:0 0 5px 0;}
.network ul li								{ display:block; float:left; padding:0 15px 0 0;}
.network a									{ font:12px/19px Helvetica, Arial; color:#888888; text-decoration:none; float:left;}
.network a:hover							{ color:#e44f4d;}
.network a img								{ float:left;}
.network a span								{ display:block; padding:2px 0 0 20px;}

.text6										{ width:286px; padding:5px 0 0 15px;}
.text6 a									{ float:left;}
.text6 p									{ font:12px Helvetica, Arial; color:#666666; float:left; padding:10px 0 0 8px;}
.text6 span									{ color:#336666;}

.right_content								{ width:272px; float:right; background:#fff;}
.right_top									{ width:272px; background:url(../images/white_top.jpg) repeat-x center top; height:3px;}
.right_bottom								{ width:242px; background:url(../images/white_bottom.jpg) repeat-x center bottom; padding:12px 15px 40px 15px;} 
.right_content a 							{ color: #666666; font: normal 12px/18px Helvetica,Arial; text-decoration: none; }
.right_content a:hover 						{ text-decoration: underline; }

.text7										{ width:242px; padding:0 0 5px 0; }
.text7 span									{ display:block; float:left; padding:0 8px 0 0;}
.text7 h1									{ font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e; font-style:italic; padding:20px 0 0 0;}
.text7 p									{ font:12px Georgia, "Times New Roman", Times, serif; color:#666666; font-style:italic; padding:8px 0 0 0;}
.text7 b									{ font:12px/18px Helvetica, Arial; color:#888888; padding:8px 0 15px 0; display:block;}

.images3									{ width:214px; height:137px; background:url(../images/image14.jpg) no-repeat; padding:4px;}
.text8										{ width:242px; padding:15px 0 0 0; }
.text8 ul									{}
.text8 ul li								{ display:block; padding:0 0 8px 0; clear:both;}
.text8 span									{ display:block; float:left; padding:0 8px 0 0;}
.text8 a									{ font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e; font-style:italic; padding:12px 0 15px 0; display:block; text-decoration:none; float:left; width:180px;outline:0;}
.text8 ul li p								{ padding:10px 0 0 0; font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e;}
.text8 a:hover								{ text-decoration:underline;}
.no_pad3									{ padding:4px 0 15px 0 !important;}
.text8 h5									{ font:12px/20px Helvetica, Arial; color:#888888; letter-spacing:1px; text-align:justify; padding:0 0 30px 0;}
.text8 h6									{ font:bold 13px Helvetica, Arial; color:#ed514e; text-align:center; padding:0 0 4px 0;}
.forms										{ width:226px; height:26px; background:url(../images/name.jpg) no-repeat; margin:0 0 0 2px; padding:4px 4px 4px 7px;}
.enter										{ width:140px; height:25px; background:none; outline:none; font:12px/24px Arial, Helvetica, sans-serif; color:#fff; border:none; float:left; margin:0 6px 0 0}
.forms input.sub							{ width:77px; height:26px; background:url(../images/subscribe.jpg) no-repeat; border:none; cursor:pointer;}
.forms input.sub:hover						{ width:77px; height:26px; background:url(../images/subscribe_hover.jpg) no-repeat; border:none; cursor:pointer;}

h1.pageHeading								{ 
												color: #ED514E;
												display: block;
												font: italic 14px/60px Georgia,"Times New Roman",Times,serif;
												height: 60px;
												padding: 0 0 0 70px;
												margin: 0 0 15px 0;
											}
h1.pageHeading.megaphone					{ background: url("../images/image1.jpg") no-repeat scroll left 0 transparent; }
h1.pageHeading.tshirt						{ background: url("../images/shirts_img.jpg") no-repeat scroll left 0 transparent; }
											
.text h1									{ font:14px Georgia, "Times New Roman", Times, serif; color:#ed514e; font-style:italic; padding:20px 0 0 0;}


/*------------------footer start here--------------------*/

.footer										{ width:100%; background:url(../images/footer_bg.jpg) repeat-x center top; height:93px; padding:28px 0 0 0;}
.navigation									{ width:960px; padding:0 0 30px 0;}
.navigation ul								{ float:left; display:inline;}
.navigation ul li							{ display:block; float:left; padding:0 139px 0 0;}
.navigation ul li a							{ font:bold 11px Helvetica, Arial; color:#fff; text-decoration:none;}
.navigation ul li a:hover					{ color:#7c99a2;}
.navigation ul li a.active2					{ color:#7c99a2;}
.copyright p								{ font:bold 11px Helvetica, Arial; color:#fff; padding:20px 0 0 0;}
.copyright									{ width:400px; float:left; padding:0 0 0 0;}
.copyright a								{ color:#7c99a2;}
.copyright a:hover							{ text-decoration: none;}
.design										{ width:170px; float:right; padding:5px 0 0 0;}
.design p									{ font:bold 11px Helvetica, Arial; color:#fff; float:left; padding:13px 0 0 12px;}
.design a									{ display:block; float:right;}
.design a.sprit								{ background:url(../images/sprit.jpg) no-repeat top center; width:74px; height:26px;}
.design a.sprit:hover						{ background-position:0px -26px;}

.top_ad ul li a, .bottom_ad ul li a {
	
	outline:0;
	display: block;
	width:86px;
	height:87px;
	background:url('../images/product_nav.png') no-repeat;
	text-indent: -9999px;

}

.top_ad .p_shirts a {
	
	background-position: 0 0;
	
}

.top_ad .p_shirts a:hover {
	
	background-position: 0 -187px;
	
}

.top_ad .p_shorts a {
	
	background-position: -109px 0px;
	
}

.p_shorts a:hover {
	
	background-position: -109px -187px;
	
}

.top_ad .p_hats a {
	
	background-position: -220px 0px;

}

.top_ad .p_hats a:hover {
	
	background-position: -220px -187px;
	
}

.top_ad .p_koozies a { 
	
	background-position: -329px 0px;
	
}

.top_ad .p_koozies a:hover { 
	
	background-position: -329px -187px;
	
}

.bottom_ad .p_hoodies a {
	
	background-position: 0px -99px;
	
}

.bottom_ad .p_hoodies a:hover {
	
	background-position: 0px -286px;
	
}

.bottom_ad .p_tanks a {
	
	background-position: -109px -99px;
	
}

.bottom_ad .p_tanks a:hover {

	background-position: -109px -286px;

}

.bottom_ad .p_bags a {
	
	background-position: -220px -99px;
	
}

.bottom_ad .p_bags a:hover {
	
	background-position: -220px -286px;
	
}

.bottom_ad .p_bracelets a {

	background-position: -329px -99px;
	
}

.bottom_ad .p_bracelets a:hover {

	background-position: -329px -286px;

}
.ribbon img {

	margin-top:-3px;

}
.ribbon:hover img {
	
	margin-top:0px;

}

.img_bg {
	
	position: relative;

}

.img_bg a {

	display: block;

}

.img_overlay {
	
	background-color:#111;
	opacity: 0;
	position:absolute;
	z-index: 1;
	width:76px;
	height:75px;
	display:block;
}

.img_bg img {
	
	position:absolute;
	z-index:0;

}

.no_ctas {
	
	margin-top:18px;

}

div.classic {
		background: url(../images/classic.gif) no-repeat;
	}
div.vintage {
		background: url(../images/vintage.gif) no-repeat;
	}
div.oversized {
		background: url(../images/oversized.gif) no-repeat;
	}
div.foil {
		background: url(../images/foil.gif) no-repeat;
	}
div.foilwith {
		background: url(../images/foilwith.gif) no-repeat;
	}
div.overthezipper {
		background: url(../images/overthezipper.gif) no-repeat;
	}
div.fourcolor {
		background: url(../images/fourcolor.gif) no-repeat;
	}
	
div.services-headings {
    height: 50px;
    margin: 30px auto 10px;
    position: relative;
    width: 654px;
}

div.services-headings h3 {
    -moz-border-radius: 5px 5px 5px 5px;
    background-color: #FFFFFF;
    color: #175F7B;
    font-size: 14px;
    padding: 4px 10px;
    position: absolute;
    right: 10px;
    top: 13px;
}

.page_heading {
	
	font-size:26px;
	font-family: Arial, sans-serif;
	margin-bottom:10px;
	margin-top:5px;
	color:#333

}

.contact-left, .contact-middle, .contact-right {

	float:left;

}

.contact-right, .contact-left, .contact-middle {

	width: 200px;
	
}

.contact-left, .contact-middle  {
	
	margin-right: 19px;

}

.contact-right {

	margin-right: 0;

}

ul#portfolio-list li {
    border: 2px solid #3B5459;
    display: inline;
    float: left;
    height: 49px;
    margin: 0 0 13px 13px;
    overflow: hidden;
    padding: 0;
}

#left-col ul li, #left-col ol li {
    color: #779EAA;
    font-size: 14px;
    list-style: disc outside none;
    margin-left: 25px;
}

#left-col p.question {
    cursor: pointer;
    display: list-item;
    list-style: disc outside none;
    margin: 0 40px 10px;
    padding: 0;
    text-decoration: underline;
}

#left-col.faq p.question {
	
	list-style: none;

}

#left-col p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 15px;
/*     padding: 0 20px; */
}

#left-col p.answer {
    -moz-border-radius: 5px 5px 5px 5px;
    background: none repeat scroll 0 0 #eee;
    border: 1px solid #ddd;
    display: none;
    font-size: 14px;
    margin: 10px 25px;
    padding: 20px;
}

a.custom_link {
	
	background:#dddddd; font:12px/22px "Myriad Pro", Arial; color:#888888; text-decoration:none; border-radius:5px; padding:5px; font-weight:bold !important;

}

a.custom_link:hover {
	
	color:#666;

}

#contactForm {

}

#contactForm label {
	display: block;
	font-size: 12px;
	color: #666;
	font-weight: bold;
}

#contactForm label span {
	color: #999;
	font-size: 10px;
}

#contactForm input {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #e2e2e2;
	height: 30px;
	line-height: 25px;
	width: 190px;
	padding: 0 5px;
	color: #415961;
}

#contactForm textarea {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #e2e2e2;
	padding: 5px 0 0 5px;
	color: #415961;
	line-height: 25px;
	width: 635px;
	max-width: 635px;
	max-height: 400px;
	min-height: 110px;
}

#contactForm input:focus, #contactForm textarea:focus {
	border: 1px solid #415961;
}

#contactForm input.submit-button {
	margin: 0 auto;
	width: 100px;
	display: block;
	cursor: pointer;
	background: transparent url(../images/submit_btn.png) no-repeat 0 0;
	border: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	line-height: normal;
	text-indent: -9999px;
}

#contactForm input.submit-button:hover {
	background-position: 0 -30px;
}

#contactForm input.submit-button:active {
	background-position: 0 -60px;
}

#contactForm select {
	width: 203px;
	height: 30px;
	border: 1px solid #e2e2e2;
	color: #415961;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px;
	outline: none;
}

#recaptcha_widget_div {
	margin: 0 auto 10px auto;
	width: 447px;
	text-align: center;
}

#recaptcha_instructions_image, #recaptcha_instructions_audio {
	display: none;
}

label.spam {
	text-align: center;
}

#contactForm input.error, div#code.error div#recaptcha_widget_div, #contactForm select.error {
	border: 1px solid red;
}

#left-col p.error_message {
	background-color: #DBDBDB;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-shadow: 1px 1px 1px #eee;
}

#notable_client_container {

}

#notable_client_container table {

}

#notable_client_container tr {

}

#notable_client_container tr td {
	text-align: center;
	padding: 0 0 10px 0;
}