﻿body 
{
	background-color: Black;
	color: White;
	font: normal 0.8em Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin: 10px 20px 10px 20px;
}

a
{
	color: white;
	text-decoration: none;
}

a:visited
{
	color: white;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

#Header
{
}

#HeaderMenu
{
	border-bottom: solid 1px white;
	border-top: solid 1px white;
	font: bold 1.1em Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: .5em;
	padding: 10px 5px 10px 5px;
}

#Content
{
}

#ColumnContainer
{
}

#LeftColumn
{
	float: left;
	padding: 0 2em 0 0;
	width: 15em;
}

#MainColumn
{
}

#Footer
{
	border-top: solid 1px white;
	clear: both;
	margin-top: 1em;
}

.ControlBar
{
	margin-bottom: 1em;
	text-align: left;
}

.NavMenu
{
	vertical-align: middle;
}

.NavMenuItem,a.NavMenuItem
{
	color: White;
	text-align: center;
	text-decoration: none;
	width: 6em;
}

.NavMenuItemHover,a.NavMenuItemHover
{
	background-color: #CBCBCB;
	color: Black;
	text-align: center;
	text-decoration: none;
	width: 6em;
}

.NavLoginLogout
{
	float: right;
	width: 6em;
}

a.NavLoginLogout
{
	color: White;
	text-align: center;
	text-decoration: none;
	width: 6em;
}

a.NavLoginLogout:hover
{
	background-color: #CBCBCB;
	color: Black;
	text-align: center;
	text-decoration: none;
	width: 6em;
}

.TitleImage
{
}

.PricingDetail
{
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: top;
}

.PricingFrame
{
	border: dashed 1px silver;
	padding: .75em;
}

h1
{
	font: normal 2em Arial, Verdana, Helvetica, Sans-Serif;
	font-weight: bold;
	margin-bottom: .2em;
}

h2
{
	font:  normal 1.5em Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin-bottom: .2em;
}

h3
{
	font:  normal 1.3em Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin-bottom: .2em;
}

h4
{
	font:  normal 1.1em Arial, Tahoma, Verdana, Helvetica, Sans-Serif;
	margin-bottom: .2em;
}

h5
{
	font-weight: bold;
	margin-bottom: 0;
}

p.ContactImportant
{
	font-weight: bolder;
	font-size: 120%;
	margin-top: 0;
}


p.TitleCallout
{
	text-align: center;
}

.FormField 
{
	clear: left;
	display: block;
	margin-bottom: 1em;
}

.FormFieldLabel 
{
	display: inline-block;
	vertical-align: top;
	width: 10em;
}	

.FormFieldText 
{
	display: inline-block;
	width: 15em;
}

.FormFieldSubItem
{
	display: inline-block;
	margin-left: 10em;
	width: 15em;
}

.FormFieldUpload
{
	display: inline-block;
	width: 22em;
}

.FormSubmitRow
{
	clear: left;
	display: block;
	margin-bottom: 1em;
	margin-top: 2em;
}

.FormSubmitSpacer
{
	display: inline-block;
	width: 10em;
}

.FormSubmitButton
{
	display: inline-block;
	margin-right: 1em;
	width: 6em;
}

.FormValidation 
{
	display: block;
	margin-bottom: 1em;
}

.FormValidationItem
{
	color: Red;
}	

.PhotoList 
{
}

.AlbumThumb
{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	text-align: center;
	vertical-align: top;	
	width: 100px;
}

.PhotoThumb
{
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 10px;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;	
	width: 50px;
}

.PhotoThumbSelected
{
	border: solid 1px white;
	display: inline-block;
	margin-bottom: 10px;
	margin-right: 8px;
	overflow:hidden;
	text-align: center;
	vertical-align: middle;
	width: 50px;
}

.PhotoInfo
{
	padding-left: 1em;
}

.AlbumInfo
{
	padding-left: 1em;
}

/* column container */
.colmask {
    clear:both;
    float:left;
	overflow:hidden;	/* This chops off any overhanging divs */
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
    width:100%;			/* width of whole page */
}
/* 2 column left menu settings */
.leftmenu 
{
}
.leftmenu .colright 
{
    float:left;
	left:320px;
	position:relative;
    width:200%;
}
.leftmenu .PhotoFrameWrap 
{
    float:right;
    padding-bottom:1em;
    position:relative;
    right:320px;
    width:50%;
}
.leftmenu .PhotoFrame 
{
    margin:0 0px 0 320px;
    overflow:hidden;
    padding-left: 10px;
    position:relative;
    right:100%;
    text-align: center;
}
.leftmenu .AlbumFrame 
{
    float:left;
    position:relative;
    right:320px;
    width:320px;
}

.leftmenu .AlbumFrame .AlbumPhotos
{
    overflow-y: scroll;
}
