div#wrapper{
	width:800px;
	left:50%;
	margin-left:-400px;
	
	}

.inner-shadow{text-shadow:#282828 1px 1px 1px;filter:progid:DXImageTransform.Microsoft.Shadow(color='#282828', Direction=135, Strength=1);
}
p.tag{
	width:175px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.1em;
	text-shadow: none;
	font-weight: normal;
	font-style: italic;
	color:#00d8af;
	background-color:#000;
	}
div#big-buttons{width:800px;height:367px;margin-left: auto;margin-right: auto;margin-top:25px;}
div#big-buttons span#btn-css,span#btn-js{
	display:block;
	width:370px;
	height:367px;
	background: url(../images/background-bigBtns.jpg) #000;
	text-shadow: #282828 1px 1px 1px;
	border-right: #282828 solid 1px;
	border-bottom: #282828 solid 1px
	}
div#big-buttons span#btn-css{float:left;}
div#big-buttons span#btn-js{float:right;}
div#big-buttons span a{
	display:block;
	width:100%;
	height:100%;
	text-decoration:none;
	font-size: 5.7em;
	text-align:center;
	line-height:4em;
	letter-spacing:-8px;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#282828', Direction=135, Strength=1.5);
	}
div#big-buttons span#btn-css a:hover{background-color:#ff9f23;}
div#big-buttons span#btn-js a:hover{background-color:#00d8af;}



.rounded-corners{/*properties that solves radius in all render engines // first property is the CSS3 specialy devoloped for this task*/
	border-radius: 15px;
	-ms-border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
	}
.rounded-corners-r9{
	border-radius: 9px;
	-ms-border-radius: 9px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	-khtml-border-radius: 9px;
	}
div#bottom-side{width:170px;position:relative;float: right;font-size:0.8em;margin:10px -20px 0px 0px;}
div#bottom-side a{text-decoration:none;}

/*****Styles for menu/list-items/section*****/
p.tag-list{
	position: absolute;
	width:175px;
	height:116px;
	line-height:40px;
	text-align:left;
	font-size:3em;
	text-shadow: none;
	font-weight: normal;
	font-style: italic;
	letter-spacing:-2px;
	color:#00d8af;
	background-color:#000;
	}
div#item-list{width:800px;height:367px;margin-left: auto;margin-right: auto;margin-top:25px;}
div#item-list ul{width:350px;height:360px;margin-left:auto;margin-right:auto;}
div#item-list ul li{
	display: block;
	width:350px;
	height:49px;
	background:url(../images/background-list-btns.jpg) #000;
	margin-bottom: 15px;
	border-right: #282828 solid 1px;
	border-bottom: #282828 solid 1px
	}
div#item-list ul li p{float:left;width:50px;height:55px;font-size:2.5em;line-height:1.5em;text-align:center;}
div#item-list ul li a{float:right;text-decoration:none;font-size:1.5em;line-height:2.2em;letter-spacing:-1.5px;margin-right:15px;}
/*in this point we need to fix IE7 trouble that not interpret float & heights normaly, let«s see new positioning for IE7 with a little hacks*/
div#item-list ul li a{#float:none;#position:absolute;#width:350px;#height:360px;#letter-spacing:-1.5px;margin-left:-115px\9;#text-align:right;}

/*select color in hover for each element in list*/
div#item-list ul li#item1 a:hover{color:#3bf7d1;}
div#item-list ul li#item2 a:hover{color:#3bf786;}
div#item-list ul li#item3 a:hover{color:#c9f73b;}
div#item-list ul li#item4 a:hover{color:#f7b73b;}
div#item-list ul li#item5 a:hover{color:#f7753b;}
/*bottons in bottom for back & plus*/
div#back-plus-btns{position:absolute;z-index:10;left:445px;top:360px;_top:415px;width:135px;}
div#back-plus-btns span{display:block;float:left;}
div#back-plus-btns span a{
	background-image:url(../images/background-bigBtns.jpg);
	border-right: #282828 solid 1px;
	border-bottom: #282828 solid 1px;
	border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	text-decoration:none;
	font-size:1.5em;
	line-height:1.4em;
	#line-height:1.2em;
	text-align:center;
	}
div#back-plus-btns span a#btn-back-small{display:block;width:80px;height:30px;}
div#back-plus-btns span a#btn-plus{display:block;width:40px;height:30px;margin-left:10px;}
div#back-plus-btns span a#btn-back-small:hover{color:#3bf7d1;}
div#back-plus-btns span a#btn-plus:hover{background-image: none; background-color:#3bf7d1;}
div#extra{position:absolute;z-index:0;left:550px;top:340px;_top:410px;}
div#extra span{display:block;width:94px;height:130px;}

/*****Styles layout for each menu presentation // each menu also has it style own in it styles folder (root-->menus-->CSS or jQuery-->XX-menu-XX-->styles-->XX-menu-XX-styles.css*****/
div.top-title p#asterisk{display:block;position:absolute;float:left;font-size:5em;margin:-20px;}
div.top-title p#title{position:absolute;font-size:3.5em;letter-spacing:-5.5px;}
div.top-title p#notes{position:absolute;font-weight:lighter;font-style:italic;font-size:0.6em;top:390px;color:#3bf7d1;}
div.top-title p#expand-notes{position:absolute;font-weight:lighter;font-style:italic;font-size:0.6em;top:402px;color:#3bf7d1;}
div#wrapper-menu{width:100%;height:85px;}
div#wrapper div#btn-back-big{margin-top:420px;margin-left:600px;}
div#wrapper div#btn-back-big a{text-decoration:none;font-size:6em;letter-spacing:-7px;}
div#wrapper div#btn-back-big a:hover{color:#3bf7d1;}


/*****jquery-menu-02 styles*****/
div#wrapper-menu{background-color:#008E3A; position:fixed; top:100px;}
/*First of all you need to fix a width for your menu. Is necesary if you want center it, with margin negatives you can solve vertical centering and with margins auto for left and right you solve horizontal centering*/
div#wrapper-menu ul#nav{width:850px;height:85px; margin:10px auto 0; position:relative;} 
div#wrapper-menu ul#nav li{display:block;float:left;width:auto;height:auto;border-right: #005120 dotted 1px;padding:10px;}
div#wrapper-menu ul#nav li:last-child{border:none;}/*last element of the list don´t set a border*/
div#wrapper-menu ul#nav li a{display:block;text-decoration:none;}
div#wrapper-menu ul#nav li a strong{display:block;font-family:Georgia,serif;font-size:1.5em;letter-spacing:-0.3px; font-style:italic;}
div#wrapper-menu ul#nav li a small{color:#005120;font-family:Georgia,serif;font-style:italic;}
div#wrapper-menu ul#nav li a:hover{color:#FFF;}
div#wrapper-menu ul#nav li a.current{color:#b4005b;}