/* RESET YUI CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
/* END RESET YUI CSS */

html { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#fff; }
body { background: #939393; }

.clear { clear:both; }

/* BASE */
#wrapper { width:870px; margin:16px auto 0; }
#leftcolumn { float:left; width:70px;}
#centercolumn { float:left; width:730px;}
#rightcolumn { float:left; width:70px;}

#menu { float:right; margin:5px 0 5px 0;}
#menu li { display: inline; }
#menu a {text-decoration:none; color:#cccccc;}
#menu a:hover {color:#ffffff;}

#contact { margin-top:6px; line-height:16px; } 
/* END BASE */

/* INDEX */
.sectionpreview { float: left; padding:15px; margin:0 15px 0 0; background-color:#ffffff;}
.sectionpreview.lastsectionpreview{ margin:0; }
.sectionpreview h1 {text-align:center; font-size:12pt; font-weight:bold; margin:5px 0 -2px 0; color:#939393;}
/* END INDEX */

/* SECTION */
#page { background-color:#ffffff; padding:22px;}
#page div.center { text-align:center;}
/*#subtitle { text-align:right; color:#939393; margin:15px 173px 0 0; }*/
#subtitle { text-align:right; color:#939393; margin:0 172px 0 0; }
/* END SECTION */


/* ARROWS */
.arrow {display:block; height:68px; margin:250px 0 0 0;}
.arrow span {display:none;}

#next {background: transparent url("../images/next.png") no-repeat center top;}
#next:hover {background: transparent url("../images/next.png") no-repeat center -68px;}

#previous {background: transparent url("../images/previous.png") no-repeat center top;}
#previous:hover {background: transparent url("../images/previous.png") no-repeat center -68px;}
/* END ARROWS */

/* ABOUT */
#about { background-color: #ffffff; color:#939393; padding:15px; }
#about h1 { font-size:12pt; font-weight:bold; margin:10px 0 10px 0; }
#about p { padding:5px 0 0 0;}
#claudi {float:left; margin: 5px 10px 5px 0;}
#about a { color:#939393; }
#about a:hover { color:#000000; }
/* END ABOUT */