/* CSS Document */

/*
Created by Jeck Benavidez
*/

body			{	background-image:url(../images/anay.jpg);
					background-repeat:repeat;
					font-family:Arial, Helvetica, sans-serif	}

h1, h2, h3		{	font-family:Arial, Helvetica, sans-serif;	}

h1				{	font-size:24px;	}

h2				{	font-size:16px;
					color:#009	}

#wrapper		{	width:900px; margin:10px auto;
					background-color:#FFF;
					padding:0 40px 0;	}

#top			{	}
#logo			{	float:left;	margin:50px 0;	}
#social-media	{	float:right; margin:50px 0;
						font:Arial, Helvetica, sans-serif;
						font-size:12px;	}

#topnav			{ 	clear:both; margin:0 0 5px 0; height:30px;	}
#topnav ul		{	padding:3px 0;	margin:0 3px 3px 0;
						border-top:1px #000000 dotted;
						font-family:Arial, Helvetica, sans-serif;
						font-size:10px; }
						
#topnav	ul li	{	display:inline; list-style-type:none;
					margin:0 5px 0 0; padding:2px; width:140px;	}
					
#topnav a:link		{	font-weight:bold; text-decoration:none; text-transform:uppercase; color:#000; }
#topnav a:visited	{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#000; }
#topnav	a:active	{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#000; }
#topnav	a:hover		{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#804000; }
#topnav	a:focus		{	font-weight:bold; text-decoration:none;	text-transform:uppercase; color:#804000; }
					
#content		{	float:left;	width:620px; margin:30px 0;	}
#content h1		{	text-align:center; }
#content h2		{	color:#804000; }
#content h3		{	font-size:14px; color:#003; margin:10x 0; }
#content p		{	font-size:12px; line-height:180%; text-align:justify; }
#content ul		{	margin:10px 0; }
#content li		{	font-size:12px; line-height:160%; }
#policy			{	padding:10px 0; }
#phrase			{	padding:10px 0; color:#090; text-size:16px; }
#notice1 		{	padding:10px 0; }

#gallery 		{ margin:10px; }

#table1			{	font-size:12px; }

#vision			{	margin:40px 0; }

#box1			{	width:265px; float:left; margin-right:55px;	}
#box2			{	width:265px; float:left; margin-right:3px;	}

.img-right		{	float:right; padding:0 0 20px 10px;	}	

#rightside		{	float:right; width:200px; margin:40px 0; }
#rightside ul	{	font-size:12px; line-height:180%; }
#rightside p	{	font-size:12px; line-height:160%; }
#rightside img	{	margin:10px 0; }
			
#footer			{	clear:both;	padding:10px 0;
						border-top:1px #000 dotted;	}
#footer p		{	text-align:center; font-size:14px; font-weight:bold; }	
										
#footer2 p		{	text-align:center; font-size:10px; font-style:italic; }											

#gallery ul li	{	list-style-type:none; display:inline; margin-left:0px; padding-left:0px; }

#gallery img	{	padding:4px; border:1px #F00 solid; margin:0px 15px 15px 0px; }

#map1 img		{	padding:5px; border:1px #F00 solid; margin:0px 10px 10px 0px; }


/* Contact Form Setting */

#contact-form ol li	{ list-style-type:none; }

input, textarea		{ display:block; width:350px;
						border:1px #000000 solid; 
						padding:5px; }
						
textarea			{ height:150px; }

input:hover			{ background-color:#CCC; }
input:focus			{ background-color:#CCC; }						

label				{ display:block; margin-top:10px; }

.submit				{width:100px; margin-top:10px; }