/*********************************************************/
/* GADIL DESIGN SITO PORTFOLIO        					 */
/* Copyright 2010, gadildesign.com    					 */
/* URL: www.gadildesign.com           					 */
/* AUTHOR: Mr. GaSe aka Sergio Gambino 					 */
/* DATE: 09 Gen. 2010                 					 */
/* RE VISION: v.1.40                  					 */
/* DESCRIPTION: Main stylesheet for Website Gadil Design */
/*********************************************************/

* {
	font-weight: normal;
	font-style: normal;
}
/********************** SETTING TYPOGRAFY **********************/

h1, h2, h3, h4, h5 {
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	color: #FFF;
	font-weight:bold; /* Per gli altri tipi di fonts diverso da SansationBold */
}
h1 {
	font-size: 1.625em;
} /* 26px */
h2 {
	font-size: 1.375em;
} /* 22px */
h3 {
	font-size: 1.250em;
} /* 20px */
h4 {
	font-size: 1.000em;
} /* 16px */
h1#imagereplacement {
	width: 200px;
	height: 10px;
	font: 10px Arial, sans-serif;
	color: #FFF;
	position: absolute;
	top:170px;
	left: 270px;
}
h1#imagereplacement span {
	position: relative;
	z-index:-9999
}
p {
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 0.814em; /* 13px */
	color: #FFF;
	text-align: justify;
	letter-spacing: 0px;
	line-height: 16px;
}
strong {
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size: 1.000em; /* 16px */
	letter-spacing: 0.071em;
}
label {
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size: 0.814em; /* 16px */
	letter-spacing: 0.021em;
}
span.typo1 {
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size: 1.750em;
	font-weight: bold;
	text-shadow: 2px 2px 2px #464646;
	color: #FFF;
}
span.typo2 {
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size: 2.650em;
	font-weight: bold;
	text-shadow: 2px 2px 2px #464646;
	color: #FFF;
	letter-spacing: 0.010em;
}
span.typo3 {
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 1.400em;
	color: #FFF;
}
span.typo4 {
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 0.814em;
	font-style: italic;
	color: #FFF;
	margin-left: 25px;
}
span.typo5 {
	margin-left: 45px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 1.400em;
	font-style: italic;
	text-shadow: 2px 2px 2px #464646;
	color: #FFF;
}
span.typo6 {
	margin-left: 60px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 1.400em;
	color: #FFF;
}
span.typo7 {
	margin-left: 65px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 0.814em;
	color: #FFF;
}
 @font-face {
 font-family: 'SansationRegular';
 src: url('../fonts/Sansation_Regular.eot');
 src: local('Sansation Regular'), local('Sansation'), url('../fonts/Sansation_Regular.woff') format('woff'), url('../fonts/Sansation_Regular.ttf') format('truetype'), url('../fonts/Sansation_Regular.svg#Sansation') format('svg');
}
 @font-face {
 font-family: 'SansationBold';
 src: url('../fonts/Sansation_Bold.eot');
 src: local('Sansation Bold'), local('Sansation-Bold'), url('../fonts/Sansation_Bold.woff') format('woff'), url('../fonts/Sansation_Bold.ttf') format('truetype'), url('../fonts/Sansation_Bold.svg#Sansation-Bold') format('svg');
}
/********************** FORMATTAZIONE LAYOUT **********************/

body {
	height: 100%;
	padding-top: 8px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	background: #000 url(../images/ribbon.png) top left repeat-x;
	position: relative;
	z-index: 1;
}
#container {
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
	border: 0px;
}
/********************** HEADER HOME **********************/

#head {
	height: 8px;
	left:0px;
	top:0px;
	position: absolute;
}
#header_wrap {
	width: 100%;
	height: 262px;
	background: #000 url(../images/bg_header.png) repeat-x 50% 0;
}
#header {
	width: 974px;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}
#logo {
	margin: 0px;
	padding: 20px 0px 0px 70px;
	float:left;
	display: inline;
}
#box {
	width: 451px;
	height: 373px;
	top: 10px;
	left: 490px;
	background: url(../images/box_portfolio.png) no-repeat;
	position: absolute;
	z-index:999;
}
#fade {
	top: 58px;
	left: 32px;
	position: absolute;
}
/********************** MAIN CONTENT HOME **********************/

#primary_wrap {
	min-height: 715px;
	background: #000 url(../images/bg_primary.png) repeat-y 50% 0;
}
#primary {
	width: 974px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(../images/bg_shadow.png) no-repeat;
	position:relative;
}
#dx {
	width: 345px;
	margin-left: 100px;
	float: left;
	text-align: left;
	display: inline;
}
#dx .img_home {
	margin: -65px 0px -20px -90px;
	border: none;
	float: none;
	display: inline;
}
#sx {
	width: 410px;
	height: 500px;
	margin: 105px 0px 0px 40px;
	float: left;
	display: inline;
}
#sx p {
	margin-top: 5px;
	padding: 18px;
	text-align: left;
}
#sx h3 {
	padding-left: 18px;
	font-size: 1.375em;
	text-shadow: 2px 2px 2px #464646;
	background:url(../images/bg_trasparente.png) repeat;
}
/********************** SUB MAIN CONTENT HOME **********************/		

#secondary_wrap {
	background: #000 url(../images/bg_middle.png) repeat-y 50% 0;
	height: 250px;
}
#secondary {
	width: 974px;
	padding: 0 10px;
	margin: 0 auto;
	overflow: hidden;
	position:relative;
	background: url(../images/bg_shadow.png) no-repeat;
}
/************************ HOME CIRCLE ABSOLUTE ************************/

.circle_small_h {
	top: 110px;
	left: 70px;
	position:absolute;
}
.circle_small2_h {
	top: 400px;
	left: 470px;
	position:absolute;
}
.circle_small3_h {
	top: 20px;
	left: 400px;
	position:absolute;
}
.circle_medio1_h {
	top: 590px;
	left: 790px;
	position:absolute;
}
.circle_medio2_h {
	top: 160px;
	left: 810px;
	position:absolute;
}
.circle_medio3_h {
	top: 170px;
	left: 340px;
	position:absolute;
}
/*********************** IMG CIRCLE FOOTER ************************/

#bg_gd {
	width: 180px;
	height: 180px;
	position:absolute;
	top: -85px;
	right: 40px;
	background: url(../images/footer_web2.0.png) no-repeat bottom right;
}
/**************************** FOOTER ******************************/

#footer_wrap {
	background: #000 url(../images/bg_footer.png) repeat-x 50% 0;
	margin: 0 auto;
}
#footer {
	width: 974px;
	height: 130px;
	margin: 0 auto;
	padding: 0 10px;
	position: relative;
	overflow: visible;
}
#footer p {
	margin: 0px;
	padding: 20px 90px 0px 90px;
	font-size:10px;
	letter-spacing: 1px;
	color: #7A7A7A;
}
#footer a.menu-down {
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#7A7A7A;
	text-transform: capitalize;
	text-decoration:none;
}
#footer a:hover.menu-down {
	color: #7DCB27;
}
#keyword {
	padding: 0;
	margin: 8px 0px 0px 90px;
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	color:#484848;
}
#keymenodieci {
	padding: 0;
	margin: 3px 0px 0px 90px;
	font-family: SansationBold, Helvetica, Georgia, Arial, sans-serif;
	font-size:10px;
	letter-spacing: 1px;
	color:#484848;
}
/********************** CLASS CLEARFIX **********************/	

.clearfixx:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* ===================================================== */
/* ================== STYLE PROFILO ==================== */
/* ===================================================== */

#bg_profilo {
	position: absolute;
	width:230px;
	height:230px;
	left:590px;
	top:32px;
	background: url(../images/bg_profilo.png) no-repeat;
	z-index:1;
}
#primary_profilo_wrap {
	height: 430px;
	background: #000 url(../images/bg_primary.png) repeat-y 50% 0;
}
#primary_profilo {
	width: 974px;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 30px;
	position:relative;
	overflow: visible;
	background: url(../images/bg_shadow.png) no-repeat;
}
#dx_profilo {
	width: 450px;
	margin: 30px 0px 0px 110px;
	float: left;
	display: inline;
}
#dx_profilo h2 { 					/* Solo per i browsers che supportano tale funzione */
	margin-left: -18px;
	padding-left: 18px;
	text-shadow: 2px 2px 2px #330;  /* Distanze Orizz. e Verticale, sfocatura e colore */
	background:url(../images/bg_trasparente.png) repeat;
}
#dx_profilo p {
	margin-top: 11px;
}
#sx_profilo {
	width: 280px;
	margin: 10px 0px 0px 50px;
	padding:5px;
	float: left;
	display: inline;
}
#secondary_profilo_wrap {
	height: 480px;
	background: #000 url(../images/bg_middle.png) repeat-y 50% 0;
}
#secondary_profilo {
	width: 974px;
	padding: 0px 10px 0px 0px;
	margin: 0px auto;
	overflow: hidden;
	position:relative;
	background: url(../images/bg_shadow.png) no-repeat;
}
#seco_dx_profilo {
	width: 450px;
	margin: 47px 0px 0px 60px;
	padding: 10px;
	float: left;
	display: inline;
}
#seco_dx_profilo h2 {				/* Solo per i browsers che supportano tale funzione */
	margin-left: -18px;
	padding-left: 18px;
	text-shadow: 2px 2px 2px #330;  /* Distanze Orizz. e Verticale, sfocatura e colore */
	background:url(../images/bg_trasparente.png) repeat;
}
#seco_dx_profilo p {
	margin-top: 11px;
}
#seco_sx_profilo {
	width: 230px;
	margin: 50px 0px 0px 105px;
	float: left;
	display: inline;
}

/************************ PROFILO CIRCLE ABSOLUTE ************************/

.circle_small_profilo {
	top: 285px;
	left: 80px;
	position:absolute;
}
.circle_small2_profilo {
	top: 470px;
	left: 730px;
	position:absolute;
}
.circle_medio1_profilo {
	top: 110px;
	left: 495px;
	position:absolute;
}
.circle_medio2_profilo {
	top: 730px;
	left: 350px;
	position:absolute;
}
/* ============================================================ */
/* ================== STYLE COME LAVORIAMO ==================== */
/* ============================================================ */

/* #bg_lavoriamo {
	position: absolute;
	width:230px;
	height:230px;
	left:590px;
	top:32px;
	background: url(../images/bg_profilo.png) no-repeat;
	z-index:1;
	} */

#primary_lavoriamo_wrap {
	height: 180px;
	background: #000 url(../images/bg_primary.png) repeat-y 50% 0;
}
#primary_lavoriamo {
	width: 974px;
	margin: 0px auto;
	padding-top: 10px;
	padding-bottom: 40px;
	position:relative;
	overflow: visible;
	background: url(../images/bg_shadow.png) no-repeat;
}
#up_lavoriamo {
	width: 750px;
	margin: 30px 0px 0px 110px;
	float: left;
	display: inline;
}
#up_lavoriamo h2 { 					/* Solo per i browsers che supportano tale funzione */
	margin-left: -18px;
	padding-left: 18px;
	margin-bottom: 18px;
	text-shadow: 2px 2px 2px #330;  /* Distanze Orizz. e Verticale, sfocatura e colore */
	background:url(../images/bg_trasparente.png) repeat;
}
#up_lavoriamo #down_lavoriamo p {
	margin-top: 11px;
}
#down_lavoriamo {
	width: 750px;
	margin: 60px 0px 0px 112px;
	float: left;
	display: inline;
}
#down_lavoriamo h3 {
	margin: 1px 0px;
	font-size: 16px;
	color: #000000;
	text-shadow: 2px 2px 2px #CCC;  /* Distanze Orizz. e Verticale, sfocatura e colore */
	float: left;
	display: inline;
}
#down_lavoriamo p {
	margin: 5px 0px;
	line-height:1.4em;
	color: #000000;
	text-align:left; !important
}
#secondary_lavoriamo_wrap {
	height: 430px;
	background: #000 url(../images/bg_middle.png) repeat-y 50% 0;
}
#secondary_lavoriamo {
	width: 974px;
	padding: 0px 10px 0px 0px;
	margin: 0px auto;
	overflow: hidden;
	position:relative;
	background: url(../images/bg_shadow.png) no-repeat;
}
/* ===================================================== */
/* =================== STYLE SERVIZI =================== */
/* ===================================================== */

#bg_servizi { /** IMMAGINE NEL HEADER **/
	position: absolute;
	width:230px;
	height:230px;
	left:590px;
	top:32px;
	background: url(../images/bg_servizi.png) no-repeat;
	z-index:1;
}

/************************ SERVIZI CONTENT SINISTRA ************************/

#servizi_sx {
	width: 510px;
	margin-left: 110px;
	padding-bottom: 30px;
	float: left;
	display: inline;
}
#servizi_sx p {
	margin-bottom: 10px;
}
#servizi_sx h2, h3 {
	text-transform:capitalize;
	text-shadow: 2px 2px 2px #330;
}
#servizi_sx h2 {
	margin: 20px 0px 3px -20px;
	padding-left: 30px;
	text-align: left;
	font-size: 24px;
	background: url(../images/bg_trasparente.png) repeat;
}
#servizi_sx h2 img.title {
	margin: -4px 0px 0px -44px;
	position: absolute;
}
#torna_su {
	margin: -7px 0px 0px 485px;
	font-size:9px;
	position:absolute;
}
#torna_su2 {
	margin: 3px 0px 0px 485px;
	position:absolute;
}
#torna_su p {
	margin-top: -7px;
	font-size:9px;
}
#torna_su2 p {
	margin-top: -7px;
	font-size:9px;
}
/************************ SERVIZI CONTENT DESTRA ************************/

#servizi_dx {
	margin-left: 30px;
	width: 210px;
	float: left;
	display: inline;
}
#servizi_dx li {
	margin-top: 15px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-weight: normal;
	font-size: 10px;
	color:#EBEBEB;
	float:left;
	display: inline;
}
#servizi_dx li.lista {
	margin-top: 5px;
	list-style-type:circle;
	border-bottom: dotted 1px #EBEBEB;
}
.img_sx {
	margin: 13px 0px 11px 0px;
	border: solid 5px #3B3B3B;
	float: none;
	display: inline;
}
h3.handle_servizi {
	margin: 10px 0px 0px 0px;
	padding:2px 0;
	font-size:17px;
	text-align:left;
	cursor:pointer;
	border-bottom:1px ridge #669900;
}
h3 img {
	margin-top: -8px;
	padding-right: 10px;
	float:left;
	display: inline;
}
span.hdl_servizi {
	cursor:pointer;
	font-size:1.2em;
}
/************************ SERVIZI CIRCLE ABSOLUTE ************************/

.circle_small {
	top: 220px;
	left: 70px;
	position:absolute;
	background:url(images/bg_circle_small.png) no-repeat;
}
.circle_small2 {
	top: 270px;
	left: 820px;
	position:absolute;
	background:url(images/bg_circle_small.png) no-repeat;
}
.circle_small3 {
	top: 1320px;
	left: 615px;
	position:absolute;
	background:url(images/bg_circle_small.png) no-repeat;
}
.circle_small4 {
	top: 1700px;
	left: 70px;
	position:absolute;
	background:url(images/bg_circle_small.png) no-repeat;
}
.circle_small5 {
	top: 2150px;
	left: 600px;
	position:absolute;
	background:url(images/bg_circle_small.png) no-repeat;
}
.circle_small6 {
	top: 3100px;
	left: 85px;
	position:absolute;
	background:url(images/bg_circle_small.png) no-repeat;
}
/* ===================================================== */
/* ================= STYLE PORTFOLIO =================== */
/* ===================================================== */

#bg_portfolio { /** IMMAGINE NEL HEADER **/
	width:230px;
	height:230px;
	top:32px;
	left:590px;
	background: url(../images/bg_portfolio.png) no-repeat;
	position: absolute;
	z-index:1;
}
#titolo_portfolio {
	width: 800px;
	height: 25px;
	margin: 20px 0px 30px 80px;
	padding-left: 20px;
	font-size: 22px;
	text-transform:capitalize;
	text-shadow: 2px 2px 2px #000;
	float: left;
	display: inline;
	background: url(../images/bg_trasparente.png) repeat 50% 0;
}
#titolo_portfolio .titolo_margin {
	margin-top: 7px;
}
#titolo_portfolio img.title {
	margin: -20px 0px 0px -70px;
	position: absolute;
}
#titolo_portfolio2 img.title {
	margin: -4px 0px 0px -40px;
	position: absolute;
}
#sx_portfolio {
	margin-left: 110px;
	width: 320px;
	float: left;
	display: inline;
}
#sx_portfolio p {
	margin-top: 10px;
	text-align: left;
	color: #FFF;
}
#sx_portfolio h2 {
	margin-left: -20px;
	padding-left: 20px;
	text-transform: capitalize;
	text-shadow: 2px 2px 2px #330;
	background: url(../images/bg_trasparente.png) repeat;
}
#sx_portfolio h3 {
	margin: 1px 0px 0px 15px;
	font-size: 13px;
	text-align:left;
	color: #D6D6D6;
	text-transform:capitalize;
	text-shadow: 2px 2px 2px #330;
	background: url(../images/bg_trasparente.png) repeat;
}
#sx_portfolio img.title {
	margin: -4px 0px 0px -40px;
	position: absolute;
}
#dx_portfolio {
	margin: 0px 0px 10px 45px;
	width: 410px;
	float: left;
	position:relative;
	overflow: hidden;
	display: inline;
}
#dx_portfolio img {
	border: solid 5px;
	margin-top: 4px;
	float:right;
	display: inline;
}
#dx_portfolio a {
	color:#3B3B3B;
}
#dx_portfolio a:hover {
	color:#66CC00;
}
#dx_portfolio strong {
	color:#000000;
}
.end {
	margin-bottom:120px;
}
/* ===================================================== */
/* ================== STYLE CONTATTI =================== */
/* ===================================================== */

#bg_contatti {
	width: 230px;
	height: 230px;
	top: 32px;
	left: 590px;
	position: absolute;
	z-index: 1;
	background: url(../images/bg_contatti.png) no-repeat;
}

/********************** CONTATTI PRIMARY **********************/	

#primary_contatti_wrap {
	height: 100%;
	background: #000 url(../images/bg_primary.png) repeat-y 50% 0;
}
#primary_contatti {
	width: 974px;
	height: 340px;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 30px;
	background: url(../images/bg_shadow.png) no-repeat;
	position:relative;
}
#contact_wrap {
	width: 80%;
	margin: 0px 0px 30px 130px;
	color: #fff;
	float: left;
	display: inline;
}
#contact_wrap p {
	margin-bottom: 25px;
}
.privacy {
	font-family: Helvetica, Georgia, Arial, sans-serif;
	font-size: 0.630em; /* 10px */
	font-weight: normal;
	line-height: 12px;
	text-align:left;
}
/********************** CONTATTI FORM **********************/

.leftcol {
	width: 225px;
	padding-right:60px;
	float:left;
	display: inline;
}
.rightcol {
	width: 450px;
	float:left;
	display: inline;
}
label {
	width: 200px;
	height: 16px;
}
.text-input {
	width: 230px;
	height: 15px;
	margin:3px 0px 2px 0px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 2px;
	border-style: none;
}
.text_area {
	width: 440px;
	height: 120px;
	margin:3px 0px 10px 0px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size: 12px;
	line-height: 20px;
	padding: 2px;
	border-style: none;
}
.required {
	color:#66CC00;
}
.OnFocus {
	background:#282828;
	color: #fff;
	border:solid 1px #5aae00;
}
.OnIdle {
	background:#0e1017;
	color: #fff;
	border: solid 1px #1D1D1D;
}
.formHighlight {
	background-color: #171b26;
}
.send_button {
	padding: 10px 20px 10px 20px;
	float:right;
	margin-right: 4px;
	border:1px solid #70ad2e;
	background:#5aae00 url(../images/form/form_button.gif) repeat-x;
	color:#fff;
	cursor:pointer;
	text-align:center;
	display: inline;
}
#success, #failure, #bademail, #badserver {
	width:320px;
	height:29px;
	line-height:29px;
	position: absolute;
	clear:both;
	margin-top:0px;
}
#failure, #bademail, #badserver {
	background-image: url(../images/icon_failed.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#070a0f;
	text-indent:22px;
	z-index:10;
}
#success {
	background-image: url(../images/icon_success.gif);
	background-position: left top;
	background-repeat: no-repeat;
	background-color:#070a0f;
	text-indent:22px;
	z-index:100;
}
/********************** CONTATTI SECONDARY **********************/

#secondary_contatti {
	width: 974px;
	margin: 0 auto;
	padding: 10px 0px 0px 20px;
	overflow: hidden;
	position:relative;
	background: url(../images/bg_shadow.png) no-repeat;
}
#contatti_dx {
	width: 370px;
	margin: 20px 0px 10px 110px;
	float: left;
	display: inline;
}
#contatti_dx h2 {
	margin-bottom: 23px;
}
#contatti_dx p {
	margin: 3px 40px 0px 40px;
	font-size: 13px;
	text-align: left;
	line-height: 16px;
	text-transform:lowercase;
}
#contatti_sx {
	width: 370px;
	margin: 40px 0px 0px 20px;
	float: left;
	display: inline;
}
#contatti_sx img {
	padding-top: 10px;
	float: left;
	display: inline;
}
.contatti {
	width: 90%;
	padding: 2px 0px 2px 0px;
	border-bottom: solid 1px #282828;
	float:left;
	display: inline;
}
.contatti_img {
	float:left;
	display: inline;
}
#social {
	padding-left: 16px;
}
/* ===================================================== */
/* ================== STYLE ERROR 404 ================== */
/* ===================================================== */

#primary_404_wrap {
	width: 100%;
	height: 300px;
	background: #000 url(../images/bg_primary.png) repeat-y 50% 0;
}
#error404 {
	width: 760px;
	margin: 0px 0px 20px 140px;
	float:left;
	position: relative;
	display: inline;
}
#error404 h2 {
	padding-bottom: 30px;
	font-size:40px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 2px 2px 2px #464646;
}
#error404 p {
	padding-left: 50px;
	font-size:16px;
	color:#FFF;
}
#error404 ul {
	margin: 30px 0px 30px 0px;
}
#error404 li {
	margin-left: 100px;
	font-family: SansationRegular, Helvetica, Georgia, Arial, sans-serif;
	font-size:16px;
	color:#FFF;
	list-style-type:circle;
}
/* ===================================================== */
/* ================= STYLE NOTE LEGALI ================= */
/* ===================================================== */

#primary_note_wrap {
	width: 100%;
	height: 320px;
	background: #000 url(../images/bg_primary.png) repeat-y 50% 0;
}
#note {
	width: 760px;
	margin: 0px 0px 20px 100px;
	display: inline;
	float:left;
	position: relative;
}
#note h2 {
	padding-bottom: 5px;
	font-size:22px;
	font-weight:bold;
	color:#FFF;
	text-shadow: 2px 2px 2px #464646;
}
#note p {
	margin-top: 10px;
	padding-left: 15px;
	font-size:14px;
	color:#FFF;
}
#note li {
	color:#FFF;
}
.sitemap {
	margin-top: 10px;
	margin-left: 45px;
}
.sitemap_index {
	margin-top: 10px;
	margin-left: 25px;
}