﻿*
{
	padding: 0;
	margin: 0;
}

html, body
{
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
}

#MainContainer
{
	width: 964px; /* 994px total */
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	margin-left: auto;
	margin-right: auto;
}


/*** LEFT CONTAINER ***/
#LeftContainer
{
	float: left;
	width: 804px;
	margin-right: 11px;
	display: inline;
}

#LettersContainer
{
	float: left;
	clear: both;
	width: 64px;
	margin-top: 1px;
	margin-right: 11px;
	display: inline;
}

#LettersContainer .LetterLink
{
	float: left;
	width: 29px;
	height: 29px;
	margin-right: 3px;
	margin-bottom: 2px;
	border: none 0px;
	display: inline;
}

#LettersContainer img
{
    width: 29px;
    height: 29px;
	border: none 0px;
}

#TopAdBanner
{
	float: left;
	margin-top: 1px;
	width: 729px;
	/*height: 91px;*/
	display: inline;
}

#TopAdBanner p
{
    margin: 0;
    padding: 0;
}

#TopAdBanner a, #TopAdBanner img
{
    border: 0px none;
}

#Logo
{
	float: left;
	clear: both;
	display: inline;
	margin-left: 76px;
	margin-top: 4px;
	margin-bottom: 9px;
}

.Separator
{
	float: left;
	clear: both;
	width: 756px;
	height: 1px;
	margin-top: 7px;
	margin-left: 7px;
	margin-bottom: 7px;
	background-color: #999999;
    display: inline;
    padding: 0;
}

#NavContainer
{
	float: left;
	clear: both;
	display: inline;
	width: 756px;
	height: 51px;
	background-image: url("../images/nav-background.gif");
	background-position: left top;
	background-repeat: repeat-x;
	margin-left: 7px;
	margin-bottom: 22px;
}

#NavContainer a
{
    float: left;
    margin-top: 9px;
    display: inline;
}

#NavContainer a img
{
    border: 0px none;
}

#NavContainer .nav_art
{
    display: inline;
    margin-left: 69px;
}

#NavContainer .nav_business
{
    display: inline;
}

#NavContainer .nav_design
{
    display: inline;
}

#NavContainer .nav_places
{
    display: inline;
}

#NavContainer .nav_people
{
    display: inline;
}

#NavContainer .nav_trends
{
    display: inline;
}

.SeparatorBig
{
	float: left;
	clear: both;
    display: inline;
	width: 756px;
	height: 6px;
	margin-left: 7px;
	background-color: #000000;
}

#Footer
{
	float: left;
	clear: both;
    display: inline;
	width: 888px;
	padding-left: 76px;
	margin-top: 6px; /* 7px from .Separator + 6px = 13 px */
	margin-bottom: 13px;
}

#Footer a
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    color: #666666;
    text-decoration: none;
    margin-right: 20px;
}

#Footer a:hover
{
    text-decoration: underline;
}

#MainContentContainer
{
    float: left;
    clear: both;
    width: 804px;
    display: inline;
}

#MainContentContainer .AdminContainer h2
{
    float: left;
    clear: both;
    display: inline;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 18px;
    color: #000000;
    margin-left: 77px;
    margin-bottom: 20px;
}

#MainContentContainer .AdminContainer p
{
    float: left;
    clear: both;
    display: inline;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    color: #000000;
    margin-left: 77px;
    margin-bottom: 20px;
}

/*** RIGHT CONTAINER ***/
#RightContainer
{
	float: left;
	width: 149px;
    display: inline;
}

#RightContainer #SearchContainer
{
	float: left;
	clear: both;
	height: 49px;
    display: inline;
}

#RightContainer #SearchContainer span
{
    float: left;
    clear: both;
    font-family: Helvetica, Arial, Sans-Serif;
    color: #666666;
    font-size: 12px;
    display: inline;
}

#RightContainer #SearchContainer .ImageButton
{
	float: left;
	clear: left;
	margin-top: 4px;
	margin-right: 3px;
    display: inline;
}

#RightContainer #SearchContainer .SearchText
{
	float: left;
	width: 128px;
	margin-top: 1px;
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	border: solid 1px #333333;
    display: inline;
}

#RightContainer #RedBox
{
	float: left;
	clear: both;
	width: 149px;
    display: inline;
}

#RightContainer #RedBox a
{
	float: left;
	clear: both;
    display: inline;
}

#RightContainer .RedLink a
{
    float: left;
    clear: both;
    color: #FF0000;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    display: inline;
}

#RightContainer .RedLink a:hover
{
    text-decoration: underline;
    display: inline;
}

#RightContainer .GreyLink a
{
    float: left;
    clear: both;
    color: #333333;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    text-decoration: none;
    display: inline;
}

#RightContainer .GreyLink a:hover
{
    text-decoration: underline;
}

#RightContainer p
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    color: #000000;
    margin-bottom: 10px;
}

#RightContainer #IssueSelector
{
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 13px;
    line-height: 20px;
    color: #333333;
    margin-bottom: 10px;
}

#RightContainer #IssueSelector select
{
    margin-top: 5px;
    /*
    border: 0px none;
    background-color: #000000;
    color: #FFFFFF;
    padding: 2px;
    */
}

#RightContainer #RightSideLinks
{
    float: left;
    clear: both;
    display: inline;
    width: 149px;
    background-color: #e6e6e6;
    margin-top: 10px;
    margin-bottom: 10px;
}

#RightContainer #RightSideLinks img
{
    float: left;
    clear: both;
    display: inline;
}

#RightContainer #RightSideLinks a
{
    float: left;
    clear: both;
    width: 146px;
    display: inline;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
}

#RightContainer #RightSideLinks a:hover
{
    text-decoration: underline;
}

/*** Newsletter Signup ***/
#NewsletterSignup
{
    float: left;
    clear: both;
    width: 100%;
    display: inline;
    margin-bottom: 10px;
    font-family: Helvetica, Arial, Sans-Serif;
    color: #00adee;
    font-size: 14px;
}

#NewsletterSignup span
{
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 3px;
}

#NewsletterSignup .Textbox
{
    width: 190px;
    border: solid 1px #999999;
    padding: 2px;
    font-size: 12px;
}

/*** Projects Listing ***/
#ProjectListing, #GalleryListing
{
    float: left;
    clear: both;
    width: 100%;
    display: inline;
}

#ProjectListing .ListingTitle, #GalleryListing .ListingTitle
{
    float: left;
    clear: both;
    margin-left: 76px;
    font-family: Helvetica, Arial, Sans-Serif;
    font-size: 14px;
    color: #222222;
    display: inline;
}



/*** Galleries Listing ***/
