*{ font-size:10pt; font-family:arial; padding:0; margin:0; }

img{ border: 0; }

#wrapper 
	{
        margin: 0 auto;
        width: 930px;
    }
    
.header 
	{
        background: url(../images/bg_header.jpg) top left repeat-x #ffffff;
        width: 930px;
        height: 99px;
        padding-top: 7px;
        position:relative;
        margin-left:6px;
    }

.logo 
	{
        display:inline-block;
        margin-top:8px;
    }
    
.slogan 
	{
        position:absolute;
        right:10px;
    }    
    
#nav 
	{
    	list-style-type: none;
        position: relative;
	    z-index: 10;
        width:930px;
        height:26px;
        background: url(../images/bg_nav.jpg) top left repeat-x #fff;
    } 
    
#nav li 
	{
        width: 125px;
        height: 26px;
        float: left;
        text-align: center;
        background: url(../images/nav_divider.jpg) no-repeat 124px 7px;
        position: relative;
        z-index: 10;
    } 
    
#nav li.long
    {
        width:145px;
        height: 26px;
        float: left;
        text-align: center;
        background: url(../images/nav_divider.jpg) no-repeat 144px 7px;
        position: relative;
        z-index: 10;
    }

#nav li.last
    {
        background: none;
        z-index: 10;
    }   

#nav li a
    {
        font-size: 8pt;
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
        display: block;
        padding: 7px 10px 10px 10px;
        height: 8px;
        z-index: 10;
    }
    
    /*** Second Level ***/
    #nav li:hover ul
        {
            left: auto;
            z-index: 10;
        }
        
    #nav ul *
    	{
        	display:block;
        }
        
    #nav ul
        {
            display: block;
            left: -9999px;
            top: 26px;
            position: absolute;
            z-index: 10;
            list-style-type: none;
                    }
    
    #nav ul li
        {
            background: #f0f0f0;
            border-right: 1px solid #b6b6b6;
            border-bottom: 1px solid #b6b6b6;
            border-left: 1px solid #b6b6b6;
            width: 183px;
            height: 25px;
        }
    
    #nav ul li:hover
        {
            background:#f0f0f0;
        } 
    
    #nav ul li.more
        {
            background: url(../images/nav_right_arrow.png) no-repeat 170px 6px #f0f0f0;
        }       
    
    #nav ul li a
        {
            color: #1e1e1e;
            text-align: left;
            font-weight: bold;
        }
    
    #nav ul li a:hover
        {
            background: #e1e1e1;
        }
        
	#nav ul li.more a:hover
        {
            background: url(../images/nav_right_arrow.png) no-repeat 170px 6px #e1e1e1;
        }
            
        /*** Third Level ***/ 
        #nav li ul li:hover ul
            {
                left: auto;
                z-index: 10;
            }
                       
        #nav li:hover ul ul
            {
                display: block;
                left: -9999px;
                top: -1px;
                position: absolute;
                z-index: 10;
                list-style-type: none;
                margin-left: 183px !important;            }   
            
		#nav ul li.more li a:hover
            {
                background: #ccc;
            } 
            
		#nav ul ul li
            {
                background: #e1e1e1;
                border-top: 1px solid #b6b6b6;
                border-right: 1px solid #b6b6b6;
                border-bottom:0;
                border-left: 1px solid #b6b6b6;
                width: 203px;
            } 
            
		#nav ul ul li.last
        	{
            	background: #e1e1e1;
            	border-bottom: 1px solid #b6b6b6;
                width: 203px;
            }                       


#slideshow
	{
    	position:relative;
    }
    
.slideshow_border
	{
    	border-bottom: 1px solid #000;
    }    

#slideshow .nav
	{
    	position:absolute;
        left:20px;
        bottom:40px;
        z-index:20;
    }
    
#slideshow .nav img
	{
    	margin-right:10px;
    }   
    
#slideshow .subnav
	{
    	background:#000;
        height:30px;
        position:absolute;        bottom:0;
        left:0;
        z-index:25;
        width:930px;
        
                filter: alpha(opacity=75);
        -moz-opacity: 0.75;
        -khtml-opacity: 0.75;
        opacity: 0.75;
            }     

#slides_subnav ul 
	{
    	list-style-type: none;
        position: relative;
	    z-index: 30;
        width:930px;
        height:30px;
    } 
    
#slides_subnav ul li 
	{
        width: 200px;
        height: 28px;
        float: left;
        text-align: center;
        position: relative;
        z-index: 30;
        color:#fff;
    } 
    
#slides_subnav ul li a
    {
        text-decoration: none;
        color: #ffffff;
        font-weight: bold;
        display: block;
        padding: 7px 10px 10px 10px;
        height: 8px;
        z-index: 10;
    }  


.ndx_wrapper
	{
    	background: url(../images/bg_ndx_gradient.jpg) top left no-repeat;
		width:930px;
        height:250px;
        position:relative;
    }

.ndx_slider_holder
    {
        display:inline-block; 
        background: url(../images/bg_watch_video.jpg) top left no-repeat;
        width:550px;
        height:250px;
        position:relative;
        overflow:hidden;
        z-index:25;
        float:left;
    }
    
#ndx_slider
	{
        width:443px;
        height:250px;
        margin-left:-407px;
        position:absolute;
        z-index:30;
    }
    
.ndx_slider_btn
	{
    	position:absolute;
        right:0;
        z-index:30;
    }    
    
.ndx_slider_content
	{
    	z-index:30;
        width:406px;
        height:250px;
        position: absolute;
    }  

.slideAction
	{
    	cursor:pointer;
    }      
    
    
.ndx_bullets
	{
    	position: absolute;
        right: 0px;
        margin-top: 0px;
        display:inline-block;
    }     
    
.ndx_bullet
	{
    	background: url(../images/bg_ndx_bullet.jpg) top left no-repeat;
    	width: 380px;
        height: 48px;
        margin-bottom: 1px;
        display:block;
        padding-top: 1px;
        cursor: pointer;
    }
    
.nb_over
	{
    	background: url(../images/bg_ndx_bullet_over.jpg) top left no-repeat;
    }      
    
.ndx_bullet img
	{
    	float:left;
    } 

.ndx_bullet .info
    {
        margin-left: 90px;
        margin-top: 10px;
    }

.ndx_bullet .info *
	{
    	display:block;
    }
    
.ndx_bullet .title
	{
    	color: #dfdfdf;
        font-size: 12pt;
        font-weight: bold;
    } 
    
.ndx_bullet .sub
	{
    	color: #0d2433;
        font-size: 8pt;
        font-weight: bold;
    }   
    
.news_ticker
	{
    	background: url(../images/bg_newsticker.jpg) top left repeat-x #000000;
    	width: 920px;
        margin-left: 0px;
        height: 19px;
        padding: 5px;
        position: relative;
        color: #ffffff;
        font-size: 10pt;
    }
    
.news_ticker *
	{
    	color: #ffffff;
        font-size: 10pt;
    }
    
.footer
	{
    	position:relative;
        width: 920px;
        margin-left: 6px;
        padding: 5px;
        height: 20px;
    }        

.ft_waterbrick
	{
    	color:#36596f;
        font-size: 7pt;
        position: absolute;
        left: -3px;
    }
    
.ft_tcsmedia
	{
    	color:#000000;
        font-size: 7pt;
        position: absolute;
        right: 7px;
    }    
    
/************* WHAT IS WATERBRICK PAGE *************/     
.content
	{
    	background: #ffffff;
        width: 920px;
        margin-left: 6px;
        margin-top: 3px;
        padding: 5px;
        position: relative;
        font-weight:normal;
        font-size:12pt;
        position:relative;
    }
    
.did_you_know
	{
    	float:left; 
        width:349px; 
        height:326px;
        background:url(../images/did_you_know.jpg) no-repeat top left;
    }
      
.did_you_know ul
	{      
        margin-top:60px;
    	padding:20px;
        margin-left:40px;
        width:255px;
        color:#fff;
        font-size:11px;
    }
    
#request *
{
	font-size:9pt;
}

#request fieldset
{
	width:390px;
    border:0;
}

#request label, #request label *
{
	display:block;
}

#request label
{
	padding:8px;
}

#request p
{
	width:140px;
    float:left;
    color:#383838;
}

#request label span
{
	display:inline;
}

#request input, #request select, #request textarea
{
	width:200px;
}

#request .note
{
	color:#383838;
    font-size:8pt;
    display:block;
    margin-left:140px;
}    

.img_project
{
	padding:4px;
    border: 1px solid #616161;
	margin-right:12px;
}


/************* CONTACT PAGE *************/

.contact
{
	background:#f0f0f0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height:394px;
    padding-top:8px;}

.contact *
{
	font-size:11px;
}

#nav_contact
{
	list-style-type:none;
    margin:0;
    padding:0;
} 

#nav_contact li
{
	float:left;
    width:160px;
    background: #e4e3e3;
    padding:2.5px;
    margin:0;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    text-align:center;
    cursor:pointer;
}

#nav_contact li.active
{
	background:#ccc;
}

.imgs{ float:left; margin-left:120px; }
.store_img_1{ float:left;overflow:hidden; }
.store_img_2{ display:block; margin-left:60px; margin-right:60px; margin-bottom:40px; }
.store_img_3{ display:block; margin-left:60px; margin-right:60px;  }
.store_img_4{ float:left;overflow:hidden; }

.leftcol
{
	float:left;
    width:430px; 
}

.rightcol
{
   	width:430px; 
    margin-left:460px;
}

.leftcol span, .rightcol span{
	margin-bottom:2px;
    display:block;
}

.leftcol p
{
	border: 3px solid #385D8A;
    padding:5px;
    text-align:left;
}

.rightcol p
{
	border: 3px solid #385D8A;
    padding:5px;
    text-align:left;
}


.mission, .mission p{
	font-family:arial; 
	font-weight:bold; 
	font-size:14px;
	background:#fff;
	color:#000;
	text-align:center;
}

.mission {
	padding:15px;
}

.mission p {
	text-align:justify;
}

.mission strong {
	font-family:arial; 
	font-weight:bold; 
	font-size:16px;
	background:#fff;
	color:#000;
}