﻿body 
{    
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color:#a7c2de;
}

/* --- LAYOUT --- */
#MainBackgroundDiv
{
	position:relative;
    width:1020px;
    border-style:none;
    border-width: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/MainBackground.jpg');
    z-index:1;
}
#HeaderDiv
{
	position:relative;
    width:900px;
    height:20px;
    margin-left:60px;
    background:#ffffff url('../images/HeaderBack.gif') no-repeat;
    z-index:1;
}
#BackHyperLink
{
	position:absolute; 
	left:25px; 
	top:1px;
	font-family: Arial, Verdana;
	font-size:14px;
	font-weight:normal;
	line-height:18px;	
	color:#4a6786;
	text-decoration:none;
}
#BackHyperLink:hover
{
	text-decoration:underline;
}

#EmailHyperLink
{
	position:absolute; 
	left:761px; 
	top:0px;
	width:63px;
	height:20px;
	border-style:none;
	background: url('../images/EmailUp.gif');
	outline:0px;
}
#EmailHyperLink:hover
{
	background: url('../images/EmailOv.gif');
}

#LoginButton
{
	position:absolute; 
	left:824px; 
	top:0px;
	width:63px;
	height:20px;
	border-style:none;
	background: url('../images/LoginUp.gif');
	outline:0px;
}
#LoginButton:hover
{
	background: url('../images/LoginOv.gif');
}

#HeaderContentLeftDiv
{
	position:relative;
    width:156px;
    height:183px;
    background: url('../images/HeaderContentLeft.jpg');
    z-index:1;
}
#AccordianDiv
{
	position:relative;
	width:156px;
	height:347px;   
	background: url('../images/AccordianBack.gif');
    z-index:1;
}
#OverviewDiv
{
	position:relative;
	width:744px;
	background-color:Transparent;
	display:block;
}
#OverviewFlashDiv
{
	float:left;
    width:517px;
    height:183px;
    background-color:#0066cc;
    z-index:1;
}
#OverviewGalleryIFrame
{
	position:absolute;
	left:0px;
	top:10px;
	width:517px;
	height:163px;
	background-color:#000000;
}
#HeaderContentRightIFrame
{
	float:left;
    width:223px;
    height:183px;
    z-index:1;
}
#ContentMainIFrame
{
	float:left;
    width:517px;
    height:347px;
    z-index:1;
}
#ContentRightIFrame
{
	float:left;
    width:227px;
    height:347px;
    z-index:1;
}


#OtherDiv
{
	position:relative;
	width:744px;
	background-color:Transparent;
	display:none;
}
#OtherFlashDiv
{
	position:relative;
	width:744px;
	height:315px;
	background-color:#ffffff;
}
#OtherFlashBackgroundDiv
{
	position:relative;
	left:89px;
	top:20px;
	width:581px;
	height:295px;
	background: url('../images/OtherFlashPlayer.gif');
}
#OtherGalleryIFrame
{
	position:absolute;
	left:9px;
	top:7px;
	width:560px;
	height:260px;
	background-color:#000000;
}
#ClientProjectDiv
{
	position:absolute;
	left:10px;
	top:270px;
	font-family: Arial, Verdana;
	font-size:12px;
	font-weight:normal;
	color:#ccd7e3;
	background-color:Transparent;
}
#ClientProjectDiv b
{
	font-weight:normal;
	color:#4a6786;
}

#OtherContainerDiv
{
	position:relative;
	width:744px;
	background-color:Transparent;
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	min-height:250px;
}
#ContentSwish
{
    width:12px;
    height:66px;
    background: url('../images/ContentSwish.gif') no-repeat;
    margin-right:10px;
    z-index:1;
}
#ContentMiddle
{
	font-family: Arial, Verdana;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	color:#4a6786;
	background-color:#ffffff;
}
#ContentMiddle a,
#ContentMiddle a:link,
#ContentMiddle a:visited,
#ContentMiddle a:active
{
	color:#4a6786;
	text-decoration:none;
}
#ContentMiddle a:hover
{
	text-decoration:underline;
}
#ContentMiddle h3
{
	color:#4a6786;
	font-weight:normal;
	font-size:12px;
	font-style:italic;
	text-decoration:none;
	margin: 0px;
	padding: 0px 0px 10px 25px;
}
#ContentMiddle hr
{
	color:#72aae3;
	background-color:#72aae3;
}

#FooterDiv
{
	position:relative;
    width:900px;
    height:25px;
    margin-left:60px;
    background: url('../images/Footer.jpg');
    z-index:1;
}
#CopyrightDiv
{
	position:absolute;
	left:10px;
	top:4px;
	width:250px;
	height:14px;
	font-family:Arial, Verdana;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;	
}
#ByPogoStick
{
	position:absolute;
	left:345px;
	top:0px;
	width:253px;
	height:20px;
	background: url('../images/ByPogoStick.gif');
}

#TermsConditions
{
	position:absolute;
	left:790px;
	top:4px;
	font-family:Arial, Verdana;
	font-size:10px;
	font-weight:normal;
	color:#ffffff;		
	text-decoration:none;
}
#TermsConditions:hover
{
	text-decoration:underline;
}
#SiteMapDiv
{
	position:relative;
    width:900px;
    margin-left:60px;
    background: url('../images/SiteMapBackground.jpg');
    z-index:1;
}
#MainFooterDiv
{
	position:relative;
    width:1020px;
    height:80px;
    border-style:none;
    border-width: 0px;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/MainFooter.jpg');
    z-index:1;
}

/* --- ACCORDIAN --- */
#Accordion
{
	position:absolute;
	left:4px;
	top:0px;
}

.AccordionHeader
{
    border-style:none;
    height:26px;
    background: url('../images/AccordianUp.gif');
    color:#4f6e8f; 
    cursor: pointer;    
    text-decoration:none;
    text-align:left;    
}
.AccordionHeader:hover
{
    background: url('../images/AccordianOv.gif');
}
.AccordionHeaderSelected
{
	font-weight:bold;
    border-style:none;
    color:#4f6e8f; 
    cursor: pointer;
    height:26px;
	background: url('../images/AccordianDn.gif');
    text-decoration:none;
    text-align:left;
}
.AccordianHeaderDiv
{
	position:relative;
	height:26px; 
	width:152px;
	outline:0px;
	background-color:Transparent;
	
}
.AccordianHeaderLabelDiv
{
	position:absolute;
	left:17px;
	top:5px;
    font-family: Arial, Verdana;
    font-size:12px;
    font-weight:normal;
    color:#4f6e8f;
	text-decoration: none;		
	outline:0px;
}
.AccordionContent
{
    background-color:Transparent;
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align:left;	
	color:#4f6e8f;
	padding: 0px;
}

.AccordionContent a
{
	font-family: Arial, Verdana;
	font-size: 11px;
	font-weight: normal;
	text-align:left;	
	color:#4f6e8f;
	text-decoration:none;
}
.AccordionContent a:hover
{
	text-decoration:underline;
}

.AccordianItem
{
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	outline:0px;
}
.AccordianItem li
{
	font-family: Arial, Verdana;
    font-size:11px;
    font-weight:normal;
	margin: 0; 
	padding: 3px 0px 0px 23px;
	outline:0px;
	height:19px;
	width:129px;
	cursor:pointer;
	background: url('../images/AccordianItemUp.gif') no-repeat;
}
.AccordianItem li:hover
{
	background: url('../images/AccordianItemOv.gif') no-repeat;
}
.AccordianItem .Selected
{
    font-weight:bold;	
	background: url('../images/AccordianItemDn.gif') no-repeat;
}

.AccordianItemStatic
{
	list-style-type: none; 
	margin: 0; 
	padding: 0;
	outline:0px;
}
.AccordianItemStatic li
{
	font-family: Arial, Verdana;
    font-size:11px;
    font-weight:normal;
	margin: 0; 
	padding: 3px 0px 0px 23px;
	outline:0px;
	height:19px;
	width:129px;
	cursor:pointer;
	background: url('../images/AccordianItemUp.gif') no-repeat;
}

.error_label
{
	font-family: Arial, Verdana;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	color:Red;
}
.edit_label
{
	font-family: Arial, Verdana;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	color:#4a6786;
}
.edit_textbox
{
	font-family: Arial, Verdana;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	color:#4a6786;
}
.edit_button
{
	font-family: Arial, Verdana;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	color:#4a6786;
}