@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}



body {
	margin: 10px;
	
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 100%;
	background-color: #99FF33;
	
}

#wrapper {
	width: 810px;
	margin: 0 auto;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	
}
#wrapper2 {
	width: 780px;
	margin: 0 auto;
	
	
}

#intro {
    padding-bottom: 10px;
}

h1 {
	margin-bottom: 14px;
	margin-top: 5px;
	margin-right: 0;
	margin-left: 0;    
}
h2{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2px;	
}
h3{
	font-size: 15px;
	font-weight: normal;
}
h4{
	font-size: 15px;
	font-weight: normal;
}
h5{
font-size: 16px;
	font-weight: bold;
	margin-bottom: 2px;	
}


#slider {
	width: 750px;
	margin: 0 auto;
	position: relative;
	
}



.panel {
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	
	width: 700px;
	padding-top: 2px;
	padding-bottom: 10px;
}


ul.navigation {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

ul.navigation li {
    display: inline;
    margin-right: 10px;
}

ul.navigation a {
	padding: 10px;
	color: #9900AA;
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
}

ul.navigation a:hover {
	background-color: #FFFFFF;
}

ul.navigation .tabs-selected a {
	background-color: #FFFFFF;
}

ul.navigation a:focus {
    outline: none;
}
/*
portfolio
*/
ul.portfolio{
	text-decoration: none;
	color: #000;
	
}
ul.portfolio a{
	text-decoration:none;
	color: #000000;
	font-size: 16px;

}
ul.portfolio a:hover {
	background-color: #FFFF00;
}

ul.portfolio .tabs-selected a {
	background-color: #FFFF66;
}

/*
sudoku pic
*/
ul.sudoku-pic {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

ul.sudoku-pic li {
    display: inline;
    margin-right: 10px;
}

.hide {
    display: none;
}

/*
Tabs - additional IE specific bug fixes

Recommended usage (Conditional Comments):
[if lte IE 7]>
<link rel="stylesheet" href="tabs_ie.css" type="text/css" media="projection, screen" />
<![endif]

*/
.tabs-nav { /* auto clear */
    display: inline-block;
}
.tabs-nav .tabs-disabled {
    position: relative; /* fixes opacity */
    filter: alpha(opacity=40);
}
.tabs-nav .tabs-disabled a span {
    _height: 19px; /* for some reason the height is 1px to less with opacity... */
    min-height: 19px; /* ...in both IE 6 and 7 */
}
#wrapper #wrapper2 #slider #portfolio ul li {

}