/************************************************************************************
Created on April 2009																  																					
This is the standard CSS document to use on all IZIO websites. 
The elements shown are just the standard ones. 
If you need to add any elements do so in your site styles. 
If you feel it should be standard, make sure to make the change to the IZIO raw data.
************************************************************************************/
body {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#000000;
	color:#ffffff;
	width:100%;
	margin:auto;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
}

#header {
    display: block;
    height: 191px;
}

#container {
	width:960px;
	margin:auto;
}
#content {
	width:770px;
	float:left;
	background-image:url(http://www.digitalsolutionslc.com/izio/pooltech/themes/pooltech/assets/files/images/shadow.jpg);
	background-repeat:repeat-y;
	background-color:#ffffff;
}

#tagline {
    display: block;
	height:33px;
	font-size:16px;
	/*margin-top:-5px;*/margin-top:300px;
	}
#main_photo {
	position:absolute;
	top:224px;
	z-index:-2;
}
#index_photo {
	position:absolute;
	top:227px;
	z-index:-2;
}
#flashcontent {
	height:888px;
	width:304px;
	position:absolute;
	float:right;
	margin-left:52em;
}
#feature_boxes {
	margin-left:6px;
	}
#text_content {
	padding:10px;
	}
#copyright {
	font-size:12px;
	margin:10px 10px 40px 10px;
	}
#contact_info, #footer_links {
	font-size:12px;
	text-align:center;
	padding:5px;
	}
a {
	color:#ffffff;
	text-decoration:none;
	}
a:hover {
	color:#a36644;
	text-decoration:none;
	}

	
	
a img { border: none; }
ul { list-style: none /*inside*/; }

#page-wrap {
	min-width: 960px; max-width: 1260px;
	margin: 0 auto; padding: 0 10px;
	width:expression(document.body.clientWidth < 961? "960px" : document.body.clientWidth > 1261? "1260px" : "auto");
}

#top-bar {
	background: #1b5790; /* Digg Blue */
	min-height: 55px;
	padding: 0 10px;
	font-size: 1.3em;
	font-weight: bold;
}

#zone-bar { 
	font-size: 14px;
} 
 ul.dropdown                         { position: relative; margin:0px; }
ul.dropdown li                      { font-weight: bold; float: left;   background: #2E8596; }
ul.dropdown a		            	{ color: #ffffff; padding-right:15px; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffffff; }
ul.dropdown li a                    { display: block; padding: 5px; padding-top: 8px; 
	 								  color: #ffffff; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #2E8596; color: black; position: relative; }
ul.dropdown li.hover a              { color: #black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: -35px; }
ul.dropdown ul li 					{ width: 220px; font-weight: normal; background: #2E8596; color: #ffffff; 
									 }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; color: #ffffff; padding:5px; } 
ul.dropdown ul li a:hover			{ border-right: none; width: 100%; display: inline-block; color: #000000; } 
ul.dropdown ul li a:active					{ border-right: none; width: 100%; display: inline-block; color: #ffffff; } 

/* 
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }
/********************************************
*					Tags					*
********************************************/
p, a
{  
	border: 0;  
	outline: 0; 
	padding: 0;
}



/********************************************
*				IZIO/ADMIN Styles			*
********************************************/
.required 		{ color:#D70000; 	font-weight:bold;	font-size:18px; }
.float_left		{ float:left; 	}
.float_right	{ float:right;	}
.clear			{ clear:both;	height: 0; 	font-size: 0; }
.scroll			{ overflow:scroll; }

/********************************************
*				Padding sizes				*
********************************************/
.padding_0			{	padding:0;		}
.padding_5			{	padding:5px;	}
.padding_10			{	padding:10px;	}

.l_r_padding 		{	padding-left:5px;	padding-right:5px;		}
.l_r_padding_more 	{	padding-left:10px;	padding-right:10px;		}
.t_b_padding 		{	padding-top:5px;	padding-bottom:5px;		}
.t_b_padding_more 	{	padding-top:10px;	padding-bottom:10px;	}


.padding_top_0		{	padding-top:0;			}
.padding_top_5		{	padding-top:5px;		}
.padding_top_10		{	padding-top:10px;		}

.padding_bottom_0	{	padding-bottom:0;		}
.padding_bottom_5	{	padding-bottom:5px;		}
.padding_bottom_10	{	padding-bottom:10px;	}

.padding_left_0		{	padding-left:0;			}
.padding_left_5		{	padding-left:5px;		}
.padding_left_10	{	padding-left:10px;		}

.padding_right_0	{	padding-right:0;		}
.padding_right_5	{	padding-right:5px;		}
.padding_right_10	{	padding-right:10px;		}


/********************************************
*				Margin sizes				*
********************************************/
.margin_0			{	margin:0;		}
.margin_5			{	margin:5px;		}
.margin_10			{	margin:10px;	}

.l_r_margin 		{	margin-left:5px;	margin-right:5px;		}
.l_r_margin_more 	{	margin-left:10px;	margin-right:10px;		}
.t_b_margin 		{	margin-top:5px;		margin-bottom:5px;		}
.t_b_margin_more 	{	margin-top:10px;	margin-bottom:10px;		}

.margin_top_0		{	margin-top:0;			}
.margin_top_5		{	margin-top:5px;			}
.margin_top_10		{	margin-top:10px;		}

.margin_bottom_0	{	margin-bottom:0;		}
.margin_bottom_5	{	margin-bottom:5px;		}
.margin_bottom_10	{	margin-bottom:10px;		}

.margin_left_0		{	margin-left:0;			}
.margin_left_5		{	margin-left:5px;		}
.margin_left_10		{	margin-left:10px;		}

.margin_right_0		{	margin-right:0;			}
.margin_right_5		{	margin-right:5px;		}
.margin_right_10	{	margin-right:10px;		}


/********************************************
*				Header sizes	 			*
********************************************/
h1 { font-size: 155%; margin:0px; padding-top:0px; padding-bottom:10px; color:#FB7F1B; }
h2 { font-size: 145%; margin:0px; padding-top:0px; padding-bottom:10px; }
h3 { font-size: 135%; margin:0px; padding-top:0px; padding-bottom:10px; }
h4 { font-size: 125%; margin:0px; padding-top:0px; padding-bottom:10px; }
h5 { font-size: 115%; margin:0px; padding-top:0px; padding-bottom:10px; }


/********************************************
*				Font sizes	 				*
********************************************/
.header_font 	{ font-size: 24px;}
.section_font 	{ font-size: 18px; }
.big_font 		{ font-size: 16px; }
.mid_font 		{ font-size: 14px; }
.reg_font 		{ font-size: 12px; }
.small_font 	{ font-size: 10px; }


/********************************************
*				Text colors	 				*
********************************************/
.white 			{ color: #FFFFFF; }
.black 			{ color: #000000; }
.brown			{ color: #a89263; }
.ds_orange		{ color: #fbb635; }
.pink			{ color: #fa2ca8; }
.blue			{ color: #32cbfd; }
.red			{ color: #dd0d0b; }
.green 			{ color: #2FD513; }
.yellow			{ color: #fbb635; }

/********************************************
*			Bold text colors				*
********************************************/
.bold_white 	{ color: #FFFFFF; font-weight: bold; }
.bold_black 	{ color: #000000; font-weight: bold; }
.bold_brown		{ color: #a89263; font-weight: bold; }
.bold_ds_orange	{ color: #FFB631; font-weight: bold; }
.bold_pink   	{ color: #fa2ca8; font-weight: bold; }
.bold_blue		{ color: #32cbfd; font-weight: bold; }
.bold_red		{ color: #dd0d0b; font-weight: bold; }
.bold_green 	{ color: #5fc523; font-weight: bold; }
.bold_yellow	{ color: #fbb635; font-weight: bold; }