/* Seamless Paperie Style Sheet */
/* Last revision: 01.18.10 */
/*------------------------------------------*/


/* GLOBAL ESSENTIALS */
/* -------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	border-style: none;
	}

html { width: 100%; }

body {
	width: 100%;
	font-family: "Arial", "Sans-Serif";
	font-size: 62.5%;
	background-color: #7D7474;
}

a {
	outline: none;
}


/* Structure */
/* -------------------------------------- */

#wrapper {
	width: 100%;
	background-image: url(../img/paperie_background.gif);
	margin-top: 7px;
	border-top: 2px solid #463B3B;
}

#wrap2 {
	background-color: #FFF;
	width: 818px;
	padding: 15px 40px 40px 40px;
	margin: 0 auto;
}

#wrap3 {
	width: 818px;
	margin: 0 auto;
}

#slideshowHolder {
	width: 808px;
	height: 440px;
	border: 5px solid #C5BCB3;
	overflow: hidden;
	margin-bottom: 15px;
}

#initialHolder {
	width: 808px;
	height: 260px;
	padding: 90px 0;
	background-image: url(../img/slideshow/courtbri_wedding_01.jpg);
}

#content {
	width: 728px;
	height: 158px;
	padding: 51px 40px;
	background-color: #00AEC5;
	vertical-align: middle;
}

#slideshow {
	width: 808px;
	height: 440px;
	z-index: 5;
	overflow: hidden;
	background-color: #FFF;
}

#nav {
	width: 808px;
	height: 440px;
	margin-top: -440px;
	z-index: 10;
	position: relative;
	display: none;
}

#footer {
	width: 824px;
	margin: 0 auto;
	font-size: 1.0em;
	color: #FFF;
	padding: 10px 0;
}


/* Headers */
/* -------------------------------------- */

h1 {
	width: 295px;
	height: 63px;
	margin: 20px 0 30px 0;
}

h1 a {
	width: 295px;
	height: 63px;
	background-image: url(../img/seamless_paperie_logo.gif);
	text-indent: -5000px;
	display: block;
	cursor: pointer;
}


/* Nav */
/* -------------------------------------- */

#nav a {
	width: 38px;
	height: 74px;
	background-repeat: no-repeat;
	float: left;
	display: block;
	text-indent: -5000px;
}

#back {
	background-image: url(../img/back.gif);
	background-position: 25px 183px;
	padding: 183px 341px 183px 25px;
}

#next {
	background-image: url(../img/next.gif);
	background-position: 341px 183px;
	padding: 183px 25px 183px 341px;
}

ul#links {
	width: 137px;
	height: 40px;
	padding-left: 681px;
}

ul#links li {
	float: left;
	display: inline;
}

ul#links li a {
	display: block;
	height: 40px;
	background-image: url(../img/icons.gif);
	text-indent: -5000px;
}

ul#links li a#creative {
	background-position: 0 0;
	width: 44px;
}

ul#links li a#paperie {
	background-position: -44px 0;
	width: 49px;
}

ul#links li a#dwl {
	background-position: -93px 0;
	width: 44px;
}


/* Form */
/* -------------------------------------- */

form {
	width: 182px;
	float: right;
	clear: both;
}

label {
	display: block;
	font-size: 11px;
	margin-bottom: 3px;
}

label.checkboxLabel {
	display: inline;
}

a.listShow {
	width: 182px;
	height: 16px;
	display: block;
	text-indent: -5000px;
	background: url(../img/join.png) 0 -8px no-repeat;
	float: right;
	clear: both;
}

input.text {
	color: #3F3B3B;
	font-size: 14px;
	padding: 5px;
	border: 1px solid #8A8483;
	width: 170px;
	margin-bottom: 10px;
}

input.checkbox {
	margin: 0 5px 3px 0;
}

input#submit {
	background-image: url(../img/go.png);
	width: 24px;
	height: 24px;
	font-size: 10px;
	line-height: 24px;
	color: #FFF;
	font-weight: bold;
	background-color: transparent;
	text-align: center;
	border: none;
	cursor: pointer;
}

.clear {
	clear: both;
}

#subForm {
	padding-top: 10px;
	display: none;
}

#subForm p {
	font-size: 1.1em;
	margin-bottom: 4px;
}

/* Content */
/* -------------------------------------- */

#content p.intro {
	width: 531px;
	height: 158px;
	text-indent: -5000px;
	background-image: url(../img/welcome_text.gif);
	background-repeat: no-repeat;
	float: left;
}

a.action {
	width: 162px;
	text-indent: -5000px;
	display: block;
	float: right;
	background-image: url(../img/links.gif);
	background-repeat: no-repeat;
}

a#recentWork {
	height: 36px;
	border-bottom: 1px dotted #FFF;
}

a#pricingProcess {
	height: 84px;
	border-bottom: 1px dotted #FFF;
	background-position: 0 -37px;
}

a#contact {
	height: 36px;
	background-position: 0 -122px;
}

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

#footer a:hover {
	border-bottom: 1px dotted #FFF;
}