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

body { 
	margin:0; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
	color:#666666; 
	line-height:14px;
}

h2.banner {
	background:top left no-repeat;
	padding:8px 0;
	margin:0;
	font-size:14px;
	color:#808080;
	text-align:center;
	border-bottom:1px solid #cccccc;
}
h2.banner span { 
	background:url(../images/bg-home_box_header_block.gif) top left repeat-x; 
	padding:0 10px;
}
h3 { font-size:12px; line-height:18px; margin:12px 0; }
p { margin:11px 0; }

a { color:#6666cc; }
a img { border:none; }
span.arrow { color:#6666cc; } 

span.link_with_icon { line-height:15px; }
span.link_with_icon img { margin-top:3px; margin-right:4px; }

ul.standard { list-style:none; padding-left:0px; margin:0; }
ul.standard li { 
	background:url(../images/gra-bullet.gif) left 0.5em no-repeat; 
	padding-left:10px;
	margin-bottom:15px;
}

* html .contain_float { height: 1%; overflow: visible; }
*+html .contain_float { min-height: 1%; }
.contain_float:after{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }

/*-------------------------------------------------
PAGE STRUCTURE
-------------------------------------------------*/

/* general */
#page { width:990px; margin:10px; }
#header {}
#body { margin-bottom:19px; }
#footer {} 

/* three columns */
body.three_columns #subnav { float:left; width:202px; }
body.three_columns #main { width:464px; margin:0 11px 0 11px; float:left; text-align:center;}
body.three_columns #main #text { width:440px; margin:0 auto; text-align:left; }
body.three_columns #rightrail { float:right; width:300px; background:#efefef; }

/* two columns (with right sidebar) */
body.two_columns_right #rightrail { float:right; width:300px; background:#efefef; }
body.two_columns_right #main { float:left; width:680px; margin-right:10px;}
body.two_columns_right #main #text { width:647px; margin:0 auto; }

/* two columns (with left sidebar) */
body.two_columns_left #subnav { float:left; width:202px; }
body.two_columns_left #main { float:left; width:764px; margin:0 11px 0 11px; text-align:center; }
body.two_columns_left #main #text { width:743px; margin:0 auto; text-align:left; }

/*-------------------------------------------------
SHUTTERFLY NAV
-------------------------------------------------*/

#shutterfly_nav { float:right; width:350px; margin:0 15px 10px 0; }
#shutterfly_nav .logo { float:right; }
#shutterfly_nav .controls { margin-top:9px;}
#shutterfly_nav .controls ul { list-style:none; margin:0 0 12px 0; padding:0; }
#shutterfly_nav .controls ul li { display:inline; }
#shutterfly_nav .controls ul li a { 
	text-decoration:none; 
	border-right:1px solid #888; 
	padding:0 9px 0 5px; 
}
#shutterfly_nav .controls ul li a:hover { text-decoration:underline; }
#shutterfly_nav .controls ul li.first a { padding-left:0; }
#shutterfly_nav .controls ul li.last a { border-right:0; }
#shutterfly_nav .controls input.text { color:#7f7e7e; font-size:10px; padding:2px 4px; width:128px; }
#shutterfly_nav .controls input.image_button { margin:0 0 -4px 10px; }

/*-------------------------------------------------
GLOBAL NAV
-------------------------------------------------*/

#globalnav { 
	clear:right; 
	background:url(../images/bg-globalnav.gif) right top repeat-y;
	height:46px; 
	border:1px solid #c9c9c9; 
	border-left:none; 
	border-right:none;
	margin-bottom:9px; 
}
#globalnav .logo { margin:3px 0 0 19px; float:left; }
#globalnav ul { float:right; list-style:none; margin:14px 38px 0 0; padding:0; display:inline; }
#globalnav ul li { float:left; border-right:1px solid #c9c9c9; padding:3px 18px 2px 14px; }
#globalnav ul li.nav_scr { border-right:none; }
#globalnav ul li a { display:block; background:top left no-repeat; }
#globalnav ul li a span { display:none; }
#globalnav ul li.nav_art a { height:11px; width:49px; background-image:url(../images/txt-articles.gif); } 
#globalnav ul li.nav_vid a { height:11px; width:40px; background-image:url(../images/txt-video.gif); } 
#globalnav ul li.nav_pho a { height:11px; width:81px; background-image:url(../images/txt-photobooks.gif); } 
#globalnav ul li.nav_scr a { height:13px; width:117px; background-image:url(../images/txt-scrapbookpages.gif); } 
#globalnav ul li.nav_art a:hover { height:11px; width:49px; background-image:url(../images/txt-articles_on.gif); } 
#globalnav ul li.nav_vid a:hover { height:11px; width:40px; background-image:url(../images/txt-video_on.gif); } 
#globalnav ul li.nav_pho a:hover { height:11px; width:81px; background-image:url(../images/txt-photobooks_on.gif); } 
#globalnav ul li.nav_scr a:hover { height:13px; width:117px; background-image:url(../images/txt-scrapbookpages_on.gif); } 
body.articles #globalnav ul li.nav_art a { background-image:url(../images/txt-articles_on.gif); }
body.video #globalnav ul li.nav_vid a { background-image:url(../images/txt-video_on.gif); }
body.photobooks #globalnav ul li.nav_pho a { background-image:url(../images/txt-photobooks_on.gif); }


/*-------------------------------------------------
BREADCRUMB
-------------------------------------------------*/

#breadcrumb { color:#8d8d8d; margin:0 0 8px 20px; }
#breadcrumb a { color:#8d8d8d; text-decoration:none; }
#breadcrumb a.current { text-decoration:underline; }

/*-------------------------------------------------
SUBNAV
-------------------------------------------------*/

#subnav { border:1px solid #fdd595; border-top:none; background:#fff8eb; }
#subnav .section h2 { 
	border:1px solid #fdd595;
	border-left:none;
	border-right:none; 
	margin:0; 
	width:202px;
	height:31px;
	font-size:14px;
	color:#808080;
	text-align:center;
	background:url(../images/bg-subnav_header.gif) top left no-repeat;
	vertical-align:middle; 
	line-height:31px;
}
#subnav .section h2 span { 
	background:url(../images/bg-subnav_header_block.gif) top left repeat-x; 
	padding:0 10px;
}
#subnav .section .content { 
	color:#585858;
}
#subnav .section.list .content { padding:12px; }
#subnav .section.list .content a { color:#585858; }
#subnav .section.list .content ul { list-style:none; margin:7px 0 28px; padding:0; }
#subnav .section.list .content ul li { margin-bottom:8px; }
#subnav .section.books .content { padding:0 19px; }
#subnav .section.books .content .book { 
	background:url(../images/bg-subnav_books_divider.gif) left bottom repeat-x;
	padding:35px 0;
	text-align:center;
}
#subnav .section.books .content .book.last { background:none; }
#subnav .section.books .content .caption { margin-top:9px; line-height:16px;  }

/*-------------------------------------------------
FOOTER
-------------------------------------------------*/

#footer { border-top:3px solid #b6ca75; padding-top:2px; }
#footer #privacy { float:left; margin-top:4px; }
#footer .links { margin:0 0 2px 131px; }
#footer .copyright { color:#999999; margin-left:131px; }

/*-------------------------------------------------
VIDEO PlAYER (VERTICAL)
-------------------------------------------------*/

#rightrail img#video_header { display:block; }
#rightrail div#video_footer { 
	background:url(../images/bg-video_footer.gif) left top no-repeat; 
	width:300px;
	height:30px;
	color:white;
	font-weight:bold;
}
#rightrail div#video_footer a { color:white; }
#rightrail div#video_footer span { float:right; margin:9px 14px;}

/*-------------------------------------------------
HOME
-------------------------------------------------*/

body.home img.feature { border:none; margin-bottom:10px; }
body.home .box { margin-bottom:10px; }
body.home .box.last { margin-bottom:0; }
body.home .box h2 {
	background:url(../images/bg-home_box_header.gif) top left no-repeat;
	padding:8px 0;
	margin:0;
	width:680px;
	font-size:14px;
	color:#808080;
	text-align:center;
}
body.home .box h2 span { 
	background:url(../images/bg-home_box_header_block.gif) top left repeat-x; 
	padding:0 10px;
}
body.home .box .content { border:1px solid #cccccc; border-bottom:none; padding:0 22px; }
body.home .box .content .row { 
	background:url(../images/bg-green_dots_horizontal.gif) bottom left repeat-x; 
	padding:26px 0;
}
body.home .box .content .row.last { background:none; }
body.home .box .content .row img { float:left; }
body.home .box .content .row .description { width:346px; margin-left:285px; }
body.home .box .content .row .description h3 { margin-top:0; }
body.home .box .footer { 
	background:url(../images/bg-home_box_footer.gif) left bottom no-repeat; 
	padding:8px 24px 10px;
	text-align:right;
}
body.home .box#ideas .content .row .cell { width:301px; float:left; }
body.home .box#ideas .content .row .cell.right { float:right; }
body.home .box#ideas .content .row .cell .description { width:156px; margin-left:144px; }
body.home .box#gallery .content .row .intro { margin-top:0; }
body.home .box#gallery .content .row .cell { width:140px; float:left; margin-right:24px; }
body.home .box#gallery .content .row .cell img { margin:5px 0 18px; }
body.home .box#gallery .content .row .cell.last { margin-right:0; }

/*-------------------------------------------------
ARTICLES
-------------------------------------------------*/

body.articles #picture_box { width:219px; float:right; margin:0 0 15px 30px; }
body.articles #picture_box .controls { 
	height:33px;
	line-height:1em;
	border:1px solid #dfdddd; 
	margin-top:10px; 
}
body.articles #picture_box .controls img { margin:6px 0 0 16px; vertical-align:middle; }
body.articles h3 { margin-top:0; padding-top:29px; }

/*-------------------------------------------------
PHOTOBOOK DIRECTORY
-------------------------------------------------*/

body.photobooks #main h2.banner {
	background-image:url(../images/bg-books_header.gif);
	width:743px;
}
body.photobooks #main .row { 
	background:url(../images/bg-green_dots_horizontal.gif) bottom left repeat-x; 
	padding:26px 0;
}
body.photobooks #main .row.last { background:none; }
body.photobooks #main .row img { float:left; margin-right:20px; }
body.photobooks #main .row .cell { width:341px; float:left; padding-right:30px; }
body.photobooks #main .row .cell.right { 
	background:url(../images/bg-green_dots_vertical.gif) top left repeat-y;
	float:right; 	
	padding-right:0;
	padding-left:30px;
}
body.photobooks #main .row .cell h3 { margin-top:87px; }


/*-------------------------------------------------
PHOTOBOOK
-------------------------------------------------*/

body.photobooks.individual .feature { margin-bottom:10px; }
body.photobooks.individual #get_started_button { margin:25px 0; display:block; }
body.photobooks.individual #meet_the_artist { 
	background:url(../images/bg-green_dots_horizontal.gif) top left repeat-x;
	padding:25px 0;
}
body.photobooks.individual #meet_the_artist h3 { margin-top:0; }
body.photobooks.individual #meet_the_artist img { float:right; margin-left:25px; }

/*-------------------------------------------------
VIDEO
-------------------------------------------------*/

body.video #main #flash_help_link { float:right; margin-right:27px; }
body.video #main #flash_help_link a { font-weight:bold; color:#666666; }
body.video #main #meet_the_expert { width:718px; margin-top:30px; }
body.video #main #meet_the_expert h3 { margin-top:0; }
body.video #main #meet_the_expert img { float:left; }
body.video #main #meet_the_expert .text { margin-left:141px; }

/*-------------------------------------------------
VIDEO HELP
-------------------------------------------------*/

body.video_help #main { line-height:18px; font-size:12px; }
body.video_help #main h2.banner {
	background-image:url(../images/bg-video_help_header.gif);
	width:680px;
	margin-top:0;
}
body.video_help #main ul { list-style:none; margin:20px 0 0 0; padding:0; }
body.video_help #main h2 { 
	font-weight:normal; 
	font-family:Verdana, Geneva, sans-serif; 
	font-size:14px;
	margin:40px 0 10px 0;
	color:#f8981d;
}
body.video_help #main h3 { color:#333; margin:20px 0 3px 0; }
body.video_help #main p { margin:3px 0; color:#8f8f8f; }
body.video_help table th { font-weight:bold; text-align:left; }
body.video_help table td { border-bottom:1px solid #CCCCCC; padding:2px 10px 2px 0; }

/*-------------------------------------------------
VIDEO POPUP
-------------------------------------------------*/

body.video_popup { margin:10px; }
body.video_popup a { display:block; margin:20px 0 0 560px; font-size:12px; }


/*-------------------------------------------------
SCRAPBOOK DIRECTORY
-------------------------------------------------*/

body.scrapbook #main h2.banner {
	background-image:url(../images/bg-books_header.gif);
	width:743px;
}
body.scrapbook #main .row { 
	background:url(../images/bg-green_dots_horizontal.gif) bottom left repeat-x; 
	padding:26px 0;
}
body.scrapbook #main .row.last { background:none; }
body.scrapbook #main .row .page {float:left;}
body.scrapbook #main .row .page img {margin:0; float:none;}
body.scrapbook #main .row .page1 { margin-right:5px;}
body.scrapbook #main .row .page2 { }
body.scrapbook #main .row .cell { float:left; padding-right:24px;}
body.scrapbook #main .row .cell.right { 
	background:url(../images/bg-green_dots_vertical.gif) top left repeat-y;
	float:left;
	padding-right:0;
	padding-left:26px;
}
body.scrapbook #main .row .cell a { color:#666666; }

body.scrapbook #artist_intro {height:354px; margin-top:25px;}
body.scrapbook #artist_intro .img_float {float:left; *margin:0 -3px; *clear:right;}
body.scrapbook #artist_intro .intro_text {width:463px; height:354px; background:url(../images/bg-artist_intro_mid.gif) 0 0 repeat-x; float:left;}
body.scrapbook #artist_intro .intro_text .txt_header {margin:30px 0 10px;}
body.scrapbook #artist_intro .intro_text p.first {margin-top:0; padding-top:12px; background:url(../images/bg-blue_dots_horizontal.gif) 0 0 repeat-x;}
body.scrapbook #artist_intro .intro_text ul {margin:0; padding:0; list-style:none;}
body.scrapbook #artist_intro .intro_text li {margin:5px 0; padding-left:15px; background:url(../images/bg-orange_arrow.gif) 0 3px no-repeat;}

body.scrapbook #meet_the_artist {}
body.scrapbook #meet_the_artist .artist_photo {padding-right:25px; float:left;}
body.scrapbook #meet_the_artist .artist_bio {width:590px; float:left;}
body.scrapbook #meet_the_artist .artist_bio h3 {margin-top:0;}