@charset "utf-8";
/* CSS Document */

* { margin: 0pt; padding: 0pt;}
body { margin: 0pt auto; background-image: url(images/bg.jpg); background-position: center top; background-repeat: no-repeat; background-color: #000}

#wrapper { margin: 0pt auto; width: 800px; height: auto; display: table}
div.logo { width: 800px; height: 127px; background-image: url(images/logo.jpg)}
div.banner { width: 800px; height: 261px;}
/*	navagation line ------------------------------------------------------------------------------------------------------------- */ 
            
			#navigation {width: 800px; height: 84px;}
	        #navigation ul { list-style-type:none; padding:0; margin:0}
			#navigation li  { float:left; padding:0; margin:0} 
			#navigation li a { text-indent:-2000%; outline:none; display: block; background-position:top}
			#navigation li a:hover { background-position:bottom left;}
					
					#navigation .nav1   {width: 137px; height: 84px; background-image: url(images/nav_01.jpg)}
					#navigation .nav2 a {width: 132px; height: 84px; background-image: url(images/nav_02.jpg)}
					#navigation .nav3 a {width: 131px; height: 84px; background-image: url(images/nav_03.jpg)}
					#navigation .nav4 a {width: 131px; height: 84px; background-image: url(images/nav_04.jpg)}
					#navigation .nav5 a {width: 131px; height: 84px; background-image: url(images/nav_05.jpg)}
					#navigation .nav6 a {width: 138px; height: 84px; background-image: url(images/nav_06.jpg)}

/* connect line -------------------------------------------------------------------------------------------------------------------*/
div.container { margin: 0pt auto; width: 800px; height: auto; display: table}
div.left { width: 493px; height: auto; float: left}
div.right { width: 307px; height: auto; float: left}

.content { padding: 0 30px 0 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px}
.left_content {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 18px}
.bigtext {padding: 0 30px 0 0; color: #fff; font-family: Georgia, serif; font-size: 20px; font-style: italic; font-weight: normal; text-transform: normal; letter-spacing: normal; line-height: 1.4em;}
.blue { color: #66FFFF}
.mediumtext {padding: 0 30px 0 0; color: #66FFFF; font-family: Verdana, sans-serif; font-size: 13px; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: normal; line-height: 1.6em;}

div.footer_container { margin: 0pt auto; width: 800px; height: 100px; clear: both}
.footer { text-align: center; margin: 80px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #809fbb; text-decoration: none}	  
.footer a { text-align: center; margin: 80px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #809fbb; text-decoration: none}	  
.footer a:hover { text-align: center; margin: 80px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #0080f4; text-decoration: none}

/*------------form-----------------------------------*/

form { padding: 0 30px 0 10px}
.label { padding: 0 30px 0 0; color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px}

.input { width: 390px; height: 25px; background-color: #000; border: solid 1px #4b4747; color: #999; margin: 0 0 5px 0; padding: 6px 0 0 10px}
.textarea { width: 390px; height: 150px; background-color: #000; border: solid 1px #4b4747; color: #999; margin: 0 0 5px 0; padding: 6px 0 0 10px}
.submit-button {padding: 0 71px 50px 0}

/*	portfolio line ------------------------------------------------------------------------------------------------------------- */ 
            
#portfolio { margin: 0pt auto; width: 740px; height: 240px;}
#portfolio ul { list-style-type:none; padding:0; margin:0}
#portfolio li  { float:left; padding:0; margin:0} 
#portfolio li a { text-indent:-2000%; outline:none; display: block; background-position:top}
#portfolio li a:hover { background-position:bottom left;}
				
	#portfolio .folio1 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/1.jpg)}
	#portfolio .folio2 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/2.jpg)}
	#portfolio .folio3 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/3.jpg)}
	#portfolio .folio4 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/4.jpg)}
	#portfolio .folio5 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/6.jpg)}
	#portfolio .folio6 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/0007.jpg)}
	#portfolio .folio7 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/7.jpg)}
	#portfolio .folio8 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/0008.jpg)}
	#portfolio .folio9 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/8.jpg)}
	#portfolio .folio10 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/0009.jpg)}
	#portfolio .folio11 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/9.jpg)}
    #portfolio .folio12 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/0010.jpg)}
	#portfolio .folio13 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/10.jpg)}
	#portfolio .folio14 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/0011.jpg)}
	#portfolio .folio15 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/11.jpg)}
	#portfolio .folio16 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/batman1.jpg)}
	#portfolio .folio17 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/batman2.jpg)}
	#portfolio .folio18 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/flowerrock.jpg)}
	#portfolio .folio19 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/oEnglishslate.jpg)}
	#portfolio .folio20 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/oldEslate2.jpg)}
	#portfolio .folio21 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/pewterdarkgray.jpg)}
	#portfolio .folio22 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/pool.jpg)}
	#portfolio .folio23 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/randomflagstone.jpg)}
	#portfolio .folio24 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/riverwalkslate.jpg)}
	#portfolio .folio25 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/scan0002.jpg)}
	#portfolio .folio26 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img1.jpg)}
	#portfolio .folio27 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img2.jpg)}
	#portfolio .folio28 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img3.jpg)}
	#portfolio .folio29 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img4.jpg)}
	#portfolio .folio30 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img5.jpg)}
	#portfolio .folio31 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img6.jpg)}
	#portfolio .folio32 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img7.jpg)}
	#portfolio .folio33 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img8.jpg)}
	#portfolio .folio34 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img9.jpg)}
	#portfolio .folio35 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img10.jpg)}
	#portfolio .folio36 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img11.jpg)}
	#portfolio .folio37 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img12.jpg)}
	#portfolio .folio38 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img13.jpg)}
	#portfolio .folio39 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img14.jpg)}
	#portfolio .folio40 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img15.jpg)}
	#portfolio .folio41 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img16.jpg)}
	#portfolio .folio42 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img17.jpg)}
	#portfolio .folio43 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img18.jpg)}
	#portfolio .folio44 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img19.jpg)}
	#portfolio .folio45 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img20.jpg)}
	#portfolio .folio46 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img21.jpg)}
	#portfolio .folio47 a { margin: 0 20px 20px 20px; width: 322px; height: 240px; background-image: url(images/folio/img22.jpg)}