/** 
   Project: The Sandtreat
     Designed By: Cinnova
      Structure: Layout
        Created on : 12-05-09
                              **/
/** Defaults **/

html, body 
{ 
		height:100%; 
		padding:0px; 
		margin:0px;
	
}
	
body
{ 
		font-size:11px;
		font-family: sans-serif, Arial, Helvetica;
		text-align:center; 
		height:auto; 
		padding:0px; 
		margin:0px;
		background:#f6f1d7 url(../images/bg.jpg) repeat-x top;
}
	
h1
{ 
		color:#48637b;
		font-size:24px; 
		font-weight:normal;
		font-family: sans-serif, Arial, Helvetica;
		margin:0px; 
		padding:0px;
	
} 
	
h2
{ 
		color:#973729; 
		margin:0px; 
		padding:0px;
} 
	
h3
{ 
		color:#5DA6D3; 
		margin:0px; 
		padding:0px; 
}
	
p
{ 
		color:#000000;
		line-height: 20px;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
		margin:0px;
		padding:0px;
} 
	
img
{ 
		border:none;
}
	
strong
{ 
		color: #666666; 
		font-size:14px; 
		font-family: sans-serif, Arial, Helvetica;
}

iframe 
{ 
		margin-left:35px;
		margin-top:20px;
		padding:0px;
		width:750px;
		height:500px;
}

/** Forms **/

form
{		margin:0px;
		padding:0px;
}
label
{
		color:#000000;
		font-size:12px;
		font-weight:normal; 
		font-family: sans-serif, Arial, Helvetica;	
}

#contactUsFormTable
{

}


/** WRAPPER CONTAINER **/

#wrapper
{
		text-align:left;	
		height:100%;
		width:1000px; 
		min-width:1000px;
		margin:0px auto;  
		position:relative; 
		background:url(../images/bottom_part.gif) no-repeat bottom ;
		background-position:70% 100%;
}
	
/** SUPPORT CONTAINER **/

#wrapper #supportContainer 
{
		text-align:left;	
		width:923px; 
		min-width:923px; 
		height:100%;
		margin:0px auto; 
		position:relative; 
		background-color:#fff;
}

/** TOP PANEL (Logo, Main Menu) **/

#supportContainer  #headerContainer
{ 
		width:851px;
		height:300px;
		margin:0px auto;
		
		
}
	
#supportContainer #headerContainer .miniBanner
{
		width:281px;
		height:61px;
		margin:125px 0px 0px 0px;
		padding:3px 0px 0px 0px;
		display:block;
		filter:alpha(opacity=90); 
		-moz-opacity:.90; 
		opacity:.90;
		z-index: 0;
		position:absolute;
		background:url(../images/mini_header_banner.gif) no-repeat top;


}

#headerContainer .miniBanner p
{
		color:#0066CC;
		font-size:14px;
		font-weight:600;
		font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;
		padding:0px 10px 0px 10px;
		line-height:normal;
}

#supportContainer #headerContainer .topPannel
{
		width:851px;
		height:37px;
		margin:0px auto;
		top:0;
		position:absolute;
		filter:alpha(opacity=90); 
		-moz-opacity:.90; 
		opacity:.90; 
		background-color:#13426e;
		z-index:1000;
}
	
.topPannel .logo
{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bolder;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		padding:9px 0px 0px 18px;
}

.topPannel .seperator
{
		color:#ccc;
		font-size:11px;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin-top:11px;
}

.topPannel .logoTitle
{
		color:#ccc;
		font-size:12px;
		font-weight:normal;
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin-top:11px;
}



.logo a
{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
}

.logo a:hover
{
		color:#dcebff;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
}

	
.topPannel .topRightText
{
		color:#dcebff;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
		padding:4px 20px 0px 12px;
		float:right;
}

.topRightText strong
{
		color:#dcebff;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
}
	
.topRightText ul
{ 
		margin:0px;
		padding:0px;
}
	
.topRightText li
{ 
		list-style-type:none;
		float:right;
}
	
.topRightText a 
{ 	
		color:#dcebff; 
		font-size:11px; 
		font-family: sans-serif, Arial, Helvetica;
		text-decoration:none; 
}
	
.topRightText a:hover 
{ 	
		color: #99CC00;
		font-size:11px; 
		font-family: sans-serif, Arial, Helvetica; 
		text-decoration:none; 
}


#headerContainer #menuContainer
{
		filter:alpha(opacity=95); 
		-moz-opacity:.95; 
		opacity:.95;
		padding:0px 0px 0px 20px;
		top:277px;
		position:absolute;
		z-index:2000;	
		
}

/** MAIN CONTAINER **/

#mainContainer
{
		text-align:left;
		width:851px; 
		margin:0px auto; 
		padding:15px 0px 25px 0px;
		overflow:hidden; 
			
}  

/** LEFT COLUMN **/

#mainContainer #primaryContentHolder
{ 
		text-align:left;
		width:180px; 
		padding:40px 0px 0px 0px;
		float:left;  
}

#primaryContentHolder .leftMenuContainer
{ 
		padding:0px 23px 0px 0px;
}

.leftMenuContainer ul
{ 
		margin:0px;
		padding:0px;
}
	
.leftMenuContainer li
{ 
		text-align:right;
		line-height:20px;
		list-style-type:none;
}
	
.leftMenuContainer a 
{ 	
		color:#817f16; 
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
		text-decoration:none; 
		text-align:right;
}

.leftMenuContainer a:hover 
{ 	
		color: #CC3333;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica; 
		text-decoration:none; 
}

#primaryContentHolder .bannersController 
{ 	
		margin:12px 0px 12px 0px;
		text-align:right;
}

/** RIGHT COLUMN - BODY **/


#mainContainer #secondaryContentHolder
{ 
	 	text-align:left;
		padding:0px 25px 0px 0px; 
		float:right;
}

#secondaryContentHolder ol
{ 
		color:#000000;
		line-height: 20px;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
}
#secondaryContentHolder ul
{ 
		padding:0px;
		margin:0px;
}

#secondaryContentHolder li
{ 
		color:#000000;
		line-height: 20px;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
		margin-left:40px;
}

/** SECONDARY CONTENT HOLDER - (Top Image) **/

#secondaryContentHolder #secondaryContentHolderTopperImg
{
		text-align:left;
		width:639px;
		height:14px;
		padding:0px 0px 0px 0px; 
		background:url(../images/content_containerbox_top.gif) no-repeat bottom right;
}

/** SECONDARY CONTENT HOLDER - (Middle Image) **/

#secondaryContentHolder #secondaryContentHolderMiddleImg
{ 
		width:639px;
		background:url(../images/content_containerbox_middle.gif) repeat-y top left;
}

#secondaryContentHolderMiddleImg #secondaryContentHolderWrapper
{ 
		padding:0px 15px 0px 15px;
}

secondaryContentHolderWrapper

#secondaryContentHolderMiddleImg p
{ 
		margin:0px;
		padding:0px;
		
}

/** SECONDARY CONTENT HOLDER - (Bottom Image) **/

#secondaryContentHolder #secondaryContentHolderBottomImg
{ 
		width:639px;
		background:url(../images/content_containerbox_bottom.gif) no-repeat top left;
}

/** E X P A N D **/
/** RIGHT COLUMN - BODY **/

#mainContainer #secondaryContentHolderExpand
{ 
	 	text-align:left;
		width:820px;
		padding:0px 0px 0px 0px;
		margin:0 auto; 
		
}

/** SECONDARY CONTENT HOLDER EXPAND - (Top Image) **/

#secondaryContentHolderExpand #secondaryContentHolderTopperImgExpand
{
		text-align:left;
		width:auto;
		height:23px;
		padding:0px 0px 0px 0px; 
		background:url(../images/content_containerbox_top_expand.gif) no-repeat bottom right;
}

/** SECONDARY CONTENT HOLDER EXPAND - (Middle Image) **/

#secondaryContentHolderExpand #secondaryContentHolderMiddleImgExpand
{ 
		width:auto;
		background:url(../images/content_containerbox_middle_expand.gif) repeat-y top left;
}

#secondaryContentHolderMiddleImgExpand #secondaryContentHolderWrapper
{ 
		padding:0px 15px 0px 15px;
}

#secondaryContentHolderMiddleImgExpand ol
{ 
		color:#000000;
		line-height: 20px;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
}
#secondaryContentHolderMiddleImgExpand ul
{ 
		padding:0px;
		margin:0px;
}

#secondaryContentHolderMiddleImgExpand  li
{ 
		color:#000000;
		line-height: 20px;
		font-size:12px; 
		font-family: sans-serif, Arial, Helvetica;
		margin-left:40px;
}

/** SECONDARY CONTENT HOLDER EXPAND - (Bottom Image) **/

#secondaryContentHolderExpand #secondaryContentHolderBottomImgExpand
{ 
		width:auto;
		height:23px;
		background:url(../images/content_containerbox_bottom_expand.gif) no-repeat top left;
}

/** FOOTER SECTION **/

#footer
{ 
		width:923px;  
		margin:0px auto;
		padding:5px 0px 5px 0px;
		clear:both;
}

#footer .copyRights
{ 
		text-align: left; 
		width: 400px; 
		padding:0px 0px 0px 0px;
		float:left; 
}

#footer .copyRights p
{ 
		color:#c8c1a5;
		font-size:10px;
		line-height:normal;
		font-family: Arial, Helvetica, sans-serif;
		margin:0px; 
		padding:0px;
}
	
#footer .footerLinks
{ 
		TEXT-ALIGN: left; 
		float:right; 
		padding:0px 0px 0px 0px; 
}

.footerLinks ul
{ 
		margin:0px; 
		padding:0px; 
		list-style:none; 
		list-style-image:none; 
} 

.footerLinks li
{ 
		color:#666666;  
		font-size:10px; 
		font-family: Arial, Helvetica, sans-serif;
		list-style:none; 
		list-style-image:none; 
		float:right; 
} 

.footerLinks a 
{  
		color:#817f16; 
		font-size:10px; 
		font-family: Arial, Helvetica, sans-serif;
		text-decoration:none; 
}

.footerLinks a:hover 
{ 
		color:#FF0000; 
		font-size:10px; 
		text-decoration: underline; 
		font-family: Arial, Helvetica, sans-serif;
}