/********************************************


AUTHOR:  			Richard Abram 
WEBSITE:   			http://www.richard-abram.co.uk/
SOFTWARE: 	        VISUAL WEB DEVELOPER   
LAST MODIFIED:      19-April-2009 

     	
 *******************************************/ 


* 
	{
    margin:0px; padding:0px;  
}




/********************************************
  


 GLOBAL ELEMENTS



********************************************/ 






body
{
    margin: 0;
    padding: 0;
    font: normal 73%/1.5em "Verdana" , Helvetica, sans-serif;
    line-height: 15pt;
    text-align: left;
    color: #000000;
}


h1, h2, h3 { font: bold 1em Arial, Helvetica, sans-serif;}
h1
{
    font-size: 1.4em;
    color: #000066;
}
h2 { font-size: 1.2em; text-transform: uppercase; font: normal "Verdana" , Helvetica, sans-serif}
h3 { font-size: 1.2em; font: normal "Verdana" , Helvetica, sans-serif}

h4 { font-size: 1.5em; text-transform: uppercase; font: normal "Verdana" , Helvetica, sans-serif}
h5 { font-size: 1.7em; text-transform: uppercase; font: normal "Verdana" , Helvetica, sans-serif}
h6
{
    padding: 10px;
    font-size: 1.9em;
    text-transform: uppercase;
    font: normal "Verdana" , Helvetica, sans-serif
}


p, h1, h2, h3 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;		
}




.image_center

{
    padding: 35px 50px 35px 50px;
    vertical-align: middle;

    
}

.image_padding

{
    padding: 15px 15px 15px 15px;
        
    
}

.style1
{
    font: normal 18px "Verdana" , Helvetica, sans-serif;
}
.style2 
{ 	
  
    font: bold 30px "Verdana" , Helvetica, sans-serif;
	  }





/********************************************
  


 TOP ELEMENTS



********************************************/ 





#header_container
{
   border-bottom: 1px solid #C0C0C0;
    margin: 0 auto;
    padding: 0;
    position:relative;
    	  
        background: #FFFFFF;
        height: 150px;

        top: 0px;
    left: 0px;
}

#header_container_box
{
   margin: 0 auto; padding: 0;
   position:relative;
    	  
    background: #FFFFFF;
    height: 150px;
    width:909px;
    
}


#header_container #header_logo {
	position: absolute;	
	font: normal 40px/65px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px; 
	color: #FFF;


	height: 65px;
	padding: 0 10px;
	margin: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 18px; left: 20px;
}
#header_container #header_logo a
{
    text-decoration: none;
    color: #666699;

}
#header_container #header_slogan
{
    position: absolute;
    font: normal 12px Arial, Helvetica, sans-serif;
    letter-spacing: 0px;
    color: #666699;
    margin: 0;
    padding: 0; 
    
    /* change the values of left and top to adjust the position of the slogan */
    top: 68px;
    left: 30px;
}










#header_container ul {
	position: absolute;
	right: 20px; top: 125px; 
	letter-spacing: 1.5px; 
	font: bold 14px "Verdana" , Helvetica, sans-serif;
	list-style: none;
	margin: 0; padding: 0;		
	text-transform: lowercase;
	

}
#header_container li {
	display: inline;
}
#header_container li a
{
    float: left;
    display: block;
    padding: 0px 18px 7px 18px;
    color: #CCCCCC;
    text-decoration: none;
}
#header_container li a:hover
{
    color: #666666;
}
#header_container li a#current
{
    color: #666666;
}



/********************************************
  


 MIDDLE ELEMENTS



********************************************/ 






#content_container
{
    
    margin: 0 auto; padding: 0;
	position: relative;
    background: #fff;
    height: 400px;
    width: 909px;
       border: 0px solid #3333FF;
}




#content_area1
{
    background: url(../images/bg02-white-left.png) no-repeat left top;
    background-color: #fff;
    height: 400px;
    width: 909px;
    margin-bottom: 10px;
    border: 0px solid #FF00FF;
}

#content_area2
{
    background: url(../images/bg02-white-right.png) no-repeat right top;
    height: 400px;
    width: 909px;
    border: 0px solid #99FF33;
}

#left_content
{
    float: left;
    width: 250px;
    height: 390px;
    padding: 5px 5px 5px 5px;
    letter-spacing: 1.5px;
    border: 0px solid #CC00CC;
    vertical-align: middle;
}

#middle_content
{
 	 float: left;
    width:280px; 
    height: 390px; 
    padding: 5px 5px 5px 5px;

    border: 0px solid #00CC00;
    
}


#right_content
{
    float:right;
    width:280px;
    height: 390px;  
    padding: 5px 5px 5px 5px;



    

}


#content_body
{
    margin: 0 auto;
    height: 400px;

    width: 849px;
    border: 0px solid #CC9900;
}

#column
{
    margin: 0 0 0 0; padding: 0;	
    }


#column ul li
{
    list-style: none;

}





#left_column
{
    float: left;
    width: 173px;
    height: 389px;
    padding: 5px 10px 5px 10px;
    letter-spacing: 1.5px;
    border: 0px solid #CC00CC;
}


#left_column ul {
	position: absolute;
	left: 30px; top: 10px; 
	font: "Verdana" , Helvetica, sans-serif;
	list-style: none;
	margin: 0; padding: 0;		
	
}
#left_column li 
{

	display:block;
	width:170px;
	line-height:15pt;
}
#left_column li a
{
    float: left;
    display: block;
    padding: 0px 15px 50px 15px;
    color: #666666;
    text-decoration: none;
}
#left_column li a:hover
{
    color: #000;
}
#left_column li a#current_link
{
    color: #000000;
}

/****

#left_column ul {
	position: absolute;
	left: 30px; top: 30px; 
	font: bold 24px 'Trebuchet MS' , Tahoma, Arial, sans-serif;
	list-style: none;
	margin: 0; padding: 0;		
	text-transform: lowercase;		
}

#left__column li {
	display: inline;
}

#left_column li a
{
    float: left;
    display: block;
    width:170px;
    padding: 0px 15px 20px 15px;
    color: #333333;
    text-decoration: none;
}
#left_column li a:hover
{
    color: #333333;
}
#left_column li a#current
{
    color: #000066;
}


***/


#middle_column
{
 	position: absolute;
	right: 10px; top: 0px; 
    width:664px; 
    height: 400px; 
    padding: 0px 0px 0px 0px;

    border: 0px solid #00CC00;
    background:url(../images/fashion_main_page.jpg) no-repeat left top; 
}








#right_column
{
    float:right;
    width:106px;
    height: 389px;  
    padding: 5px 10px 5px 10px;



    border: 0px solid #FF0000;

}

#right_column ul {
	position: absolute;
	right: 25px; bottom: 10px; 
    
    font: bold 18px "Verdana" , Helvetica, sans-serif;
	
	list-style: none;
	margin: 0; padding: 0;		
	
}
#right_column li 
{

	display:block;
	width:106px;
	line-height:15pt;
}
#right_column li a
{
    float: right;
    display: block;
    padding: 0px 5px 5px 5px;
    color: #669999;
    text-decoration: none;
}
#right_column li a:hover
{
    color: #006666;
}
#right_column li a#current_link
{
    color: #669999;
}





/********************************************
  


 BOTTOM ELEMENTS



********************************************/ 






#footer_container
{
    background: url(../images/bg02_grey_right.gif) repeat-y;
    border-color: #C0C0C0;
    background: #fff;
    height: 150px;
    border-top-style: solid;
    border-top-width: 1px;
}


#footer_container #footer_logo {
	position: absolute;	
	font: normal 20px/35px Georgia, "Times New Roman", Times, serif;
	letter-spacing: -1px; 
	color: #FFF;


	height: 65px;
	padding: 0 10px;
	margin: 0;
	
	/* change the values of left and top to adjust the position of the logo */
	left: 150px;
    top: 555px;
}
#footer_container #footer_logo a
{
    text-decoration: none;
    color: #666699;

}