@charset "utf-8";

/* CSS Document */
body { background: url(../images/bg.jpg) repeat top left; font-size: 12px }
#mainSite { width: 950px; height: 550px; background: #ffffff; margin: 100px auto 0;	color: #666666 }

/* begin header*/
#header { width: 890px;	height: 35px; padding: 30px; }
	#header img { padding: 5px 0; float: left; }
	#header #nav { font-size: 12px; height: 15px; margin-left: 145px; color: #999999; line-height: 40px }
		#header #nav a { color: #999; text-decoration: none; padding: 0 5px; display: inline-block }
		#header #nav a:hover { color: #222; }
		#header #nav a.on { color: #111; background-color: #F0F0F0; padding: 0px 7px; margin: 0 -2px }
	
/* Begin content */
#content { width: 950px }

/*begin left*/
#leftBig { width: 565px; height: 375px; float: left; padding: 0 15px 0 30px; }
#leftSmall { width: 294px; height: 375px; float: left; padding: 0 15px 0 30px; }
	#leftSmall p { clear: both; margin-top: 25px }
	#leftSmall img { display: block }

/*begin right*/
#rightBig {	width: 564px; height: 375px; float: right; padding: 0 30px 0 15px; }
#rightSmall { width: 294px; height: 375px; float: right; padding: 0 30px 0 15px; }
/*begin textcontent*/
#textcontent { border: 1px solid #cbcbcb; height: 333px; padding: 20px 25px; position: relative }
	#textcontent h1 { font-size: 16px; line-height: 22px; padding: 0 0 5px; font-weight: bold; }
	#textcontent p { line-height: 1.4em; padding: 5px 0; }
		#textcontent p a { text-decoration: underline; color: #666666; }
		#textcontent p a:hover { text-decoration: none;	}
#pagesNav,
#page2,
#page3 { display: none }
#textcontent .readmore,
#textcontent #beginning { font-weight: bold; display: none; margin-top: -5px; right: 10px; bottom: 10px; position: absolute; text-decoration: none }
/*begin contact */

#contactForm { font-size: 12px; line-height: 14px; padding: 5px }
	#contactForm label {display: block;	width: 70px; float: left }
	#contactForm input { width: 150px;  }
	#contactForm input,
	#contactComment textarea { border: 1px solid #cbcbcb; padding: 3px; font-family: Arial; font-size: 12px; color: #666 }
	#contactName, 
	#contactEmail,
	#contactSubject,
	#contactComment,
	#contactSubmit { margin: 5px 0 }

	#contactSubmit { margin-left: 70px; }
		#contactSubmit input { width: 100px; padding: 3px; }
	#contactComment textarea { width: 200px }
	#contactPhone {	margin-top: 20px; }
		#contactPhone span { font-weight: bold; }

/*begin footer */
#footer { clear: both; width: 890px; height: 20px; padding: 30px; padding-top: 35px; font-size: 10px; color: #666666; }

#flashGallery { margin: 0 30px 0 }

#gallery .thumbs { float: right; width: 300px; padding: 5px 0 0 5px; border: 1px solid #CBCBCB; margin-right: 30px }
	#gallery .thumbs li { width: 70px; float: left; height: 70px; background: #EEE; margin: 0 5px 5px 0 }
		#gallery .thumbs li a { display: block; height: 70px }
			#gallery .thumbs li img { width: 70px }
#gallery .main { overflow: hidden; margin-left: 30px; height: 373px }
	#gallery .caption { clear: left; width: 538px; margin-left: 30px; padding: 10px; font-size: 12px; border: 1px solid #CBCBCB; position: relative; margin-top: 10px }
		#gallery .caption .arrow { top: 0; position: absolute; line-height: 30px; font-weight: bold; font-size: 16px; display: block; text-decoration: none; color: #666 }
		#gallery .caption #next { right: 10px }
		#gallery .caption #prev { right: 25px }