/*-----------------------------------------------------------------------------
Sugar Rush Printing

version:   1.0
author:    Clark Caughey
email:     clark.c@sugarrushcreative.com
website:   http://www.sugarrushbelfast.com
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

@import url("reset.css");

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background: url(images/background.png) top center repeat;
}

@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('League_Gothic.eot');
	src: local('League Gothic'), local('LeagueGothic'), url('League_Gothic.otf') format('opentype');
}

.clear {
	clear:both;
}

#container {
	width: 730px;
	margin: 0 auto;
	padding: 10px 45px;
	background: url(images/container.png) top center repeat-y;
}

#header {
	margin: 10px 0;
}

#contact {
	width: 500px;
	float: right;
}

#intro {
	width: 330px;
	float: left;
}

h1#description {
	font-size: 4px;
	text-indent: -9999999px;
}

/* =Typography
-----------------------------------------------------------------------------*/

h1{
	text-shadow: -1px -1px 0px #999;
	font-size: 100px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	width: 315px;
	color: #333;
	line-height: 80%;
	margin: 0 0 10px 0;
}

h2 {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	width: 330px;
	color: #666;
	line-height: 110%;
	font-weight: normal;
}

h3 {
	text-shadow: -1px -1px 0px #000, 0px 1px 0px #666;
	font-size: 30px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	color: #FFF;
	line-height: 110%;
	font-weight: lighter;
	margin: 10px 0;
}

p.phone {
	text-shadow:0px -1px 0px #949494, 0px 1px 0px #fff;
	font-size: 75px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	color: #333;
	margin: 0;
	text-align: right;
}

p.email {
	font-size: 28px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	color: #BE006A;
	margin: -5px 0 0 0;
	text-align: right;
}

p.address {
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	color: #E72A14;
	margin: 0;
	text-align: right;
}


/* =Links
-----------------------------------------------------------------------------*/

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

a:hover, a:focus, a:active {
	color: #780044;
	text-decoration: none;
}


/* =Mail Sent
-----------------------------------------------------------------------------*/

#mailSent {
	position: fixed;
	width: 300px;
	background-color: rgba(255,255,255,0.95);
	top: 25%;
	left: 50%;
	border: 8px solid;
	border-color: rgba(204,204,204,0.95);
	margin: 40px 0 0 -180px;
	padding: 20px;
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#mailMessage{
	margin: 20px 0;
	background-color: rgba(204,204,204,0.95);
	padding: 10px;
	font-weight: bold;
}

#close {
	cursor: pointer;
	position: absolute;
	margin: -38px 0 0 -38px;
}


/* =Branding
-----------------------------------------------------------------------------*/

#logo {
	background: url(images/print-logo.jpg) top left no-repeat;
	width: 196px;
	height: 132px;
	margin: 7px 20px 20px 0;
	float: left;
}

#logo h1 {
	font-size: 4px;
	text-indent: -9999999px;
}

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	font-size: 11px;
	color:#666;
	margin: 0 0 15px 0;
}

#footer img {
	float: right;
	margin: -18px 0 0 0;
}


/* =Forms
-----------------------------------------------------------------------------*/

input {
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 160px;
	padding: 4px 9px;
	margin: 0 4px 0 0;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #333;
	box-shadow:inset 0 0 4px #252525;
	-moz-box-shadow:inset 0 0 4px #252525; 
}

input:focus, input.focused {
	color: #fff;
}

textarea {
	width: 344px;
	color: #666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 9px;
	margin: 8px 4px 8px 0;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #333;
	box-shadow:inset 0 0 5px #252525;
	-moz-box-shadow:inset 0 0 5px #252525; 
}

textarea:focus, textarea.focused {
	border-color: #000; 
	color: #fff;
}

#textbox {
	width: 350px;
	height: 150px;
}

button {
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	background: #BE006A;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 5px 10px;
	text-shadow: -1px -1px 0px #906;
}

button:focus {
	text-shadow: 1px 1px 0px #906;
}


/* =Boxes
-----------------------------------------------------------------------------*/

#offers {
	width: 748px;
	margin: 20px 0 15px -45px;
	background:url(images/pink-btm.png) bottom center no-repeat #BE006A;
	padding: 20px 35px 30px 35px;
}

.offer {
	width: 150px;
	border: 4px #D24F98 dashed;
	min-height: 110px;
	float: left;
	margin: 0 9px;
	padding: 5px;
}

.offer p{
	font-size: 11px;
	color: #FFF;
	margin: 2px 5px;
	padding: 0 0 0 12px;
	background: url(images/bullet2.png) center left no-repeat;
}

#scissors {
	position: absolute;
	margin: -13px 0 0 -747px;
}

p.offertitle{
	text-shadow: -1px -1px 0px #89004C, 1px 1px 0px #D24E97;
	font-size: 20px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 3px 5px 0 5px;
	line-height: 105%;
	float: left;
	width: 65px;
	background: none;
	padding: 0;
	font-weight: lighter;
}

p.price, p.price2, p.price3{
	text-shadow: -1px -1px 0px #89004C, 1px 1px 0px #D24E97;
	font-size:50px;
	text-transform: uppercase;
	font-family: 'LeagueGothicRegular', Arial, Helvetica, sans-serif;
	color: #FFF;
	margin: 0 5px 2px 5px;
	float: left;
	background: none;
	padding: 0;
}

p.price {
	width: 52px;
}

p.price2 {
	width: 62px;
}

p.price3 {
	width: 65px;
}

#greyBox {
	width: 728px;
	margin: 0px 0 20px -45px;
	background:url(images/grey-btm.png) bottom center no-repeat #404040;
	padding: 10px 45px 30px 45px;
}

#services {
	width: 354px;
	float: left;
}

#services ul {
	width: 177px;
	float: left;
}

#services ul li {
	color: #FFF;
	font-weight: bold;
	margin: 0 0 5px 0;
	background: url(images/bullet.png) center left no-repeat;
	padding: 0 0 0 16px;
}

#services {
	width: 354px;
	float: left;
}


/* =Slider
-----------------------------------------------------------------------------*/

.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
	margin:0;
	padding:0;
	display:block;
	overflow:hidden;
	text-indent:-8000px;
}

#samples {
	position:absolute;
	margin: -75px 0 0 -55px;
}

#slider {
	float: right;
}

#slider ul, #slider li,{
	margin:0;
	padding:0;
	list-style:none;
}
		
#slider li, #slider2 li{ 
	width:380px;
	height:320px;
	overflow:hidden; 
}	
	
#nextBtn, #prevBtn {
	display: none;
}
#nextBtn, #slider1next{ 
}														

#prevBtn a, #nextBtn a, #slider1next a, #slider1prev a{  
	width:42px;
	height:42px;
	background:url(images/btn_prev.gif) no-repeat 0 0;
	position: absolute;
	display: block;
	margin: 135px 0 0 0;
}
		
#nextBtn a, #slider1next a{ 
	background:url(images/btn_next.gif) no-repeat 0 0;
	margin: 135px 0 0 377px;
}