body {
    background:#efefef url(images/backGradient.png) repeat-x;
    font-size:90%;
    font-family:arial, verdana, sans-serif;
    text-align:center;
}
a {
    text-decoration:none;
    color:#d18a00;
}
a:hover {
    text-decoration:underline;
}
ul, li, img, body, html {
	margin: 0px; padding:0px;
    border-style:none;
}
ul {
    list-style-type:none;    
}
h1, h2, h3, h4 {
    font-family:Georgia, times, serif;
}
h2 {
    color:#588903;
}
.clear {
    clear:both;
}
#header h1 {
    display:none;
}
#header {    
    margin:3.5em 0 0 -6em;
    width:801px;
}
/*Main content*/
#mainContent,
.sidePane {
    -moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
#mainContent, #menu {
    width:801px;
    margin: auto;
    background:#ffffff;    
    padding:0px;
    position:relative;
    background:#f8f8f8 url(images/sheetGradient.png) repeat-x;
}
#mainContent{
	z-index: 1;
	clear: both;
}
#menu{	
	padding-right: 20px;
	background: none;
    z-index: 2;
}
/*Menu*/
#menu div {
    position:absolute;
    width:180px;
    height:42px;
}
#menu a{
    color:#5c5c5c;
    margin-bottom: -1px;
	display: block;
	float: right;
	width:165px;
	height:30px;
	padding:.7em 0 0 1em;
    font-family:Georgia,times,serif;
    font-size:1.2em;
    font-weight:bold;
}
#menu a, #menu a:hover {
    text-decoration:none;
}
#menu .btnHome {
    background:url(images/tab.png) center no-repeat;
}
#menu .btnTutorials {
    background:url(images/tab2.png) center no-repeat;
}
#menu .btnTutorials:hover {
    background:url(images/tab.png) center no-repeat;
}
/*Description flavorPHP*/
#description {
    text-align:left;
    height:212px;
    z-index: 2;
}
#left {
    width:60%;
    float:left;
}
#left h1 {
    font-family:Georgia,times,serif;
    font-size:1.7em;
    margin:.8em 0 0 1.7em;
}
#left p {
    color:#2d2d2d;
    font-size:.9em;
    margin:.7em 4em .7em 2.8em;
}
#right {
    height:100%;
    margin-top:10px;
    margin-left:520px;
    background:url(images/sheet.png) no-repeat;
}
#right ul {        
    padding:3.1em 0 0 2.8em;
    font-size:.9em;
}
#right ul li {
    margin-bottom:17px;
    color:#0689ba;
}
#download {
    text-align:right;
}
/*Sidebar*/
#sidebar {    
    float:left;
}
.sidePane {
    border:1px solid #c3c3c3;
    background:#f4f3f3;
    text-align:left;
    width:210px;
    margin:2.5em 0 3.5em -105px;
    font-size:.9em;
    position:relative;    
}
.sidePane ul li {    
    padding: .6em 0 .6em .5em;
    border-bottom:1px solid #ececec;
}
.sidePane ul .sinBorde{
    border-bottom: 0px;
}
.sidePane a {
    color:#525252;
}
.sidePane h3 {
    margin:.9em 0 0 0;
    background-position:center;
    padding:.7em 0 .7em 2.5em;
    font-size:1.2em;
    background: url(images/sidepaneGradient.png) repeat-x;
}
.sidePane p {
    margin-left:.5em;
}
.sideLeft {
    width:14px;
    height:42px;
    margin:-46px 0 0 -14px;
    background:url(images/sidepaneLeft.png) no-repeat;    
}
.sideRight {
    width:14px;
    height:42px;
    margin:-42px 0 0 210px;
    background:url(images/sidepaneRight.png) no-repeat;
}
/*FlavorPHP pages*/
#usingFlavor {     
    margin:0 0 0 110px;    
    padding:5px 20px 20px 20px;
}
.productRight {
    margin-right:30px;
    float:right;
    width:270px;
}
.productLeft {    
    margin-left:30px;
    border:1px solid transparent;
    width:270px;
}
/*Sheet with Shadow */
.shadow{
	display: block;
	position: absolute;
}
.corner{
	width: 16px;
	height: 16px;
}
.topShadow{
	top: -6px;
	left: 10px;
	right: 10px;
	height: 8px;
	background: url(images/topSheet.png) repeat-x;
}
.bottomShadow{
	bottom: -6px;
	left: 10px;
	right: 10px;
	height: 8px;
	background: url(images/bottomSheet.png) repeat-x;
}
.leftShadow{
	top: 10px;
	bottom: 10px;
	left: -6px;
	width: 8px;
	background: url(images/leftSheet.png) repeat-y;
}
.rightShadow{
	top: 10px;
	bottom: 10px;
	right: -6px;
	width: 8px;
	background: url(images/rightSheet.png) repeat-y;
}
.leftTopCornerSheet{
	top: -6px;
	left: -6px;
	background: url(images/leftTopSheet.png) no-repeat;
}
.rightTopCornerSheet{
	top: -6px;
	right: -6px;
	background: url(images/rightTopSheet.png) no-repeat;
}
.leftBottomCornerSheet{
	bottom: -6px;
	left: -6px;
	background: url(images/leftBottomSheet.png) no-repeat;
}
.rightBottomCornerSheet{
	bottom: -6px;
	right: -6px;
	background: url(images/rightBottomSheet.png) no-repeat;
}