/*----------CSS Level 2.1----------*/

/*----------Common----------*/
* { padding:0px; margin:0px; }
body {
	background:url(../images/styles/background.gif) left top #004B8D repeat-x;
	font:normal 12px Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	margin-bottom:20px;
}
.floatLeft { float:left; }
.floatRight { float:right; }
.ovFlow { overflow:hidden; }
.clear { display:block; clear:both; }
#Header, #Menu, #Content { width:867px; margin:auto; }
.smBox { position:absolute; z-index:10px; background:url(../images/styles/sm-box.png) left top no-repeat; width:36px; height:37px; }
#dropmenudiv{
position:absolute;
border:1px solid #8A1634;
border-bottom-width: 0;
font:normal 12px "Trebuchet MS", Tahoma, Arial;
line-height:18px;
z-index:100;
margin-top:3px;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 6px;
border-bottom: 1px solid #8A1634;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
color:#fff;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #3A0B17;
color:#fff;
}

/*----------Header----------*/
#Header { height:115px; position:relative; background:url(../images/styles/header.jpg) right top no-repeat; width:873px; }
#Header .logo { position:absolute; }
#Header .imgHolder { width:124px; height:119px; background:url(../images/styles/img-holder.png) left top; padding:8px; right:10px; position:absolute; top:123px; }
/*----------Menu----------*/
#Menu { background:url(../images/styles/menu-bg.gif) left top repeat-x; }
#Menu .holder { height:65px; background:url(../images/styles/menu-right.gif) right top no-repeat; padding-left:16px; }
#Menu .holder li { display:inline; }
#Menu a { color:#fff; font-size:11px; text-decoration:none; line-height:53px; font-weight:bold; margin-right:8px; font-family:"Trebuchet MS", Tahoma, Arial; }
#Menu a:hover, #Menu a.selected { color:#FFCC00; }

/*----------Content----------*/
#Content { background:url(../images/styles/content-bg-bot.gif) left bottom no-repeat; padding-bottom:7px; }
#Content .holder { background:url(../images/styles/content-bg.gif) left top repeat-y; padding:16px 15px 10px 26px; }
.MainImgArea { float:right; width:530px; background:#000; color:#fff; }
.MainImgAreaBot { text-align:right; line-height:22px; padding-right:10px; }
.MainImgAreaBot strong { font-size:111px;  }
.copyr { font-weight:bold; padding:10px 0px; }
#Content .leftArea { position:relative; float:left; width:280px; background:url(../images/styles/moto.gif) left 20px no-repeat; padding-top:180px; }
#Content .homeImg { position:absolute; left:170px; top:-10px; }
#Content .mainTxt { width:620px; }
#Content .mainTxtContent { width:440px; padding-left:30px; }
#Content .mainTxtContent p { margin-bottom:13px; }
#Content .headings { position:relative; margin-top:20px; margin-bottom:40px; height:37px; background:url(../images/styles/heading-bg.gif) left top repeat-x; }
#Content .headingsLeft { height:37px; background:url(../images/styles/heading-left.gif) left bottom no-repeat; }
#Content .headingsRight { height:37px; background:url(../images/styles/heading-right.gif) right top no-repeat; line-height:30px; padding-left:30px; font:bold 20px "Trebuchet MS", Tahoma, Arial; color:#fff; font-style:italic; }
#Content .homeImgBg { position:absolute; background:url(../images/styles/home-img-bg.png) left top no-repeat; width:304px; height:206px; right:-215px; top:100px; }
#Content .txtArea { font:normal 10px Verdana, Arial, Helvetica, sans-serif; color:#2B2B2B; padding-right:10px; line-height:normal; }
#Content .txtArea strong { font-size:11px; }

#Content ul { padding-left:30px; }

/*---------- gallery ----------*/
	#FrogJS{
		width: 760px;
		height: 600px;
		margin: 0 auto;
	}
	#FrogJSCredit{
		text-align: right;
		font-size: 80%;
		color: #999;
		padding: 1px;
	}
	#FrogJSCaption{
		text-align: left;
		line-height: 140%;
	}
/*------------------- contact -----------*/
#contactleftCol {
	float: left;
	width: 200px;
}

#contactrightCol { 
 	background: #cccccc;
	  padding: 10px 10px 10px 10px;
	float: left;
	width: 200px;
	height: 1% 
}