/* ======================================================================
   soniayoon.com // (c) 2010, All Rights Reserved.
   
	h1
	h2
	h3
	h4
	p

======================================================================== */
/* GLOBAL */
* { margin: 0; padding: 0; border: none; }

body { 
	min-width: 900px;
	text-align: center; 
	font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; 
	color: #6B5C55;
	}
a { color: #dcdcdc; text-decoration: none; }
a:hover { color: #b7ea47; text-decoration: underline; }
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
.clear { clear: both; }

/*==LAYOUT==*/
#container { position: relative; top: 0; left: 0; width: 900px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; padding: 0; }
		
#header { min-width: 900px; margin: 20px 0 0 0px; height: 130px; padding: 0px 0 14px 0; border-bottom: 1px solid #6B5C55; }
#nav { position: relative; width: 770px; float: left; }
#nav ul li { font-size: 2.6em; list-style-type: none; text-align: left; display: block; line-height: .9em; }
#nav ul li a { text-decoration: none; }
#client { position: relative; float: right; text-align: right; }
#client a { background-color: #FFF; text-decoration: none; margin: 0; padding: 3px 10px 5px 8px; border: 1px dotted gray;}
#client a:hover { background-color: #f5f5f5; margin: 0; padding: 3px 10px 5px 8px; border: 1px dotted gray;}

#content { position: relative; top: 0px; width: 900px; margin: 0; padding: 0; min-height: 400px; }
#leftcol { position: relative; top: 0px; width: 450px; float: left; margin: 16px 0 0 12px; padding: 0px; text-align: left; min-height: 350px; /*background-image: url(images/uic.jpg); background-repeat: no-repeat;*/ }

#rightcol { position: relative; top: 0px; width: 410px; float: right; margin: 20px 20px 0 0; padding: 0px; text-align: left; min-height: 380px; }
.content { color: #9b9b9b; font-size: .9em; font-weight: normal; line-height: 1.3em; }
.content a { color: #b7ea47; }
.content a:hover { text-decoration: underline; }
#leftcol ul { display: inline; list-style: none; }

#footer { position: relative; width: 900px; height: 50px; clear: both; padding: 10px 0 0 0; margin: 0 auto 0 auto; color: #6B5C55; font-size: .7em; line-height: 1.2em; text-align: left; border-top: 1px solid #6B5C55;}
.push { clear: both; height: 50px; /* .push must be the same height as .footer */ }
#footer a { text-decoration: none;}
#footer a:hover { color: #b7ea47; }


/*==TEXT STYLES==*/
h1 	{ font: 1.6em; font-family: 'Helvetica Neue', Arial, sans-serif; line-height: 1.1em;
		font-weight: lighter; color: #dcdcdc; text-align: left; white-space: normal; 
		margin-bottom: .7em; }
/*h2 	{ font: 1.3em; font-family: Helvetica Neue, Arial, sans-serif; 
	font-weight: lighter; color: #CC2929;
	text-align: left; white-space: normal;
	padding-bottom: .3em; line-height: 1.4em;
	border-bottom: 1px solid #dddddd; margin-bottom: .8em; margin-top: .8em; }
h3 	{ font: 1.4em; font-family: Helvetica Neue, Arial, sans-serif; 
	font-weight: bold; color: #FFFFFF;
	text-align: left; white-space: normal;
	margin-bottom: 6px; }
h4 	{ font: 1.4em; font-family: Helvetica Neue, Arial, sans-serif;
	font-weight: bold; color: #CC2929;
	letter-spacing: 0em; text-align: left; white-space: normal; padding-bottom: .8em; }
	*/

/*==FORM STYLE==*/
table { position: absolute; top: 50px; width: 400px; height: 200px; text-align: left; padding: 0px 0px 0px 0px; line-height: 1em; }
tr	{ padding: 0; margin: 0; }
td	{ padding: 0; margin: 0; }

.text_1	{ font-family: Helvetica Neue, sans-serif; color: #b7ea47; font-size: .8em; }
.form_1	{ min-height: 16px; border: 1px solid #b7ea47; margin: 0 0 10px 0; }
.form_2	{ height: 100px; max-height: 150px;  width: 302px; max-width: 302px; border: 1px solid #B7AAA1; }