/* 100% high layouts attempt */

html, body {
            height:99.5%
}
html > body div#allAreas {
   height: auto;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding: 0;
	margin: 0 auto 0px auto;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: top left;
	padding-bottom:0px;
}


div#allAreas {
	height:100.5%;
	min-height:100.5%;
	position: relative;         
	margin: 0 auto 0px auto;
	width: 895px;
	padding-bottom:0px;			
}

div#headerArea {
	position: relative;
	height: 159px;
	margin:0px 0px 0px 0px;         
}

img#logo {
	position: absolute;
	height: 159px;
	z-index: 20;
	background-repeat:no-repeat;
}

div#mainNavigationArea{
	position:relative;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 895px;
	height: 65px;
	z-index:1;
	overflow:visible;
	border:0px solid red;
}

 

/******************SEARCH AREA*****************/

div#headerTopAreaBorder{
	position:relative;
	margin:0px auto 0px auto;
	left:0px;
	height:65px;
}
div#navbg{
	position: absolute;
	margin:0px auto 0px auto;
	left:0px;           
	height: 44px;
	z-index: 2;        
	background-image: url(img/navbg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:895px;
}
div#logRegister{
	position:absolute;
	margin:0px auto 0px 710px;
	height:30px;
	z-index:3;
	width:150px;
	cursor:pointer;
	z-index:10;	
	color: #FFFFFF;           
	font-size:12px;
	font-weight:bold;
}

p#Register {
	position: absolute;
	margin: 12px 0px 0px 10px;
	padding: 0;       
	color: #FFFFFF;           
	font-size:12px;
	font-weight:bold;
	cursor:pointer;
} 

p#Logme {
	position: absolute;
	margin: 12px 0px 0px 78px;
	padding: 0;       
	color: #FFFFFF;           
	font-size:12px;
	font-weight:bold;
} 

div#belownav {
	position: absolute;
	top:44px;
	height: 21px;
	z-index: 2;
	background-image: url(img/belownav.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width:895px;
}

 
/* --------------------- MAIN AREA START ------------------------ */

div#mainArea{
	position:relative;                      
	margin: auto auto auto auto;
	border: 0px solid red;
	top:0px;
	left:0px;
	min-height:300px;
	_height:555px; 
	background-image:url(Img/bg_orange.jpg);
	background-repeat:repeat-y;
	background-position: top left;
	z-index:0;
	_z-index:-100;
	overflow:auto;
	_overflow:visible;
}

div#leftArea{ 
	position:relative;
	width: 643px;
	padding-bottom:0px;   
	background-repeat:no-repeat;             
	margin: auto auto auto auto;         
	float: left;
	bottom:0px;
	background-color: #FFFFFF;
	height:auto;
	z-index:1;
}

div#contentArea {
	 position:relative;
	 bottom:0px;
	 width:623px;
	 padding-left: 48px;
	 padding-right:10px;
	 padding-top:15px;
	 padding-bottom:80px;
	 _padding-bottom:85px;
	 background-image: url(img/contentbg.jpg);
	 background-repeat:no-repeat;
	 z-index:1;
	 overflow:inherit;	
	 min-height:555px;
	 _height:555px; 
}

 

div#contentArea a{ 

   color:#333333;

   font-weight:bold;

}

div#contentArea a:visited{       

    color:#0165CF;

            font-weight:bold;         

}

 

div#contentArea a:hover{        

    color:#0165CF;

            font-weight:bold;         

}

 

div#rightArea{

            position: relative;
            top:0px;
     /*       background-color:#FFFFFF;     */
            margin: auto auto auto auto;
            width: 214px;
            min-height:496px;
            _height:928px;
            float:right;
            background-image: url(img/pics.jpg);
            background-repeat:no-repeat;
		
}

 

div#infoArea1{

			position:relative;
            margin:320px 0px 0px 10px;
			_margin:330px 0px 0px 10px;
			min-height:173px;
            _height:173px;
            width:auto;
			
            z-index:100;
}

 

div#infoArea{

			position:relative;
            margin:-223px 0px 0px 0px;
			_margin:-233px 0px 0px 0px;
            min-height:414px;
			_height:414px;
            width:inherit;
            border:0px solid red;
            background-image: url(img/rightcolumnbg.jpg);
            background-repeat:no-repeat;
            z-index:1;
			
}

 

 

 

 

/* usefull br style */

br.clearAll {

    position: relative;
    clear: both;
    line-height: 1px;
    height: 1px;
}

 

/* Hack IE Float bug. Hide from IE5-mac. Only IE-win sees this. \*/

* html div#leftArea {
  margin-right: 0;
}

 

* html div#rightArea {
   height: 1%;
   margin-top: 0;
}

/* End hide from IE5/mac */

 

 

 

 

/* --------------------- FOOTER AREA START ------------------------ */

div#footerArea {                      

    position:absolute;                

            height: 73px;               

            z-index:1;

            bottom:0px;

            margin:0px auto 0px auto;

            background-image:url(Img/abovefooter.jpg);

            background-repeat:no-repeat;

            width:895px;

 

}

div#footerAreaCenter{

            position:relative;

            top:27px;

            width: 895px;

            height: 46px;

            margin: 0px auto 0px auto;     

            background-image:url(Img/footerbg.jpg);

            background-repeat:no-repeat;

}

div#footerArea ul {

            position:absolute;

            margin: 11px 0px 0px 270px;  

            list-style: none;            

            width:400px;

}

 

div#footerArea ul li {

            position: relative;

            float: left;         

            font-family:"trebuchet ms", arial, helvetica;

            font-size:11px;

            font-weight: bold;        

            text-align: center;        

            padding-right:10px;

            padding-left:10px;        

            border-right: 1px solid #3a322d;

}

 

div#footerArea ul li a {

            position: relative;

            text-decoration: none;

            color:#3a322d;            

}

p#copyright {
    position: absolute;
    margin: 11px 0px 0px 45px;

            padding: 0;       

            color: #3a322d;           

            font-size:11px;

            font-weight:bold;

}

 
p#design {
	position: absolute;
	margin: 11px 0px 0px 586px;
	padding: 0;	
	font-family:"trebuchet ms", arial, helvetica;
	color: #3a322d;	
	font-size:11px;
	font-weight:bold;
}

p#design a{
   font-weight:bold;
   font-size:11px;
   color: #3a322d;
   font-family:"trebuchet ms", arial, helvetica;
   text-decoration:none;
}

p#ismart {
	position: absolute;
	margin: 11px 0px 0px 693px;
	padding: 0;	
	font-family:"trebuchet ms", arial, helvetica;
	color: #DA6A56;	
	font-size:11px;
	font-weight:bold;
}

p#ismart a{
   font-weight:bold;
   font-family:"trebuchet ms", arial, helvetica;
   font-size:11px;
   color: #DA6A56;
   text-decoration:none;
}


p#content {
	position: absolute;
	margin: 11px 0px 0px 747px;
	padding: 0;	
	color: #3a322d;	
	font-size:11px;
	font-family:"trebuchet ms", arial, helvetica;
	font-weight:bold;
}


p#content a{
   font-weight:bold;
   font-family:"trebuchet ms", arial, helvetica;
   font-size:11px;
   color: #3a322d;
   text-decoration:none;
}

 

/* --------------------- FOOTER AREA END ------------------------