/* ================================================================ 
2/13/08
The scheme of this sheet is first, the navbar code, gotten from the site below;
second is the code to nest the blocks for screen centering; then main screen elements. 
The screens all have the same background jpg, with titles and graphic floating over this
background. Finally, there is the Flash XML slideshow element that floats over the
whole screen, handled by the XML in the "v3flashslideshow" directory. To alter 
the layout of any elements of the slideshow (image location, controls), use 
the editor of the Dreamweaver extension.

The Gallery2 application is shown in the Client Login section, which is why there's a
separate screen for that area. This app is played in an iframe, styled below. The edit the
Gallery2 styles, see the CSS in the Carbon directory of "gallery2". All the main screen backgrounds
have been set to "transparent" in the Carbon CSS to overlay the background graphic of the clientLogin screen.

The original version of this navbar is at http://www.cssplay.co.uk/menus/pro_dropline_dropdown.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
=================================================================== */

/*-------------Navbar div styles---------------*/

.pro_linedrop {
height:36px;
width:500px;
/*background:url(line/blank_sepia.gif);*/
position:relative; 
font-family:verdana, sans-serif;
font-style:italic;
font-size:12px;
z-index:500;
}

.pro_linedrop .select {
margin:0; 
padding:0; 
list-style:none; 
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(images/blank_over.gif);
}

.pro_linedrop .select a {
display:block; 
height:36px; 
float:left; 
background: url(images/blank.gif); 
padding:0 0 0 15px; 
text-decoration:none; 
line-height:25px; 
white-space:nowrap; 
color:#fef6b5;
}

.pro_linedrop .select li.line a {color:#fef6b5;}

.pro_linedrop .select a b {
display:block; 
padding:0 30px 10px 15px; 
background:url(images/blank.gif) right top;
}

.pro_linedrop .select a:hover, 
.pro_linedrop .select li:hover a {
background: url(images/blank_over.gif); 
padding:0 0 0 15px;
line-height:27px;
cursor:pointer; 
color:#fef6b5;
}

.pro_linedrop .select li.line a:hover, 
.pro_linedrop .select li.line:hover a {
color:#fef6b5;}

.pro_linedrop .select a:hover b, 
.pro_linedrop .select li:hover a b {
display:block; 
padding:0 30px 9px 15px; 
background:url(images/blank_over.gif) right top; 
cursor:pointer;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {
display:none;
}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.pro_linedrop .sub {
margin:0; 
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block; 
position:absolute;
float:left;
width:500px;
top:30px; 
left:0;
font:Arial, Helvetica, sans-serif;
font-style:normal;
text-align:center;
background:transparent url(line/transparent.gif);
/*border:2px solid #ffffff;
border-top:2px solid #ffffff; Don't want the full border, only bottom*/
border-bottom:1px solid #ffffff;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a 
{display:block; height:25px; line-height:22px; float:left; background:transparent url(images/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#fef6b5;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#ffffff;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#ffffff; line-height:20px; position:relative;}

.pro_linedrop .select :hover .sub li:hover > a {color:#ffffff;}

.pro_linedrop .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:112px; position:absolute; left:-1px; top:25px; border:1px solid #aaa; border-top:0; background:#fff;}

.pro_linedrop .select :hover .sub :hover ul li a {width:80px; text-align:left; height:20px; line-height:18px;}
.pro_linedrop .select :hover .sub :hover ul li a:hover {line-height:16px;}

.selectedTab {color: #40542f}

/*-------------Nesting blocks for screen centering div styles---------------*/

html, body {
	height: 100%;         /* required */
}

body {
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
	background-color: #adb0a9;
}

.container {
	margin-bottom: -290px; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */
}

.mainScreen {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 580px;         /* required - desired height */
	width: 994px;          /* required - desired width */
	margin: 0 auto;       /* required */
	background: url('images/mainScreen.jpg') no-repeat left top;
	clear: left;          /* required */
}

.clientLandingTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:295px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/clientLandingTitle.jpg);
}

.clientLoginScreen {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 580px;         /* required - desired height */
	width: 994px;          /* required - desired width */
	margin: 0 auto;       /* required */
	background: url('images/mainScreen.jpg') no-repeat left top;
	clear: left;          /* required */
}

.clientSlideshowScreen {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 580px;         /* required - desired height */
	width: 994px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

/*-------------Main screen elements div styles---------------*/

.navbar {
	position:absolute;
	left:350px;
	top:10px;
	width:630px;
	height:71px;
	z-index:10;
	visibility: visible;
}

.homeTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:240px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/home/homeTitle.jpg);
}

.homeText {
	position:absolute;
	left:9px;
	top:173px;
	width:230px;
	height:234px;
	vertical-align:top;
	background-image: url(images/home/homeText.jpg);
	z-index:8;
	visibility: visible;
}

.homeCopyright {
	position:absolute;
	left:41px;
	top:558px;
	width:174px;
	height:22px;
	vertical-align:top;
	background-image: url(images/home/homeCopyright.jpg);
	z-index:8;
	visibility: visible;
}

.homeLink {
	position:absolute;
	left:18px;
	top:10px;
	width:288px;
	height:60px;
	vertical-align:top;
	z-index:20;
	visibility: visible;
}

.homeLink a {
	width:100%; height:100%; display:block;
}

.homeLink a:link {
	text-decoration:none
}

.homeLink a:visited {
	text-decoration:none
}

.homeLink a:hover {
	text-decoration:none
}

.homeLink a:active {
	text-decoration:none
}

.homeSlideshow {
	position:absolute;
	left:247px;
	top:70px;
	width:725px;
	height:495px;
	vertical-align:top;
	font-size:6px;
	background:transparent cursor:default;
	z-index:8;
	visibility: visible;
}

.portfolioLandingTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:240px;
	height:61px;
	z-index:4;
	visibility: visible;
	background-image: url(images/portfolioTitle.jpg);
}

.portfolioLandingScreen {
	position:absolute;
	left:97px;
	top:77px;
	width:872px;
	height:502px;
	z-index:3;
	visibility: visible;
}

.portfolioWeddingsTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:240px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/weddings/weddingsTitle.jpg);
}

.portfolioChildrenTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:240px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/children/childrenTitle.jpg);
}

.portfolioTeensTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:240px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/teens/teensTitle.jpg);
}

.portfolioFoundationTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:240px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/foundation/foundationTitle.jpg);
}

.portfolioSlideshow {
	position:absolute;
	left:15px;
	top:70px;
	width:965px;
	height:506px;
	z-index:8;
}


.contactTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:295px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/contact/contactTitle.jpg);
}

.contactText {
	position:absolute;
	left:321px;
	top:72px;
	width:647px;
	height:469px;
	color:#fef6b5;
	font-family:verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	z-index:6;
}

.contactText a:link {
	color: #fef6b5;
}

.contactText a:visited {
	color: #fef6b5;
}

.contactText a:hover {
	color: #40542f;
}

.contactText a:active {
	color: #40542f;
}

.creditsTitle  {
	position:absolute;
	left:62px;
	top:81px;
	width:295px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/contact/creditsTitle.jpg);
}

.creditsText {
	position:absolute;
	left:321px;
	top:72px;
	width:647px;
	height:469px;
	color:#fef6b5;
	font-family:verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	z-index:6;
}

.creditsText a:link {
	color: #fef6b5;
}

.creditsText a:visited {
	color: #fef6b5;
}

.creditsText a:hover {
	color: #40542f;
}

.creditsText a:active {
	color: #40542f;
}

.creditsLogos {
	position:absolute;
	left:627px;
	top:99px;
	width:347px;
	height:469px;
	z-index:3;
	visibility: visible;
	background-image: url(images/contactLogos.jpg);
}

.gallery {
	position:absolute;
	left:9px;
	top:68px;
	width:975px;
	height:100%;
	color:#ffffff;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	visibility: visible;
}

.portfolioNavigation {
	position:absolute;
	left:26px;
	top:138px;
	width:298px;
	height:25px;
	z-index: 9;
}

.portfolioNavigation td {
	font-size:10px;
	font-family:verdana, sans-serif;
	font-weight:bold;
	color: #fef6b5;
	padding: 5px;
}

.portfolioNavigation a:link {
	color: #fef6b5;
}

.portfolioNavigation a:visited {
	color: #fef6b5;
}

.portfolioNavigation a:hover {
	color: #40542f;
}

.portfolioNavigation a:active {
	color: #40542f;
}

.landing td {
	font-size:10px;
	font-family:verdana, sans-serif;
	font-weight:bold;
	color: #fef6b5;
	padding: 5px;
}

.landing a:link {
	color: #40542f;
}

.landing a:visited {
	color: #40542f;
}

.landing a:hover {
	color: #fef6b5;
}

.landing a:active {
	color: #fef6b5;
}


.clientSlideshow {
	position:absolute;
	left:247px;
	top:3px;
	width:725px;
	height:530px;
	vertical-align:top;
	font-size:6px;
	background:transparent cursor:default;
	z-index:8;
	visibility: visible;
}

.clientSlideshowTitle  {
	position:absolute;
	left:62px;
	top:11px;
	width:295px;
	height:61px;
	z-index:3;
	visibility: visible;
	background-image: url(images/slideshows/clientSlideshowTitle.jpg);
}

.clientSlideshowText {
	position:absolute;
	left:351px;
	top:81px;
	width:528px;
	height:469px;
	color:#fef6b5;
	font-family:verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	z-index:6;
}

.clientSlideshowText a:link {
	color: #fef6b5;
}

.clientSlideshowText a:visited {
	color: #fef6b5;
}

.clientSlideshowText a:hover {
	color: #40542f;
}

.clientSlideshowText a:active {
	color: #40542f;
}