/*****************************
	Default Style
	Author: Budi Hariyanto
	www.flextramedia.com
******************************/

html, body { margin: 0; padding: 0; }

#clear_both{
padding-top : 10px
clear: both;}
#main {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:2px 2px 2px 2px;
	width: 767px;
	
}
#main h1{
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
}


body {
	background-color: #FFFFFF;
	color: #7B7777;
	font-size: 62.5%;
}
h1, h2, h3, h4, h5, p { margin: 0; padding: 0; }
#rap {
	width: 771px;
	margin: 0 auto 0 auto;
	padding: 0 2px 0 2px;
}

/* Header */
#header {
	width: 767px;
	padding: 0 2px 0 2px;
	margin: 0;
	height: 66px;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.logo { float: right; margin-top: 10px; }
.topNav { float: left; margin-top: 20px; }
#navInfo { margin-bottom: 2px; }
.navBtn img { margin-right: 2px; }
a { outline: none; color: #6C6A6A; }
a:hover { color: #151515; }
div.languages { width: 767px; padding: 2px; text-align: right; margin: 0; }
div.languages form { display: inline; }
div.languages select { border: 0; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.languages p { font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; }
div.breadnav { padding-left: 2px; float: left; font-size: 0.9em; font-family: Verdana, Arial, Helvetica, sans-serif; margin-top: 5px; }
div.breadnav a { color: #CC772A; text-decoration: none; }
div.breadnav a:hover { color: #151515; }
div.breadnav strong { color: #999; }

/* Content */
#content {
	width: 767px;
	padding: 2px;
	margin: 1px 0;
	background: transparent url(../images/1line-top-shadow.gif) repeat-x top;
	float:right;
	clear: both;
}
.fourColumnBox {
	width: 767px;
	margin: 10px auto;
	height: 100%;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
}
.fourColumnBox div.heading, .twoColsRight div.heading { font-size: 1.5em; font-weight: normal; }
.fcb1, .fcb2, .fcb3 { float: left; width: 183px; clear: none; padding: 4px; }
.fourColumnBox .fcb4 { width: 183px; float: right; clear: none; padding: 4px; }
.fcb4 p { margin-top: 3px; }
.fcb3 ul { margin: 5px 5px 5px auto; padding-left: 17px; font-size: 1.1em; }
.fcb3 li { list-style-image: url(../images/box.gif); }
p.title a { color: #999; }
.fcb1 a:hover, .fcb2 a:hover, .fcb3 a:hover, .fcb4 a:hover { color: #151515; }
.fcb1 a { color: #A5C730; }
.fcb2 a { color: #D3B524; }
.fcb3 a { color: #C82E2E; }
.fcb4 a { color: #27AFD0; font-size: 1.1em; font-weight: normal; }
.fcb3 form { vertical-align: top; }
.fcb3 input { margin: 0px 5px 0 5px; color: #C82E2E; border: 1px solid #C82E2E; padding: 3px 3px 3px 4px; font-size: 1.0em; width: 162px; }



input.xBtn { float: right;  background-color: transparent; border: 0; color: #C82E2E; font-weight: bold; font-size: 1.0em; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; cursor: pointer; width: auto; }
img.introImg { 
	width: 150px;
	height: 75px;
	background: #FFFFFF url(../images/introImgBg.gif) no-repeat bottom right;
	padding-bottom: 5px;
	padding-right: 5px;
	display: block;
	margin-top: 10px;
}
.imgIntro {
	clear: both;
	float: left;
	width: 767px;
	height: 141px;
	margin: auto;
	text-align: center;
}
.imgIntro img { padding-right: 2px; padding-left: 2px; }
.twoColsLeft {
	width: 576px;
	margin: 10px auto;
	font-size: 12px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
}
.twoColsLeft h1 { font-size: 1.8em; font-weight: normal; }
.twoColsLeft .fcb1 { height: 100%; float: left;  }
.textContainer { width: 364px; margin-left: 10px; float: left; }
.textContainer p { margin-bottom: 5px; }
.textContainer h2 { font-size: 1.4em; font-weight: normal; color: #6C6A6A; }
.text { border-top: 1px solid #e1e1e1; margin-top: 5px; padding-bottom: 5px; margin-bottom: 5px; }
.twoColsLeft .fcb1 p { margin-top: 5px; margin-bottom: 5px; }
.twoColsLeft .fcb1 p.switchMenu { margin-top: 0; margin-bottom: 0; }
.twoColsLeft .fcb1 p.switchMenu a {
	cursor: pointer;
	border-bottom: 1px solid #e1e1e1;
	padding: 2px;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
	margin-top: 0;
}
.twoColsLeft .fcb1 p.switchMenu a:hover { background-color: #f2f2f2; display: block; }
div.imgGallery { margin-top: 5px; text-align: center; }
.imgGallery a img { border: 1px solid #e1e1e1; padding: 3px; background-color: #fff; }
.imgGallery a:hover img { border: 1px solid #ccc; padding: 3px; background-color: #fff; }
.twoColsRight {
	width: 191px;
	margin: 10px auto;
	height: 100%;
	font-size: 1.1em;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	float: left;
}
.twoColsRight .fcb4, .twoColsRight .fcb3 { width: 183px; clear: none; padding: 4px; }
.twoColsRight p {
	margin-left: 5px;
}
.clearfloat {
	clear:both; height:0px;
	line-height:0px; visibility: hidden;
}
/* Footer */
#footer {
	background: transparent url(../images/line-shadow.gif) repeat-x top;
	float: left;
	clear: both;
	width: 771px;
	margin: auto;
	padding: 20px 2px 5px 2px;
	font-size: 0.9em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #9D9E9C;
}
.leftFoot a { text-decoration: none; color: #9D9E9C; }
.leftFoot a:hover { text-decoration: underline; color: #7E817C; }
.leftFoot { width: 429px; float: left; clear: none; }
.rightFoot { text-align: right; width: 330px; float: right; }
a.flextramedia {
	width: 180px;
	height: 50px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-top: 23px;
	background: transparent url(../images/flextramedia.gif) no-repeat top right;
	display: block;
	float: right;
	text-decoration: none;
	color: #9D9E9C;
}