/*********************/
		 /* F O N T S */
	/*********************/

	/*APPLIED TO ALL
   -----------------*/
*{ font-family:Arial, Helvetica, sans-serif;}

	/*-----------------------
	The vertical menu  
-------------------------*/
.vertical_menu h1{ font-size:14px; color:#BECD00;text-transform:uppercase;}
.vertical_menu ul li a{ text-decoration:none;font-size:12px;}
.vertical_menu ul li a:hover{ color:#BECD00;}

.menuContent *{ font-size:11px; color:#646567;}
.menuContent a{ text-decoration:none;}
.menuContent a:hover{ color:#BECD00;}
.menuContent b{}
.menuContent input{ color:black;}
.menuContent select {color:black;}
.menuContent option {color:black;}
/*-----------------------
	The Main Content
-------------------------*/
#middleContent { font-size:11px; color:#646567;}
#middleContent a{ font-weight:bold; color:#646567; text-decoration:none;}
#middleContent a:hover{ color:#BECD00;}
#middleContent h1{font-size:14px; clear:both; color:#BECD00; background:url(../misc/h1.jpg) no-repeat; text-transform:uppercase;}
#middleContent h2{ font-size:13px;  color:#BECD00; }
#middleContent h3{margin-top:12px; color:#BECD00;}
#middleContent h4{margin-top:10px; color:#BECD00;}
#middleContent select{ color:#646567}
#middleContent p { margin-bottom:10px}

#footer a { font-size:11px; text-decoration:none; color:#646567;}
#footer a:hover { color:#BECD00;}

#text1{font-size:14px; color:#BECD00;}
#text2{font-size:14px; color:#BECD00;}
#text3{ font-size:11px; text-decoration:none; color:#646567;}
	/*********************/
  	  /* L A Y O U T */
 /**********************/
 /* Dont change this */
a {outline: none;}

/*  The body - with repeating image*/
body{ background:url(../misc/bg_sample.jpg) repeat; margin:0; padding:0 0 50px 0;}

/* The overall containers for the page, outer just centers the content within it */
.outer{position:relative;width:100%; background:url(../misc/header_repeat.jpg) top repeat-x; }
.inner{	position:relative; width:799px; margin:0 auto;}

#headerr { position:relative; background:url(../misc/header.jpg) no-repeat; height:361px; width:799px;}

/* The home, services, about us and contact us links accross the top (horizontal)*/
#link_one{position:absolute; top:70px; height:27px; left:233px; background:url(../misc/roll1A.jpg) no-repeat;width:180px;}
#link_one:hover{background:url(../misc/roll1B.jpg) no-repeat;}

	#content{position:relative; float:left; width:799px; background:url(../misc/bg_repeat.jpg) repeat-y}
	#menu1{ position:relative; right:2px;float:right; width:190px;margin-top:-223px; z-index:100}
	#middleContent{position:relative;float:left; left:79px; width:513px; margin-top:-242px; z-index:100 }

.vertical_menu{}
.vertical_menu h1{ background:url(../misc/menu_h1.jpg) no-repeat ; height:10px; padding:0px 10px; margin:0;}
/* The vertcal menu main content */
.menuContent{ padding:10px 10px; background:url(../misc/menu_bg.jpg) bottom repeat-y;}
.menuContent ul{ margin:0; padding:0;}
.menuContent li{ position:relative; list-style-type:none;background:url(../misc/list_icon.jpg) 0 2px no-repeat; padding-left:3px; padding-top:2px; }

/* Main content list image */
/* indentation of text */
#middleContent li{  	list-style-image:url(../misc/list_icon.jpg); margin:0 15px;}
#footwrap { position:relative; width:100%; background:url(../misc/footer_repeat.jpg) bottom repeat-x ; }
#footer {position:relative;	clear:both; height:148px;width:799px; background:url(../misc/footer.jpg) no-repeat; margin:0 auto;}

#foot1,#foot2,#foot3 { position:absolute; left:90px;}
#foot1 { top:53px;}
#foot2 { top:67px;}
#foot3 { top:80px;}

#text1 { position:absolute; font-size:14px; top:25px; left:88px; font-weight:bold;}
#text2 { position:absolute; font-size:14px; top:25px;left:422px;font-weight:bold;}
#text3 {position:absolute; top:53px;left:423px;}


#mistore{ position:absolute; float:left; top:113px; left:403px; }
div#preload { display: none; }