/* -------------------------------------------
   --->>> Author: Marlo Simon Noval ----------
   --->>> Author email: ragingmon@gmail.com --
   --->>> Author site: ragingfx.com ----------
   --->>> Date made: July 24, 2009 -----------
   --->>> CSS Framework: Boilerplate ---------
   ------------------------------------------- */  

/* -----------------------------------
   ---------->>> BODY <<<-------------
   ----------------------------------- */  
body {background: url(../images/bg.jpg);}
#wrapper { margin: 0 auto; width: 960px; }

/* -----------------------------------
   ---------->>> CONTENT <<<----------
   ----------------------------------- */  
#content { background-color: #fff; 
    border-left: 2px solid #fcca00;
    border-right: 2px solid #fcca00;
    margin: 0 63px; padding: 20px;
	 margin-bottom: -70px; padding-bottom: -70px;
	z-index:1;
}

#content{
	padding-top:0px;
}

#content-info{ background-color: #fff; padding: 20px;}

#container{width:95%;margin:0 auto; padding-top:20px;}


.box-yellow, .box-code, .box-white {
    border: 1px solid #898989;
    padding: 20px;
    margin: 10px auto;
}
.box-yellow { background-color: #fff799; width: 400px; padding-bottom: 0;}
.box-code { background-color: #fff; width: 340px; padding: 5px 10px;}
.box-white { width: 80%; background-color: #fff; padding-bottom: 15px;}


.box-yellow2, .box-code2, .box-white2 {
    border: 1px solid #898989;
    padding: 20px;
    margin: 10px auto;
}
.box-yellow2 { background-color: #fff799; width: 500px; padding-bottom: 0;}
.box-code2 { background-color: #fff; width: 440px; padding: 5px 10px;}
.box-white2 { width: 80%; background-color: #fff; padding-bottom: 15px;}

/* -----------------------------------
   ---------->>> HEADER <<<-----------
   ----------------------------------- */  
#header { height: 277px; background: url(../images/header.png) no-repeat; padding-bottom:0px; margin-bottom:0px; z-index:0;}
#title { padding: 205px 85px 0;}
#header_gap{padding-top:15px;}

/* -----------------------------------
   ---------->>> FOOTER <<<-----------
   ----------------------------------- */  
#footer { height: 263px; background: url(../images/footer.png) no-repeat; }
#end { padding: 0px 85px 0}

/* -----------------------------------
   ----->>> DEFAULT CLASSES <<<-------
   ----------------------------------- */  
.align-left{text-align: left;}
.align-right{text-align: right;}
.align-center {text-align: center;}
img.align-center {margin-left: auto; margin-right: auto; display: block;}
.highlight {background-color: #fff568;}

/* -----------------------------------
   ---------->>> SPACES <<<-----------
   ----------------------------------- */  
.bottom-space-20px {margin-bottom: 20px;}
.top-space-20px {margin-top: 20px;}

/* -----------------------------------
   ---------->>> COLORS <<<-----------
   ----------------------------------- */  
.color-red {color: #790000;}
.color-green {color: #005826;}

/* -----------------------------------
   ---------->>> LISTS <<<-----------
   ----------------------------------- */  
.list-rightarrow { list-style-type: none; }
.list-rightarrow li { padding: 10px 5px 10px 50px; background: url(http://www.wizardtrader.com/torightsm3.jpg) no-repeat left center; }

.list-check { list-style-type: none; }
.list-check li { padding: 10px 5px 10px 30px; background: url(http://www.wizardtrader.com/WT%20Tick.gif) no-repeat left center;}

/* -----------------------------------
   ---------->>> OTHERS <<<-----------
   ----------------------------------- */  
.col1, .col2 {float: left; width: 200px; padding: 0 80px;}
.col1 {margin-right: 20px;}