@charset "utf-8";
/*
CSS Document: Diva By Design
Version: 1.00
*/

/*
ATTRIBUTES
**********
Font Primary: #796b71, Verdana - 11px
Page Heading: #db709e, Georgia - 24px
Content Headings: #1c4990, Verdana
Special Content Headings: #3c3a3c, Bickham - 50px
__________

DIMENSIONS
**********
Main site width: 1032px
Content Main: 960px
Gutter width: 24px
__________

CSS INDEX:
**********
+ Global Styles
  - Text
  - Headings  
  - Links
  - Lists
  - Forms
+ Page Layout
  - Content (Containers)
+ Header
+ Footer
+ Navigation
  - Primary
  - Secondary
+ Banners
+ Page Tools
+ Content (Body)
__________

*/

/*
=================================
GLOBAL STYLES
*/

* {
	margin:0em;
	padding:0em;
	border:none;
}

#diva {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:70%;
	letter-spacing:.05em;
	color:#796b71;
	background:#231f20 url(../../../images/bg_page.gif) center top repeat;
} 

.accessible {
	display:block;
	position:absolute;
	left:-9999em;
	z-index:0;
	height:0px;
	width:0px;
	line-height:0px;
	font-size:0px;
	float:left;
	clear:none;
	visibility:collapse;
}

.invisible {
	display:none;
}	

.right {
	float:right;
}

.left {
	float:left;
}

.image.right {
	margin:0em 0em 2em 2em;
}

.image.left {
	margin:0em 2em 2em 0em;
}

/* Text */

	#content {
		line-height:150%;
	}

	.legal {
		font-size:9px;
		color:#565656;
	}

/* Headings */

	#diva h1 {
		color:#db709e;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:2.3em;
		line-height:normal;
		font-weight:normal;
		margin-bottom:.6em;
	}
	#diva h2 {
		color:#db709e;
		font-size:1.65em;
		line-height:1.65em;
		font-weight:normal;
	}
	#diva h3 {
		color:#3d3b3d;
		font-size:1.45em;
		line-height:1.45em;
		font-weight:normal;			
	}
	#diva h4 {
		color:#3d3b3d;
		font-size:1.3em;
		line-height:1.3em;
		font-weight:normal;	
	}
	#diva h5 {
		font-size:1em;
		line-height:1.5em;
	}
	#diva h6 {
		font-size:1em;
		font-weight:normal;	
	}

/* Links */	
	a {
		text-decoration:underline;
	}
	a:link {
		color:#e03780;
	}
	a:visited {
		color:#db7070;
	}
	a:hover {
		color:#db709e;
	}
	a:active {
		color:#d52b1e;
	}
	
	/* Top Page Anchors */
		a.top { 
			text-align:right;
			display:block;
			clear:both;
			text-transform:uppercase;
			font-size:.8em;
			color:#ef8a1d;
		}
		
		a.top:hover {
			text-decoration:none;
			color:#49b400;
		}
		
	a.blend, a.blend:link, a.blend:visited, a.blend:hover, a.blend:active {
		color:#333;
		text-decoration:none;
	}
	
	
	
/* Lists */
	ul {
		list-style:none;
	}	

/* Forms */

	.form form {
		background:url(../../../images/bg_form.gif) left top repeat;
		border-bottom:1px solid #ddd;
		padding:2em 2em;
		margin-bottom:2em;
		color:#3d3b3d;
	}

	.form input, .form textarea, .form select {
		color:#fff;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:1em;
		border:1px outset #565656;
		background:#3d3b3d;
		width:200px;
		margin-bottom:15px;
		padding:.2em;
		letter-spacing:normal;
	}
	
	.form input.required, .form select.required, .form textarea.required  {
		background:#3d3b3d;
	}
	
	.form input:focus, .form textarea:focus, .form select:focus  {
		background:#783d57;
		border-style:inset;
	}
	
	.form form .line {
		clear:left;
	}
	
	.form form label {
		display:inline-block;
		width:15em;
		text-align:right;
		float:left;
		margin:0px 1em 1em 0px;
		padding:.2em 0em;
		color:#3d3b3d;
		font-weight:bold;
	}
	
	.form form label span {
		position:absolute;
	}
	
	.form form button::-moz-focus-inner { border: none; padding:0px;} /* FF Fix */
	
	
	.form form button {
		font-weight:bold;
		background:#ffd8ff;
		border:1px solid #783d57;
		font-size:11px;
		cursor:pointer;
		text-align:center;
		margin-right:1.4em;
	}
	
	.form form button span {
		letter-spacing:normal;
		padding:0em .8em;
		line-height:20px;
	}	
	
	.form form button.yes {
		color:#783d57;
	}
	
	.form form button.no {
		color:#783d57;
	}
	
	.form form button:hover {
		background:#783d57;
	}
	
	.form form button:hover span {
		color:#fff;
	}
	
	.form .buttons {
		clear:left;
		margin-left:16.5em;
	}
	
	.form form .item {
		margin-left:90px;
	}

/*
=================================
PAGE LAYOUT
*/

.autoPadDiv {
	width:100%;
}

#diva .container, #masthead, #footer, #content { /* Containers for the curvy corners + to allow the website to grow and shrink */
	clear:both;
	margin:0em auto;
	min-width:760px;
	max-width:1144px;
	_width:960px; /* IE6 HAS NO MIN-MAX WIDTH */
	position:relative;
	left:-12px;
}

#masthead {
	margin-bottom:12px;
	z-index:9;
}

#footer {
	margin-top:24px;
}

#content {
	z-index:8;
}

#company {
	margin:12px auto 18px auto;
	padding-left:24px;
}

#ornament {
	_display:none; /* IE6 */
	z-index:20;
	background:url(../../../images/ornament.png) no-repeat;
	width:253px;
	height:202px;
	position:absolute;
	bottom:0;
	right:0;
	margin-bottom:-147px;
	margin-right:-18px;
}

#content.external {
	width:99%;
	margin:0em;
	padding:0em;
	left:0px;
	top:0px;
}

/* CONTENT */
	#content_container {
		background:#fff;
		padding-bottom: 16px; /* NOTE: must be within corner radius */
		width:100%;
		padding-top:16px;
	}
	
	#content .block {
		padding:0px 24px 24px 24px;
	}
	
	#diva .myBox4 {
		width:100%;
	}
	
	#diva .ccoriginaldiv {
		width:100%;
	}
	
/* CONTENT (containers) */

	#diva #content .col  {
		float:left;
		display:block;
		margin-top:0px;
	}
	
	#diva #content .col.c1 {
		padding:0px 24px 0px 24px;
		margin-left:0%;
	}
	
	#diva #content .col.c3 {
		width:32%;
		margin-left:2%;
	}
	
	#diva #content .col.side_col {
		margin-left:0%;
	}		
	
/*
=================================
FOOTER
*/

#footer_container {
	background:#ffd7ff url(../../../images/bg_page_alternate.gif) center top repeat;
	clear:all;
	margin-top:24px;
	height:60px;
}

#footer {
	color:#7b7596;
	font-weight:bold;
	font-size:.9em;
	letter-spacing:normal;
	position:relative;
}

#footer #copyright {
	float:left;
	padding:28px 48px 0px 24px;
}

#footer #links {
	padding-top:28px;
}

#footer #links li {
	float:left;
	background:url(../../../images/divider_footer_links.gif) left top no-repeat;
}

#footer #links li.first_child {
	background:none;
} 

#footer #links li a {
	text-decoration:none;
	color:#7b7596;
	margin:0em 1em;
	
}

#footer #links li a:hover {
	text-decoration:underline;
} 

#footer #site_design {
	position:absolute;
	right:24px;
	top:8px;
}

/*
=================================
NAVIGATION
*/	
	/* PRIMARY */
	#nav_primary {
		background:url(../../../images/bg_nav_primary.png) repeat;
		_background:#302d2e url(../../../images/spacer.gif);
		display:table;
		position:relative;
		width:100%;
		margin-bottom:6px;
	}
	
	#nav_primary li {
		float:left;
		position:relative;
	}
	
	#nav_primary a {
		color:#f8b9d4;
		font-size:.9em;
		text-decoration:none;
		padding:.5em 1em .5em 1em;
		z-index:10;
		position:relative;
		float:left;
		border-left:1px solid #4f5262;
		border-right:1px solid #2f3242;
	}
	
	#nav_primary a:hover,  #nav_primary li:hover a {
		z-index:11;
		background:url(../../../images/bg_nav_primary.png) repeat;
		_background:#000;
		color:#FFF;
	}
	
	#nav_primary .first_child a {
		border-left:none;
		padding-left:24px;
	}
	
	/* SECONDARY */
	#nav_primary .nav_primary ul {
		display:none;
		position:absolute;
		top:45px;
		left:0px;
	}
	
	#nav_primary .nav_primary li:hover ul, #nav_primary .nav_primary li.navHover ul { /* Event capable browsers */
		display:block; 
		background:url(spacer); /* IE  */
	}
	
	#nav_primary .nav_primary ul li {
		display:block;
		clear:left;
		float:none;
	}
	
	#nav_primary .nav_primary ul a {
		background:#fff url(../../../images/bg_nav_primary_list.gif) repeat-x;
		height:auto;
		padding:.5em 1.2em .5em 1.2em;
		border:1px solid #9e9e9e;
		margin:0em;
		margin-bottom:-1px;
		white-space:nowrap;
		float:none;
		clear:left;
		display:block;
	}
	
	#nav_primary .nav_primary ul a:hover {
		color:#d52b1e;
		text-decoration:underline;
		margin:0px 0px -1px 0px;
		background-position:left -2px;
	}


/*
=================================
CONTENT (Body)
*/

#content .pull_quote {
	display:block;
	font-size:1.3em;
	text-align:center;
	margin:1.2em;
	font-style:italic;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#diva #content hr {
	clear:left;
	margin:24px;
	background:url(../../../images/bg_horizontal_rule.gif) repeat-x;
	height:5px;
	border:none;
}

#diva #content .text hr {
	margin:0px 0px 24px 0px;
}

#diva #content .top {
	clear:both;
	text-align:right;
	margin-bottom:2.2em;
}

#diva #content p {
	margin-bottom:1.2em;
}

#diva #content .p {
	margin-top:-1.2em;
}

#diva #content ul, #diva #content ol {
	margin-bottom:1.2em;
	margin-left:2.5em;
	line-height:2em;
}

#diva #content ul ul, #diva #content ol ol {
	margin-bottom:0em;
}

#diva #content ul li {
	background:url(../../../images/bullet_A.gif) left .9em no-repeat;
	padding-left:1em;
}

#diva #content ol li {
	margin-left:1.5em;
}

	/* Text Box Main */
	#content .text.gallery {
	}
	
	#content .text.main {
		padding-left:334px;
		min-height:264px;
		_height:264px;
		width:auto;
	}
	
	#content .text.main .preview_image {
		position:absolute;
		top:6px;
		left:24px;
	}

	/* Break Box */
	#content .break_box {
		width:25%;
		margin:0px 0px 24px 24px;
		float:right;
		background:#555 url(../../../images/bg_break_out_box.gif);
		font-size:.9em;
		padding:0px 12px;
		border:1px dotted #97848c;
		border-top:none;
		clear:right;
	}
	
	#content .break_box.highlight {
		border-color:#FF6633;
	}
	
	#content .break_box h5 {
		background:#97848c;
		color:#fff;
		margin:0px -12px 12px -12px;
		padding:2px 12px;
	}
	
	#content .break_box.highlight h5 {
		background-color:#FF6633 ;
	}
	
	#diva #content .break_box .author {
		display:block;
		text-align:right;
		font-weight:bold;
	}
	
	/* Feature Button */
	#content .feature_button {
		background:#e5e5e5 url(../../../images/bg_feature_box.gif) center top repeat;
		text-align:center;
		margin-bottom:24px;
		border:1px solid #db709e;
	}
	
	#content .feature_button a {
		display:block;
		height:.1%;
		padding:1em 0em;
	}
	
	#content .feature_button.compact {
		background:#fff;
		margin-right:-1px;
		float:left;
		border:1px dotted #808080;
		border-width:0px 1px;
	}
	
	#content .feature_button.compact a {
		padding:1em;
	}
	
	#content .feature_button.compact a:hover {
		position:relative;
		top:-2px;	
	}	

	/* Feature Box */
	#content .feature {
		background:#e5e5e5 url(../../../images/bg_feature_box.gif) center top repeat;
		min-height:270px;
		position:relative;
		color:#3c3a3c;
		_height:300px;
	}
	
	#content .feature .item {
		min-height:270px;
		_height:300px;
		position:relative;	
		padding-bottom:24px;
	}
	
	#content .feature .item p {
		padding:0px 24px;
		text-align:center;
	}
	
	#content .feature h2 {
		text-align:center;
		padding-top:6px;
	}
	
		#content .feature h2.hints_tips {
			height:144px;
			background:url(../../../images/bg_feature_hints_tips.jpg) center bottom no-repeat;
			margin-bottom:24px;
		}
		#content .feature h2.gallery {
			height:144px;
			background:url(../../../images/bg_feature_gallery.jpg) center bottom no-repeat;
			margin-bottom:24px;
		}
		#content .feature h2.accessories {
			height:144px;
			background:url(../../../images/bg_feature_accessories.jpg) center bottom no-repeat;
			margin-bottom:24px;
		}
		
			/* Action Feature */
			#content .feature .action {
				width:100%;
				position:absolute;
				bottom:0px;
				right:0px;
				background:#fff;
			}
			
			#content .action a {
				display:block;
				background:url(../../../images/button_more_info.gif) right top no-repeat;
				border-top:2px solid #f8b9d4;
				height:20px;
			}
			
			#content .action a:hover {
				background-position:right bottom;
			} 
			
			#content  .action a span {
				display:none;
			}
		
		

	/* Priority Links */
	#diva #content ul.onstage {
		display:inline-block;
		text-align:center;
		margin:0em 0em 24px 0em;
		padding:0em;
	}
	
	#diva #content ul.onstage li {
		display:inline;
		margin:0em;
		padding:0em 0em 0em 10px;
		background-position:left 4px;
	}
	
	#diva #content ul.onstage li a {
		font-family:Georgia, "Times New Roman", Times, serif;
		text-decoration:none;
		font-weight:bold;
		text-transform: uppercase;
		font-size:.9em;
	}
	
	#diva #content ul.onstage li a:hover {
		text-decoration:underline;
	}
	
	
	/* Thumb Gallery */
	#content .thumb_gallery {
	}
	
	#content .thumb_gallery.compact {
		width:310px;
	}
	
	#content .thumb_gallery .item {
		float:left;
		margin:7px;
		width:75px;
		height:100px;
	}
	
	#content .thumb_gallery .item a:hover {
		position:relative;
		top:-2px;
	}
	
	
	/* Gallery */
	
	#content .text.gallery h1 {
		padding-left:6%;
	}
	
	#content .gallery_box {
		position:relative;
		padding:0px 0px;
		height:.1%;
		width:100%;
	}
	
	#content .gallery_box .frame {
		margin:0px 50px 24px 50px;
	}
	
	#content .gallery_box .item {
		width:32%;
		min-width:190px;
		float:left;
		text-align:center;
		overflow:hidden;
		margin-left:2%;
		position:relative;
	}
	
	#content .gallery_box .item.side {
		margin-left:0%;
	}
	
	#content .gallery_box .item .description, #content .gallery_box .item .photo {
		text-align:center;
		width:100%;
	}
	
	#content .gallery_box .item .description {
		font-size:.9em;
		text-align:justify;
	}
	
	#content .gallery_box .item .description p {
	}
	
	#content .gallery_box .item .photo {
		max-width:275px;
		min-width:190px;
		max-height:400px;
		min-height:292px;
		text-align:center;
		margin:auto;
	}
	
	#content .gallery_box .item .photo img {
		display:block;	
		margin:auto;
		azimuth:behind;
		width:100%;
	}
	
	#content .gallery_box .item .description h2 {
		text-transform:uppercase;
		text-align:center;
		font-family:Georgia, "Times New Roman", Times, serif;
		font-size:1.1em;
		letter-spacing:.8em;
		font-weight:bold;
		margin:1em 0em;
	}
	
		/* Gallery Buttons */
		#content .gallery_box .scroll_prev, #content .gallery_box .scroll_next {
			position:absolute;
			top:180px;
		}
		
		#content .gallery_box .scroll_prev span, #content .gallery_box .scroll_next span {
			display:none;
		}
		
		#content .gallery_box .scroll_prev a, #content .gallery_box .scroll_next a {
			display:block;
			width:38px;
			height:38px;
		}
		
		#content .gallery_box .scroll_prev a {
			background:url(../../../images/button_prev.gif) left top no-repeat;
		}
		
		#content .gallery_box .scroll_next a {
			background:url(../../../images/button_next.gif) left top no-repeat;
		}	
		
		#content .gallery_box .scroll_prev a:hover {
			background:url(../../../images/button_prev.gif) left bottom no-repeat;
		}
		
		#content .gallery_box .scroll_next a:hover {
			background:url(../../../images/button_next.gif) left bottom no-repeat;
		}				
		
		#content .gallery_box .scroll_prev {
			left:0px;
		}
		
		#content .gallery_box .scroll_next {
			right:0px;
		}

	
/* Gallery Buttons */

	#content .scroll_prev span, #content  .scroll_next span {
		display:none;
	}

	#content .scroll_prev a, #content .scroll_next a {
		display:block;
		width:38px;
		height:38px;
		position:absolute;
		z-index:50;
		top:120px;
	}

	#content .scroll_prev a {
		background:url(../../../images/button_prev.gif) left top no-repeat;
	}

	#content .scroll_next a {
		background:url(../../../images/button_next.gif) left top no-repeat;
	}	

	#content .scroll_prev a:hover {
		background:url(../../../images/button_prev.gif) left bottom no-repeat;
	}
	

	#content .scroll_next a:hover {
		background:url(../../../images/button_next.gif) left bottom no-repeat;
	}				

	#content  .scroll_prev {
		float:left;
		margin:12px 36px 12px 0px;
		position:relative;
		bottom:0px;
	}

	#content  .scroll_next {
		float:right;
		margin:12px 48px 12px 36px;
		position:relative;
		bottom:0px;		
	}
	
	
	#diva #content .sf_photoListLightbox {
		width:82%;
		margin-left:80px !important;
	}
	
	#diva #content .sf_photoListLightbox li {
		margin:12px 18px;
	}
	
	#diva #content .sf_photoListLightbox dt {
		text-align:center;
	}
	
	
	#diva #content .sf_photoListLightbox dd a {
		text-align:center;
		width:150px;
		height:150px;
		display:block;
	}
	
	#diva #content .sf_photoListLightbox dd img {
		position:relative;
	}

	/* Gallery Title */	
	#diva #content .sf_photoListLightbox dt a {
		text-decoration:none;
		font-weight:normal;
		line-height:normal;
	}
	
	#diva #content .sf_photoListLightbox dt a:hover {
		text-decoration:underline;
	}	
	
	
	#content .gallery {
		padding:0px 20px 20px 20px;
	}