/* 
	File Name: videosculptor.css
	Notes:
		- Based on 960 Grid System (http://960.gs/)
		- Imports all other CSS files
		- Overwrites imported classes
===============================================================*/


/* CSS Framework Imports
---------------------------------------------------------------*/

@import "/css/reset.css";

/* Custom and Redefined Classes
===============================================================*/


html {
	background: #000 url("/images/html_bg02.jpg") repeat-y left top;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: transparent url("/images/body_bg02.jpg") no-repeat left top;
	font: normal 90%/120% Georgia, "Times New Roman", Serif;
	letter-spacing: 1px;
	color: #c4c7b5;
	margin: 0;
	padding: 0;
	width: 100%;
}

br.clear { clear: both; }

br.ie { display: none; }

h1 {
	color: #000;
	margin: 0 0 20px 0;
}

h2 {
	color: #000;
	margin: 0 0 20px 0;
}

div#content h3 {
	color: #000;
	margin: 0 0 20px 80px;
}

div#content_interior h3 {
	color: #248;
	font-weight: normal;
}

ol { list-style: decimal; }

ul { list-style: square; }

li { margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }

a:link, a:visited, a:active {
	color: #333;
	text-decoration: none;
}

a:hover, div.header a:hover {
	color: #5d4800;
	text-decoration: underline;
}

a:focus { outline: 0; }

a[rel="external"] {
	background: transparent url("/images/link_external.png") no-repeat right 4px;
	padding-right: 16px;
}

dl { padding: 10px; }

dt {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

dd {
	margin: 0;
	padding: 10px;
}

dd dl dt {
	margin: 0;
	padding: 0;
}

dd dl dd {
	margin: 0;
	padding: 10px;
}

th, td {
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	padding: 10px;
	border-bottom: dotted 1px #ccc;
}

tr.action th, tr.action td { border: 0; }

input, textarea, select {
	font: 100%/120% Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	color: #039;
}

input[type="text"], textarea {
	padding: 5px;
	background: #fff url("/images/gradient_bg02.png") no-repeat left bottom;
	border-top: solid 1px #808080;
	border-left: solid 1px #808080;
	border-right: solid 1px #fff;
}

input.proofing {
	width: 160px;
	padding: 3px;
	margin: 5px 0;
	font: 80%/100% Arial, Helvetica, sans-serif;
}

input[type="submit"] {
	font-weight: bold;
	padding: 5px 15px;
	color: #222;
}

input.proofingSubmit { 
	font: 11px/12px Helvetica, Arial, sans-serif;
	width: 140px;
}

div#WebProofingLI {
	cursor: pointer;
}

div#nav a#WebProofingClose {
	font-size: 80%;
	color: #888;
	letter-spacing: 1px;
	clear: both;
}

fieldset.proof {
	float: right;
	background: transparent url("/images/login_bg01.png") no-repeat right top;
	padding: 16px 20px 0 0;
	margin: 0;
	height: 113px;
	width: 197px;
	text-align: right;
}

fieldset.proof label {
	color: #fff;
	font: 11px/14px Helvetica, Arial, sans-serif;
	font-weight: normal;
}

/* Header Classes
---------------------------------------------------------------*/

h1#header {
	height: 91px;
	width: 734px;
	margin: 0;
	padding: 0;
}

h1#header a, h1#header a:hover {
	display: block;
	background: transparent url("/images/logo.png") no-repeat left top;
	height: 91px;
	width: 734px;
	border: 0;
}

h1#header a span { display: none; }

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

div#nav {
	position: absolute;
	right: 0;
	top: 0;
	background: transparent url("/images/nav_bg01.png") no-repeat right top;
	margin: 0;
	padding: 0;
	height: 586px;
	width: 262px;
	text-align: right;
}

div#nav ul {
	margin: 20px 20px 0 0;
	padding: 0;
	list-style: none;
}

div#nav ul ul, div#nav ul ul ul {
	margin: 12px 0 0 0;
	padding: 0;
	list-style: none;
}

div#nav ul li {
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
	text-align: right;
	color: #666;
}

div#nav ul ul ul li { margin: 0 0 6px 0; }

div#nav ul li a {
	font: normal 100%/120% Georgia, "Times New Roman", Serif;
	color: #fff;
	margin: 0;
	padding: 0;
	text-align: right;
}

div#nav ul li a:hover { color: #ffe552; }

div#nav ul ul a {
	font: normal 90%/110% Georgia, "Times New Roman", Serif;
	color: #bbb;
}

div#nav ul ul ul a {
	font: normal 70%/90% Helvetica, arial, sans-serif;
	color: #c8b984;
}

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


div#content {
	margin: 0;
	padding: 0;
	min-height: 400px;
	width: 70%;
	font-size: 90%;
}

div#content h3.content_head {
	height: 49px;
	width: 283px;
	margin: 0 0 0 20px;
	padding: 0;
}

div#content h3.content_head a {
	display: block;
	height: 49px;
	width: 283px;
	margin: 0;
	padding: 0;
}

div#content h3.content_head span { display: none; }

div#content h3.video_packages { background: transparent url("/images/heading02.png") no-repeat left top; }

div#content h3.photo_packages { background: transparent url("/images/heading03.png") no-repeat left top; }

div#content p {
	margin: 0 0 20px 80px;
	font-family: Helvetica, arial, sans-serif;
	font-size: 90%;
	color: #000;
}

div#content ul li { font-family: Helvetica, arial, sans-serif; }

div.gradient {
	background: transparent url("/images/gradient_bg01.png") no-repeat right bottom;
	margin: 0;
	padding: 0;
}

div.tagline {
	background: transparent url("/images/heading01.png") no-repeat left top;
	margin: 0 0 0 50px;
	padding: 90px 0 0 0;
	color: #000;
	font-size: 110%;
	line-height: 130%;
	width: 515px;
	height: 85px;
	text-align: center;
}

div.tagline h2 { display: none; }

div#content div.tagline p {
	margin: 0;
	font-family: Georgia, "Times New Roman", Serif;
	font-size: 110%;
	line-height: 130%;
	text-align: center;
}

div#content h4 {
	margin: 0;
	padding: 0;
	color: #572d1b;
	font-size: 110%;
	line-height: 130%;
}

div#content h4 a, div#content a { color: #5d4800; }

div#content h4.photo a, div#content a.photo { color: #248; }

div#content h4 span, div#content h5 {
	margin: 0;
	padding: 0;
	color: #000;
}

div#content h4 strong {
	position: absolute;
	right: 0;
	color: #fff;
	font-size: 160%;
	line-height: 180%;
}

div#content_interior {
	margin: 40px 0 40px 80px;
	width: 70%;
	color: #000;
}

div#content_interior h2 {
	font-size: 180%;
	line-height: 220%;
	font-weight: normal;
}

div#content_interior h2.video { color: #540; }

div#content_interior h2.photo { color: #236; }

div#content_interior h3, div#content_interior h5 {
	padding-top: 10px;
	border-top: dotted 1px #fff;
}

div#content_interior h3.ContactUs {
	width: 296px;
	height: 86px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

div#content_interior h3.ContactUs a {
	display: block;
	background: transparent url("/images/contact_us.png") no-repeat left top;
	width: 296px;
	height: 86px;
	margin: 0;
	padding: 0;
}

div#content_interior h3.ContactUs a span {
	display: none;
}

div#content_interior h3.PhotoGallery {
	width: 247px;
	height: 95px;
	margin: 0 0 20px 0;
	padding: 0;
	border: 0;
}

div#content_interior h3.PhotoGallery a {
	display: block;
	background: transparent url("/images/photo_gallery.png") no-repeat left top;
	width: 247px;
	height: 95px;
	margin: 0;
	padding: 0;
}

div#content_interior h3.PhotoGallery a span {
	display: none;
}

div#content_interior p {
	width: 60%;
	font-size: 80%;
	font-family: Helvetica, arial, sans-serif;
}

div#content_interior p.callout {
	display: block;
	float: right;
	background: transparent url("/images/transparent_white.png") repeat left top;
	width: 40%;
	padding: 10px;
	margin: -10px 0 0 0;
	color: #000;
	text-transform: capitalize;
}

div#content_interior p.callout a {
	display: block;
	background: transparent url("/images/transparent_arrow.png") no-repeat right center;
	color: #000;
	font-size: 110%;
	text-transform: capitalize;
}

div#content_interior p.callout a:hover { color: #421; }

div#content_interior ul {
	list-style: disc;
	font-family: Helvetica, arial, sans-serif;
	font-size: 90%;
}

div#content_interior ul ul { list-style: circle; }

div#content_interior ul.packages li {
	padding-top: 10px;
	border-top: dotted 1px #fff;
}

div#content_interior ul.packages li ul li {
	padding: 0;
	border: 0;
}

div#content_interior ul li h3 {
	padding: 0;
	border: 0;
}

/* JQuery jFlow classes

---------------------------------------------------------------*/

div.packages { margin: 0 0 0 60px; }

div#VideoPackNav, div#PhotoPackNav {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	height: 54px;
	text-align: left;
}

div#VideoPackNav span, div#PhotoPackNav span {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	color: #000;
	height: 48px;
	text-align: center;
	font-size: 140%;
	line-height: 160%;
	cursor: pointer;
	border-right: dotted 3px #999;
}

div#VideoPackNav span:hover, div#PhotoPackNav span:hover { border-right: dotted 3px #ccc; }

div#VideoPackNav span.vMasterpiece {
	background: transparent url("/images/heading_products.png") no-repeat left top;
	width: 165px;
	cursor: pointer;
}

div#VideoPackNav span.vDiamond {
	background: transparent url("/images/heading_products.png") no-repeat left -48px;
	width: 135px;
	cursor: pointer;
}

div#VideoPackNav span.vPlatinum {
	background: transparent url("/images/heading_products.png") no-repeat left -96px;
	width: 132px;
	cursor: pointer;
}

div#VideoPackNav span.vGold {
	background: transparent url("/images/heading_products.png") no-repeat left -144px;
	width: 80px;
	cursor: pointer;
}

div#PhotoPackNav span.pMasterpiece {
	background: transparent url("/images/heading_products.png") no-repeat -160px top;
	width: 165px;
	cursor: pointer;
}

div#PhotoPackNav span.pDiamond {
	background: transparent url("/images/heading_products.png") no-repeat -156px -48px;
	width: 135px;
	cursor: pointer;
}

div#PhotoPackNav span.pPlatinum {
	background: transparent url("/images/heading_products.png") no-repeat -156px -96px;
	width: 132px;
	cursor: pointer;
}

div#PhotoPackNav span.pGold {
	background: transparent url("/images/heading_products.png") no-repeat -156px -144px;
	width: 80px;
	cursor: pointer;
}

div#VideoPackNav span.VideoPackSelected, div#PhotoPackNav span.PhotoPackSelected { border-right: dotted 3px #fff; }

div#VideoPackNav span b, div#PhotoPackNav span b { display: none; }

div#VideoPackNav span:focus, div#PhotoPackNav span:focus { outline: none; }

div.panel {
	color: #000;
	margin: 0 0 0 12px;
}

div#content div.panel p, div#content div.panel ul {
	margin: 0 0 10px 0;
	padding: 0;
}

div.panel ul li { font-size: 80%; }

div.packages span.VideoPackPrev, div.packages span.PhotoPackPrev {
	display: block;
	background: transparent url("/images/scroll_left.png") no-repeat center bottom;
	cursor: pointer;
	position: absolute;
	height: 67px;
	width: 32px;
	margin: -250px 0 0 -40px;
}

div.packages span.VideoPackNext, div.packages span.PhotoPackNext {
	display: block;
	background: transparent url("/images/scroll_right.png") no-repeat center bottom;
	cursor: pointer;
	position: absolute;
	height: 67px;
	width: 32px;
	margin: -250px 0 0 540px;
}

div.packages span.VideoPackPrev i, div.packages span.VideoPackNext i, div.packages span.PhotoPackPrev i, div.packages span.PhotoPackNext i { display: none; }

/* Footer Classes
---------------------------------------------------------------*/

div#footer {
	font-size: 70%;
	line-height: 110%;
	color: #666;
}

div#footer p {
	margin: 20px 0 0 0;
	padding: 20px 0;
	text-align: center;
	letter-spacing: 2px;
}

div#footer p.bottom {
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
	border: 0;
}

div#footer a { color: #666; }

/* JQuery Fancybox Plugin classes

---------------------------------------------------------------*/



div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(/images/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(/images/fancy_closebox.png);
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0;
	padding: 0;
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -22px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table { margin: 0 auto; }

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding: 0;
	margin: 0;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(/images/fancy_title_left.png) repeat-x left top;
}

td#fancy_title_main {
	height: 26px;
	background: transparent url(/images/fancy_title_main.png) repeat-x left top;
	padding: 6px 0 0 0;
	margin: 0;
	vertical-align: top;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(/images/fancy_title_right.png) repeat-x right top;
}

div#fancy_outer {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	padding: 18px 18px 58px 18px;
	margin: 0;
	overflow: hidden;
	background: transparent;
	display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute;
	bottom: 10px;
	height: 100%;
	width: 15%;
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100;
	border: 0;
}

a#fancy_left { left: 0px; }

a#fancy_right { right: 0px; }

a#fancy_left:hover { background: transparent url(/images/fancy_left.gif) no-repeat 0% 100%; }

a#fancy_right:hover { background: transparent url(/images/fancy_right.gif) no-repeat 100% 100%; }

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg { display: none; }

div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(/images/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/images/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/images/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/images/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(/images/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/images/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(/images/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(/images/fancy_shadow_nw.png) no-repeat;
}

/* Float Clearing
 ---------------------------------------------------------------------*/

.module:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module {
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module { min-height: 1%; }

/* JQuery Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb {
	margin: 0 0 20px 24px;
	padding: 0;
	display: block;
	overflow: hidden;
	width: 70%;
	padding: 5px;
	background: transparent;
}

.breadCrumb ul {
	margin: 0;
	padding: 0;
	display: block;
}

.breadCrumb ul li {
	display: block;
	float: left;
	position: relative;
	overflow: hidden;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url("/images/Chevron.gif") no-repeat 100% 0;
}

.breadCrumb ul li div.chevronOverlay {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

.breadCrumb ul li span {
	display: block;
	overflow: hidden;
}

.breadCrumb ul li a {
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}

.breadCrumb ul li.first a {
	height: 16px !important;
	text-indent:-1000em;
	width:16px;
	padding: 0;
	margin-top: 2px;
	overflow: hidden;
	background:url("/images/IconHome.gif") no-repeat 0 0;
}

.breadCrumb ul li.first a:hover { background-position: 0 -16px; }

.breadCrumb ul li.last {
	background: none;
	margin-right: 0;
	padding-right: 0;
}

.chevronOverlay {
	display: none;
	background: url("/images/ChevronOverlay.png") no-repeat 100% 0;
	width: 13px;
	height: 20px;
}

/* JQuery Galleria Styles
 ---------------------------------------------------------------------*/

.galleria {
	list-style:none;
	width:200px
}

.galleria li {
	display:block;
	width:80px;
	height:80px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0
}

.galleria li a { display:none }

.galleria li div {
	position:absolute;
	display:none;
	top:0;
	left:180px
}

.galleria li div img { cursor:pointer }

.galleria li.active div img, .galleria li.active div { display:block }

.galleria li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto
}

.galleria li .caption {
	display:block;
	padding-top:.5em
}

* html .galleria li div span { width:340px } /* MSIE bug */

.caption {
	font-style:italic;
	color:#222;
	width:340px;
}

.demo {
	position:relative;
	margin-top:2em;
}

.gallery_demo {
	width:340px;
	margin:0;
	float: left;
}

.gallery_demo li {
	width:68px;
	height:50px;
	border:1px dotted #fff;
	margin: 0 5px 5px 0;
}

.gallery_demo li div { left:240px }

.gallery_demo li div .caption { font:italic 0.7em/1.4 georgia, serif; }

#main_image {
	margin:0 0 40px 0;
	width:350px;
	float: left;
}

#main_image img { 
	margin: 0; 
	border: solid 1px #fff;
}

div#content_interior p.nav {
	font: 80%/100% Helvetica, Arial, sans-serif;
	letter-spacing:1px;
}

.info {
	text-align:left;
	width:700px;
	margin:30px auto;
	border-top:1px dotted #221;
	padding-top:30px;
}

.info p { margin-top:1.6em; }