/*-------------------------------------------*/
/* CSS Document                              */
/* Authored By: Angelo Beltran               */
/*              design@anglobeltran.com      */
/*-------------------------------------------*/

/*-- INITIALIZE PAGE --*/
* {margin:0; padding:0;}

html {font-size:125%}   

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	/*-- settings font size to 62.5% (half of 125%) is equivalent to settings fonts to 1em or 10px --*/
	font-size:50%;
	text-align:center; 	
	background:url(img/bg.gif) left top repeat-x;
	background-color:#294646;
}	

h1 {font-size:2em;}
h2 {font-size:1.5em;}
h3 {font-size:1em;}
p {line-height:1.5em;}
a {outline:none;}
a img {border:none;}

/*-- 

FIELDSET BACKGROUND IE HACK
fieldset's position set to relative
legend's position set to absolute
set legends top property to negative value

--*/

fieldset {
	position:relative;
	border:1px solid #F79334;
	padding:2em;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#33FF99;
}

legend {
	position:absolute;
	top:-10px; 
	font-size:1em;
	font-weight:bold;
	padding:2px 4px;
	color:#FFF;
	background-color:#F79334;
}

input, textarea, select {border:1px solid #000;}

/*-- END INITIALIZE PAGE --*/

/*-- MAIN-WRAP --*/
div#main-wrap {
	width:1024px;
/*	padding:0 88px; */ 
	padding:10px; 
	margin:0 auto;
	text-align:left;
	background-color:#FFF;
/*	background:url(img/background.gif) repeat-y; */
}

/*-- END MAIN-WRAP --*/

/*-- TOOLBOX --*/
.floatLeft {float:left;}
.floatRight {float:right;}
.clearBoth {clear:both;}
/*-- The Alsett Clearing Method --*/
.clearfix:after {       
    content: ".";       
    display: block;        
    height: 0;        
    clear: both;        
    visibility: hidden;
}
	
.clearfix {display: inline-block;}        
* html .clearfix {height: 1%;}        
.clearfix {display: block;}        
/*-- end Alsett Clearing Method --*/

/*-- END TOOLBOX --*/

/*-- QUICK TOOLS --*/
.quickLeft {text-align:left}
.quickRight {text-align:right}
.quickIn {display:inline;}
.quickBold {font-weight:bold}
.quickOblique {font-style:oblique;}
.quickUnderline {text-decoration:underline;}
.quickBrown {background-color:#F79334;}
.quickGreen {background-color:#00FF99;}
.quick2 {font-size:.2em}
.quick3 {font-size:.3em}
.quick4 {font-size:.4em}
.quick5 {font-size:.5em}
.quick6 {font-size:.6em}
.quick7 {font-size:.7em}
.quick8 {font-size:.8em}
.quick9 {font-size:.9em}
.quickList li {list-style-type:circle;}
.quickTableList li {list-style-type:none;}
.quickTable {
	margin:10px;
}
	.quickTable th, .quickTable td {
		border:0px solid #000;
		padding:4px;
	}	
.quickButton {border:1px solid #000; background-color:#F00; color:#FFF;}
.quickButton:hover {background-color:#F79334; color:#000;}
/*-- END QUICK TOOLS --*/

/*-- OTHER --*/
.button {
	background-color:#F00;
	color:#FFF;
}
	.button:hover {
		background-color:#F79334;
		color:#000;
	}
/*-- END OTHER --*/