@charset "UTF-8";
/* BlueCoffee CSS  */


/* Geniric Stles CSS  */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #666666;
	background-image: url(../images/site-bk2.jpg);
	background-repeat: repeat-x;
}


p{
margin: 0px;
}
h1{
	margin: 0px;
	color: #CC0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
}
h2{
	margin: 0px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
}
h3{
	margin: 0px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
h4{
	margin: 0px;
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}


/* Layout CSS  */
#wrapper {
	position:relative;
	margin: 0 auto;
	top:0px;
	width:980px;
	z-index:1;
	height:870px;
}
#header {
	position:absolute;
	left:0px;
	top:0px;
	width:980px;
	height:60px;
	z-index:1;
}






#topMenu {
	position:absolute;
	left:0px;
	top:70px;
	width:980px;
	height:30px;
	z-index:2;
	background-image: url(../images/menu-bk.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	line-height: 30px;
	color: #FFFFFF;
	text-indent: 10px;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

#topMenu a:link {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
}
#topMenu a:visited {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
	}
#topMenu a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
}
#topMenu a:active {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
}

#panel {
	position:absolute;
	left:0px;
	top:105px;
	width:980px;
	height:300px;
	z-index:3;
}
#areaBar {
	position:absolute;
	left:0px;
	top:405px;
	width:980px;
	height:30px;
	z-index:4;
	background-image: url(../images/menu-bk.jpg);
	background-repeat: repeat-x;
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	text-indent: 20px;
	font-family: Arial, Helvetica, sans-serif;
}
#areaBar a:link {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
}
#areaBar a:visited {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
	}
#areaBar a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
}
#areaBar a:active {
	text-decoration: none;
	color: #FFFFFF;
	margin-right: 10px;
	margin-left: 10px;	
}


#box1 {
	position:absolute;
	left:0px;
	top:440px;
	width:325px;
	height:300px;
	z-index:5;
	background-image: url(../images/box01-bk.jpg);
	background-repeat: repeat-x;
}
#box2 {
	position:absolute;
	left:330px;
	top:440px;
	width:325px;
	height:300px;
	z-index:5;
	background-image: url(../images/box01-bk.jpg);
	background-repeat: repeat-x;
}

#box1 a:link {
	text-decoration: none;
	color: #000000;
	
}
#box1 a:visited {
	text-decoration: none;
	color: #000000;
	
	}
#box1 a:hover {
	text-decoration: underline;
	color: #CC0000;
	
}
#box1 a:active {
	text-decoration: none;
	color: #000000;

}



#box2 a:link {
	text-decoration: none;
	color: #000000;
	
}
#box2 a:visited {
	text-decoration: none;
	color: #000000;
	
	}
#box2 a:hover {
	text-decoration: underline;
	color: #CC0000;
	
}
#box2 a:active {
	text-decoration: none;
	color: #000000;

}
#box3 {
	position:absolute;
	left:660px;
	top:440px;
	width:320px;
	height:280px;
	z-index:5;
	background-image: url(../images/box02-bk.jpg);
	background-repeat: repeat-x;
	padding-top:20px;	
}
#footer {
	position:absolute;
	left:0px;
	top:745px;
	width:980px;
	height:35px;
	z-index:6;
	background-image: url(../images/menu-bk.jpg);
	background-repeat: repeat-x;
	font-size: 11px;
	line-height: 35px;
	color: #FFFFFF;
	text-align: center;
}

#footer a:link {
	text-decoration: none;
	color: #FFFFFF;
	
}
#footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
	
	}
#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	
}
#footer a:active {
	text-decoration: none;
	color: #FFFFFF;

}
#tel {
	position:absolute;
	left:817px;
	top:25px;
	width:160px;
	height:20px;
	z-index:1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #CCCCCC;
}
#logo {
	position:absolute;
	left:20px;
	top:10px;
	width:250px;
	height:50px;
	z-index:2;
}
input{
	border: 1px solid #CC0000;
	background-color:#CCCCCC;
}
select{
	border: 1px solid #CC0000;
	background-color:#CCCCCC;
}
.whiteText{
color:#FFFFFF;
}
#content {
	position:absolute;
	left:0px;
	top:440px;
	width:655px;
	height:300px;
	z-index:7;
	background-image: url(../images/box01-bk.jpg);
}
#contentWide {
	position:absolute;
	left:0px;
	top:440px;
	width:980px;
	height:300px;
	z-index:7;
	background-image: url(../images/box01-bk.jpg);
}
