/* ******************* CSS definitions for fourc.biz vII*********************/ 
*{ 
 margin:0; 
 padding:0; 
 border:0;
 text-align:center; 
} 
body {
	background-color: #f5f5f5;
   font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
   color: #666;
	margin: 0 auto;
	margin-top: 20px;	
	margin-bottom: 10px;
}
a{
	outline: none;
}
img{
	border: none;
}
h1 strong {
	display: none;
}
br.clear{
	clear: both;
}
#mainwrap{
	width:975px;
	margin: 0 auto;
} 
#navwrap{
	float: left;
	width: 190px;
	background-color: #fff;
	margin: 0 auto;
	margin-right: 8px;
	padding: 10px 0;
}
#contentwrap{
	float: right;
	width: 775px;
	background-color: #f5f5f5;
}
#copywrap{
	background: transparent url("../images/copybg.gif") bottom no-repeat;
	height: 250px;
	xmargin-top: 35px;
}
#copywrap p{
	padding: 235px 0 0 0;
	text-align: center;
	color: #FF8C00;
	font-size: 10px;
}
#footerwrap{
	width: 355px;
	margin:0 auto;
	text-align: center;
	padding: 10px 0 10px 0;
	}
/*----------------------home--------------------------------------------*/	
#contentl{
	float: left;
	width: 540px;
	background: #fff url("../images/magicbox.jpg") top right no-repeat;
	margin-right: 8px;
}
#contentr{
	float: right;
	width: 223px;
	background-color: #fff;
	padding: 40px 0 35px 0;
}
#contentl p.top{
	padding: 10px 220px 5px 25px;	
	line-height: 20px;
	text-align: left;
	letter-spacing: 1px;
}
#contentl p.first{
	padding: 35px 20px 10px 25px;
	text-align: left;
}
#contentl strong{
	font-size: 17px;
	font-weight: normal;
}
.srvbox{
	width:158px;
	float: left;
	margin: 20px 0 20px 15px;
	border-right: 1px solid #f3f3f3;
	text-align: left;
}
 #nobrdr{
	border-right:  none;
}
.srvbox p{
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 1px;
	padding: 12px 5px 12px 2px;
}
.srvbox h6{
	text-align: left;
}
.srvbox h6 strong{
	display: none;
}
/*----------------------work--------------------------------------------*/	
#contentwide{

	float: right;	
	width: 770px;
	background-color: #fff;
	margin: 0 auto;
	padding: 50px 0 15px 0;
	text-align: left;
}
#contentwidel{
	float: left;
	width: 475px;
	background-color:#fff;
	text-align: left;
	margin-left: 20px;
}
* html #contentwidel{
	margin-left: 8px;	
}
#contentwide h2 strong{
	display: none;
} 
#contentwidel p{
	text-align: left;
	padding: 10px 0;
}
#contentwidel h2 strong{
	display: none;
}
#contentwidel h3{
	text-align: left;
	color: #888;
	font-size: 18px;
	text-transform: uppercase;
	margin: 5px 0;
	padding-left: 5px;	
	border-left: 6px solid #f93;
}
#desc{
	background-color: #333;
	width: 480px;
	margin: 10px 0 30px 0px;
}
#desc p{
	padding: 25px;
	color: #eee;
	text-align: left;
	line-height: 22px;
}
#contentwider{
	float: right;
	width: 210px;
	border-left: 1px solid #f3f3f3;
	margin-right: 20px;
}
#contentwider ul#srv{
	list-style-type: none;
	font-size: 13px;
	padding: 9px 0 20px 7px;
}
#contentwider ul#srv  li{
	background-image: url("../images/iccube.png") ;
	background-repeat: no-repeat;
	background-position: 0 .5em;
	background-color: #fff;
	border-bottom: 1px solid #EFEFEF;
	margin-bottom: 2px;
	padding: 4px 5px 3px 25px;
	text-align: justify;
	color: #666;
	line-height: 20px;	
}
#contentwidem{
	width: 730px;
	margin-left: 15px;	
	text-align: left;
}
* html #contentwidem{
	margin-left: 5px;	
}
#contentwidem p{
	text-align:left;
	padding:5px 0 2px 10px;
	line-height:25px;
	}
#contentwidem p a.txtlnk{
	float:none;
	xbackground-color:#8fba3c;
	margin-bottom:6px;
	padding:3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:bold;
	color:#8fba3c;
}
#contentwidem p a.txtlnk:hover{
	background-color:#8fba3c;
	color:#fff;
}
#contentwidem h4{
	text-align: left;
	height: 45px;
	color: #f93;
	font-size: 21px;
	font-weight: normal;
	margin: 10px 0 0 0;
	background: #fff url("../images/sttlbg.gif") no-repeat;
	padding: 8px 0 0 15px;
}
#contentwidem h5{
	text-align: left;
	color: #a2c62b;
	letter-spacing:1px;
	font-size: 14px;
	margin: 5px 0 0 5px;
	xpadding: 5px 0;
}
#contentwidem img{
	float: left;
	padding: 1px;
	border: 1px solid #E6E6E6;
	margin: 5px 10px 15px 5px;
	
}
/*----------------------abtwrk--------------------------------------------*/	
#contentwidela{
	float: left;
	width: 400px;
	background-color:#fff;
	text-align: left;
	margin-left: 20px;
	display: inline;
}
/** html #contentwidela{
	margin-left: 8px;
} */
#contentwidela p.abt{
	text-align: left;
	padding: 25px 0 5px 15px;
	font-size: 12px;
	line-height: 19px;
	letter-spacing: 1px;
}
#contentwidera{
	float: right;
	width: 285px;
	border-left: 1px solid #f3f3f3;
	margin: 20px 20px 0 10px;
	text-align: left;
}
#contentwidera p{
	color: #333;
	font-size: 11px;
	line-height: 20px;
	padding: 7px;
	text-align: center ;
	}
#contentwidera	h4{
	text-align: left;
	color: #f93;
	font-size: 18px;
	font-weight: normal;
	padding: 15px 0 10px 10px;
}
#contentwidera	img{
	padding-left: 15px;
}
#contentwidera p.lft{
	text-align:left;

}
#trbt{
	width: 92%;
	background-color: #f7f7f7;
	margin: 0 auto;
}
#trbt p{
	padding: 25px 35px 25px 45px;
	text-align: left;
	line-height: 21px;
	}
#trbt img{
	padding: 6px 0 10px 0;
	text-align: right;
}
#cntct{
	background-color: #333;
	width: 390px;
	margin: 10px 0 30px 0px;
}
#cntct p{
	padding: 25px;
	color: #eee;
	text-align: left;
	line-height: 22px;
}	
#address{
	background: url("../images/coffee.jpg") top right no-repeat;
	padding-bottom: 15px;
}
#address p{
	padding: 8px 60px 5px 10px;
	line-height: 20px;
	font-size: 13px;
	color: #666;
	text-align: left;
}
#address strong{
	font-size: 14px;
	line-height: 22px;
	letter-spacing: 1px;
	color: #00BFFF;
}
#address em{
	font-size: 14px;
	color: #B0B0B0;
	font-style: normal;
}

/*---------------------------------image floats-----------------------------------*/			
 .imgfll{
	float: left;
	margin-right: 10px;
	}	
 .imgflr{
	float: right;
	margin-left: 15px;
	}
/*----------------------image replace--------------------------------------------*/	
#mtitle{
	width: 185px;
	height: 160px;
	background: transparent url("../images/mtitle.gif") no-repeat;
	margin: 0 auto;
}
#hmsttl{
	width: 124px;
	height: 44px;	
}
.adh{
	background: transparent url("../images/halattl.gif") no-repeat;
}
.prh{
	background: transparent url("../images/hblattl.gif") no-repeat;
}
.evh{
	background: transparent url("../images/hevnttl.gif") no-repeat;
}
#alattl{
	width: 313px;
	height: 29px;
	background: #fff url("../images/alasttl.gif") no-repeat;	
}
#blattl{
	width: 313px;
	height: 29px;
	background: #fff url("../images/blasttl.gif") no-repeat;	
}
#evnttl{
	width: 266px;
	height: 31px;
	background: #fff url("../images/evnsttl.gif") no-repeat;	
}
#abtttl{
	width: 91px;
	height: 33px;
	background: #fff url("../images/abtsttl.gif") no-repeat;
	margin-left: 20px;	
}
#conttl{
	width: 163px;
	height: 34px;
	background: #fff url("../images/consttl.gif") no-repeat;	
}
/*--------------------navigation----------------------------------------------------------*/
#navdiv{
	width: 150px;
	margin: 0 auto;
}
ul#menu, ul#menu ul {
  list-style-type:none;
  width: 140px;
}
ul#menu a {
  display: block;
  text-decoration: none;	
}
ul#menu li {
  xmargin-top: 1px;
}
ul#menu li a {
  background: #fff;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #888;	
  padding: 13px 2px;
  border-bottom: 1px solid #f2f2f2;
}
ul#menu li a:hover {
  color: #000;
  background-color: #f9f9f9;
}
ul#menu li.selected a{
	color: #F4A460;
}
ul#menu li ul li a {
  background: #fff;
  color: #00A7DB;
  font-size: 12px;
  background-color: #f7f7f7;
  text-transform: lowercase;
  padding: 7px 0;	
  border-bottom: 1px solid #eee;
}
ul#menu li ul li a:hover {
  color: #44B1F7;
  background-color: #f9f9f9;
}
ul#menu li ul li.selected a:hover{
	color: #F4A460;
}
/*----------------------------footer navigation-----------------------*/
.footernav {
	list-style-type: none;
	text-align: center;
	margin: 0 auto;
	font-size: 11px;
	color:#666;
	}
.footernav li {
  	float: left;
	display: inline;
	}
.footernav li a {
	float: left;
	display: block; 
	padding: 0 5px;
	border-right: 1px solid #8b8b8b;
	color: #777;
	text-decoration: none;
	text-align: center;
	}	
.footernav li a.last{
	border-right: none;	
	}
.footernav li a:hover, .footernav li.selected a, .footernav li a:focus, .footernav li a:active {
	color: #FF8C00;
	text-decoration: underline;	
	}
	/*----------------------------------------Forms--------------------------------------*/
form#contact { 
	font-size: 14px;
	padding: 15px 0 0 30px;
	margin: 0 auto;
	margin-bottom: 20px;
	}
form#contact fieldset {
	line-height:22px; 
	text-align: left;
	}
form#contact legend{
	color: #00BFFF;
	width: 250px;
	font-size: 17px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
} 	
form#contact label {
	color:#EFCA85;

	font-weight: bold;
	}
form#contact input {
	border:1px solid #eee;
	padding: 2px 1px; 
	margin: 0 0 8px 2px;
	background: transparent url("../images/fieldbg.jpg") repeat;
	color: #333;
	text-align: left;
	width: 16em;
	}
form#contact select {
	margin-left:0.5em;
	float: left;
	clear: right;
	}
form#contact textarea {
	float: left;
	width:16em; 
	height:8em; 
	color: #333;
	border:1px solid #eee;
	padding-left:0.4em ; 
	overflow:auto;  
	margin:2px 0 10px 2px;
	background: transparent url("../images/fieldbg.jpg") repeat;
	text-align: left;
	}
form#contact input:focus, form#contact textarea:focus {
		
		border:1px solid #D9D9D9;
}
.formcapt{
	color: #B9B9B9;
	font-size: 80%;
	text-align: left;
	} 
form#contact #button1 {
	color:#9ACD32; 
	font-size: 12px;
	font-weight: bold;
	cursor: auto; 
	width:223px; 
	height: 36px;
	border: none;
	margin:15px 0 10px 0; 
	background: #fff url("../images/btnbg.gif") no-repeat; 
	text-align: center;
	}
form#contact #button1:hover {
	color: #80AB2A; 
	}
form#contact br{
   clear: both;
}
form#contact .addr{
	width:5px;
	visibility:hidden;
}