/*-----------------------------------------------------------------------------
						
						GENERAL
						
-----------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
}

h2 {font-size:16px;}

a {text-decoration:none;}

.clearfix:after { content: "."; display: block; font-size:0; height: 0; clear: both; visibility: hidden;}

body {font-family: 'Droid Sans', sans-serif;}

#header {width:100%; background:#231f20; height:50px; position:relative; z-index:9998;}

#header .header-wrap, #footer .footer-wrap, #upper-body .upper-body-wrap {width:960px; margin:0 auto;}

#header .header-wrap .logo {position:absolute; z-index:9999; float:left; margin-top: 68px}

#header .header-wrap ul.nav {float:right; margin-top:17px;}

#header .header-wrap ul.nav li {display:inline; margin-left:35px; text-transform:capitalize;}

#header .header-wrap ul.nav li a {color:#FFF; font-size:12px; padding-bottom:15px;}

#header .header-wrap ul.nav li a.grey {color:#999; font-size:12px; padding-bottom:15px;}

#header .header-wrap ul.nav li a:hover {border-bottom:3px solid #fff;}

.main-body {background:#FFF; height:600px; width:100%; border-top:10px #f2f2f2 solid;}

.main-body h2 {font-size:20px; color:#484848; margin-bottom:20px;}

.main-body p {color:#4f4f4f; font-size:12px; line-height:22px; margin-bottom:10px;}

.main-body a {color:#4f4f4f; font-size:12px; line-height:22px; margin-bottom:10px; text-decoration:underline;}

.main-body .body-wrap .left-body p {font-size:14px; line-height:28px;}

.main-body .body-wrap .left-body p a {font-size:14px; line-height:28px;}

.main-body .body-wrap {width:960px; margin:0 auto; margin-top:45px !important;}

.main-body .body-wrap .left-body, .main-body .body-wrap .right-body, .main-body .body-wrap .prod-left, .main-body .body-wrap .prod-right {width:48%; float:left;}

.main-body .body-wrap .left-body, .main-body .body-wrap .prod-left {margin-right:4%;}

.main-body .body-wrap .right-body {margin-top:-18px;}

.main-body .body-wrap .right-body .design-title {background:url(../images/design-print-title.png) top left; width:461px; height:62px; position:relative; margin-bottom:10px;}

.main-body .body-wrap .right-body .design-title:hover {background:url(../images/design-print-title.png) bottom left; width:461px; height:62px; }

.main-body .body-wrap .right-body .design-title a {color: #FFFFFF; left: 190px; position: absolute; top: 24px; font-size:16px;}

.main-body .body-wrap .right-body img {float:left; margin-left:5px;}

.main-body .body-wrap .right-body h3, .main-body .body-wrap .right-body p {float:right; margin-bottom:10px; width:174px; margin-left:20px; color:#4a4a4a;}

.main-body .body-wrap .newsletter {background:#f6f6f6; border:#dedede 1px solid; padding:12px; height:55px; width:933px; margin:60px 0;}

.main-body .body-wrap .newsletter .signup-text {float:left; margin-left:10px;}

.main-body .body-wrap .newsletter .signup-text p span {font-size:14px; font-weight:bold; font-style:normal; color:#484848;}

.main-body .body-wrap .newsletter .signup-text p {font-style:italic; margin-bottom:6px; color:#9a9a9a;}

.main-body .body-wrap .newsletter .email-signup {float:right; margin-right:10px;}

.main-body .body-wrap .newsletter .email-input {background:url(../images/email-signup.png) no-repeat; width:325px; height:54px; border:none; padding-left:47px; color:#636363; font-size:12px;}

.main-body .body-wrap .newsletter .email-submit {background:url(../images/submit.png) no-repeat; width:27px; height:27px; border:none; text-indent: 100%; white-space: nowrap; overflow: hidden; margin-left:10px;}

.main-body .body-wrap #row-4 {width:100%; height:290px;}

.main-body .body-wrap #row-4 a.title-links {position:absolute; color:#FFF;}

.main-body .body-wrap #row-4 p {text-align:center; }
.main-body .body-wrap #row-4 a {color:#333; }

.main-body .body-wrap #row-4 p.row-p {margin-top:240px;}

.main-body .body-wrap #row-4 .promotional-items, .main-body .body-wrap #row-4 .event-printing, .main-body .body-wrap #row-4 .signage, .main-body .body-wrap #row-4 .adhesive-labels {width:221px; height:227px; background:#9F0; float:left; position:relative;}
.main-body .body-wrap #row-4 .event-printing {background:url(../images/product/event-printing/event-print-title.png) top left; width:223px; height:223px; position:relative;}
.main-body .body-wrap #row-4 .event-printing:hover {background:url(../images/product/event-printing/event-print-title.png) bottom left; width:223px; height:223px; }


.main-body .body-wrap #row-4 .promotional-items, .main-body .body-wrap #row-4 .event-printing, .main-body .body-wrap #row-4 .signage {margin-right:20px; }

.main-body .body-wrap #row-4 .promotional-items {background:url(../images/product/promotional/promotional-title.png) top left; width:223px; height:223px; position:relative;}
.main-body .body-wrap #row-4 .promotional-items:hover {background:url(../images/product/promotional/promotional-title.png) bottom left; width:223px; height:223px; }

.main-body .body-wrap #row-4 .signage {background:url(../images/product/signage/signage-title.png) top left; width:223px; height:223px; position:relative;}
.main-body .body-wrap #row-4 .signage:hover {background:url(../images/product/signage/signage-title.png) bottom left; width:223px; height:223px; }

.main-body .body-wrap #row-4 .adhesive-labels {background:url(../images/product/self-adhesive/labels-title.png) top left; width:223px; height:223px; position:relative;}
.main-body .body-wrap #row-4 .adhesive-labels:hover {background:url(../images/product/self-adhesive/labels-title.png) bottom left; width:223px; height:223px; }



.main-body #footer {width:100%; height:430px; margin-top:115px; background:#231f20;}

.main-body #footer .footer-wrap .left-foot, .main-body #footer .footer-wrap .right-foot {float:left;}

.main-body #footer .footer-wrap .left-foot {width:355px; height:158px; margin-top:100px;}

.main-body #footer .footer-wrap .left-foot p span {color:#dddddd;}

.main-body #footer .footer-wrap .left-foot a {color:#999999; text-decoration:underline;}

.main-body #footer .footer-wrap .left-foot a:hover {text-decoration:none; color:#dddddd;}

.main-body #footer .footer-wrap .left-foot p {color:#999999;}

.main-body #footer .footer-wrap .left-foot p.foot-bold {font-weight:500; color:#FFF; font-size:14px;}

.main-body #footer .footer-wrap .right-foot {width:585px; height:158px; margin-top:100px;}

.main-body #footer .footer-wrap .right-foot .foot-italic {font-style: italic; font-weight: 100; line-height: 29px; margin-top: 30px; color:#8c8989; font-size:16px;}

.main-body #footer .footer-wrap .bottom-links {padding-top:41px; width:100%; height:25px; border-top:#393637 1px solid; margin-top:65px;}

.main-body #footer .footer-wrap .bottom-links ul li {display:inline; font-size:11px; margin-right:18px; }

.main-body #footer .footer-wrap .bottom-links ul li.last {margin-right:0 !important; margin-left:30px; color:#A5A3A3;}

.main-body #footer .footer-wrap .bottom-links ul li a, .main-body #footer .footer-wrap .bottom-links ul li.last span {color:#A5A3A3;}

.main-body #footer .footer-wrap .bottom-links ul li a:hover {text-decoration:underline; color:#dddddd;}

/*-----------------------------------------------------------------------------
						
						PRODUCT SPECIFIC
						
-----------------------------------------------------------------------------*/

#upper-body { background:#684781; height:460px; width:100%; border-top:#5e4173 10px solid;}

#upper-body  img.product-glow {position:absolute; left: 50%; width: 959px; height: 460px;margin-left: -479px;}

#upper-body  .upper-body-wrap {position:relative; z-index:10;}

#upper-body  .upper-body-wrap .upper-left, #upper-body .upper-body-wrap .upper-right {width:430px; float:left; margin-top:150px;}

.upper-body-wrap  .upper-right, .upper-body-wrap-design  .upper-right {margin-left: 62px; margin-top: 130px !important;}

.upper-body-wrap .upper-left h1.event-printing {color:#402555; text-shadow: 0 1px 0 #836898; font-size:35px; float:left; margin-right:45px; margin-top:25px;}

.upper-body-wrap  .upper-left h1.about-us {color:#121212; text-shadow: 0 1px 0 #555555; font-size:35px; float:left; margin-right:45px; margin-top:25px;}
.upper-body-wrap .upper-left h1.design-print {color:#446400; text-shadow: 0 1px 0 #A1CF2E; font-size:35px; float:left; margin-right:45px; margin-top:25px;}
.upper-body-wrap .upper-left h1.promotional {color:#00386E; text-shadow: 0 1px 0 #2E76B9; font-size:35px; float:left; margin-right:45px; margin-top:25px;}
.upper-body-wrap .upper-left h1.self-adhesive {color:#963C00; text-shadow: 0 1px 0 #D27826; font-size:35px; float:left; margin-right:45px; margin-top:25px;}
.upper-body-wrap .upper-left h1.signage {color:#9C2C14; text-shadow: 0 1px 0 #E2664C; font-size:35px; float:left; margin-right:45px; margin-top:25px; margin-top:25px;}


.main-body .body-wrap .prod-right a.get-in-touch:hover, .upper-right a.get-in-touch:hover { -moz-opacity: 0.70; -khtml-opacity: 0.70; opacity: 0.70; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=70);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70); filter:alpha(opacity=70);}

.upper-body-wrap .upper-left ul, .upper-body-wrap .upper-left ul-design, .upper-left ul-promotional, .upper-left ul-self-adhesive, .upper-left ul-signage {margin-left: 0; padding-left: 0; list-style: none; margin-top:25px;}

.upper-body-wrap .upper-left ul li {padding-left: 20px; background-image:url(../images/product/event-printing/top-bullet.png); background-repeat: no-repeat; line-height:28px; background-position: left center; color:#FFF; text-shadow: 0 1px 0 #3b2252; margin-bottom:15px; font-size:16px; letter-spacing: 0.5px;}
.upper-body-wrap .upper-left ul-design li {padding-left: 20px; background-image:url(../images/product/design-print/top-bullet.png); background-repeat: no-repeat; line-height:28px; background-position: left center; color:#FFF; text-shadow: 0 1px 0 #A1CF2E; margin-bottom:15px; font-size:16px; letter-spacing: 0.5px;}
.upper-body-wrap .upper-left ul-promotional li {padding-left: 20px; background-image:url(../images/product/promotional/top-bullet.png); background-repeat: no-repeat; line-height:28px; background-position: left center; color:#FFF; text-shadow: 0 1px 0 #2E76B9; margin-bottom:15px; font-size:16px; letter-spacing: 0.5px;}
.upper-body-wrap .upper-left ul-self-adhesive li {padding-left: 20px; background-image:url(../images/product/self-adhesive/top-bullet.png); background-repeat: no-repeat; line-height:28px; background-position: left center; color:#FFF; text-shadow: 0 1px 0 #D27826; margin-bottom:15px; font-size:16px; letter-spacing: 0.5px;}
.upper-body-wrap .upper-left ul-signage li {padding-left: 20px; background-image:url(../images/product/signage/top-bullet.png); background-repeat: no-repeat; line-height:28px; background-position: left center; color:#FFF; text-shadow: 0 1px 0 #D27826; margin-bottom:15px; font-size:16px; letter-spacing: 0.5px;}

.body-wrap .image-container {padding:24px; height:420px; width:910px; background:#F6F6F6; border:1px solid #DEDEDE; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-top:30px; margin-bottom:20px;}

.body-wrap .text-block {width:350px; float:left;}

.body-wrap .text-block p span {font-weight:bold; font-size:16px;}



/*-----------------------------------------------------------------------------
						
						PRODUCT SLIDER
						
-----------------------------------------------------------------------------*/


#wrapper {left: 25%; top: 50px;	}

#carousel-wrapper {padding-bottom: 10px; position: relative;}

			#carousel, #thumbs {
				overflow: hidden;
			}
			#carousel-wrapper .caroufredsel_wrapper {
				border-radius: 10px;
				box-shadow: 0 0 5px #899;
			}

			#carousel span, #carousel img,
			#thumbs a, #thumbs img  {
				display: block;
				float: left;
			}
			#carousel span, #carousel a,
			#thumbs span, #thumbs a {
				position: relative;
			}
			#carousel img,
			#thumbs img {
	border: none;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
			}
			#carousel img.glare,
			#thumbs img.glare {
				width: 102%;
				height: auto;
			}

			#carousel span {
				width: 915px;
				height: 313px;
			}

			#thumbs-wrapper {
				padding: 20px 40px;
				position: relative;
			}
			#thumbs a {
				border: 2px solid #fff;
				width: 160px;
				height: 160px;
				margin: 0 10px;
				overflow: hidden;
				border-radius: 10px;
				
				-webkit-transition: border-color .5s;
				-moz-transition: border-color .5s;
				-ms-transition: border-color .5s;
				transition: border-color .5s;
			}
			#thumbs a:hover, #thumbs a.selected {
				border-color:#484848;
				
			}
			
			#wrapper img#shadow {
				width: 100%;
				position: absolute;
				bottom: 0;
			}

			#prev, #next {
				background: transparent url('img/gui/carousel_nav.png') no-repeat 0 0;
				display: block;
				width: 19px;
				height: 20px;
				margin-top: -10px;
				position: absolute;
				top: 50%;
			}
			#prev {
				background-position: 0 0;
				left: 10px;
			}
			#next {
				background-position: -19px 0;
				right: 10px;
			}			
			#prev:hover { 
				background-position: 0 -20px;				
			}
			#next:hover {
				background-position: -19px -20px;				
			}
			#prev.disabled, #next.disabled {
				display: none !important;
			}