@charset "UTF-8";

body {
			margin: 0;
			padding: 0;
			background: #ffffff;
			text-align: left;
}
			
#wrapper {
			width: 540px;
			margin: 0;
			padding: 0;
}

#wrapper02 {
			width: 520px;
			margin: 0;
			padding: 0;
}

#wrapperScreensaver {
			width: 700px;
			margin: 0;
			padding: 0;
}

#wrapperScreensaver h1{
	        margin:10px auto 0px 20px;
}

#wrapperScreensaver p{
	        margin-left: 20px;
	        width: 550px;
	        font-size: 0.8em;
	        margin-top: 0px;
}

#wrapperScreensaver table{
	        margin-left: 20px;
	        margin-top: 0;
}

#wrapperScreensaver table tr td{
	        padding-left: 20px;
}

#wrapper2008summer {
			width: 800px;
			margin: 0;
			padding: 0;
}

#wrapper2008summer p.size{
			margin-top: 0;			
			margin-bottom: 8px;
			padding-left: 515px;
}

#wrapper2008summer p.size a{
			color	: #333333;
}

#wrapper2008summer p.size a:hover{
			color	: #FF8929;
}

#wrapper2008summer a {
	    	font-size: 11px;
	        cursor : pointer;
	        text-decoration	: none; 
	        text-align: center;
}

#wrapper2008summer h1 {
			margin-left: 20px;
}

#wrapper2008summer #fram{
			width: 780px;
			height: 450px;
			border:0;
			overflow: hidden;
			padding:0 10px;
}

#wrapper2008summer table {
			margin:10px 20px;
}

#wrapper2008summer table tr td{
			padding-bottom:10px;
}

#wrapper2008summer table tr td{
			padding-right:10px;
}

#wrapper00 {
			width: 660px;
			margin: 0;
			padding: 0;
}

#calendar {
			width: 660px;
			margin: 0 0 10px 0;
			}

#titlearea03 {
			width: 660px;
			height: 15px;
			color: #000;
			font-size: 13px;
			font-weight: normal;
			margin: 0;
			padding: 5px;
			background-color: #ffdd00;
			}

#wallpaperD40 {
			width: 540px;
			margin: 0 0 10px 0;
			}
			
#wallpaperS200 {
			width: 540px;
			}
			
#leftarea {
			width: 250px;
			height: 250px;
			margin: 5px 0 0 5px;
			padding: 5px;
			background: #ececec;
			float: left;
}

#rightarea {
			width: 250px;
			height: 250px;
			margin: 5px 0 0 10px;
 			padding: 5px;
			background: #ececec;
			float: left;
}

#leftarea2 {
			width: 205px;
			height: 250px;
			margin: 5px 0 0 5px;
			padding: 5px;
			background: #ececec;
			float: left;
}

.back{
	background-color: #AAA;
	width: 250px;
	height: 200px;
}
#rightarea2 {
			width: 205px;
			height: 250px;
			margin: 5px 0 0 5px;
 			padding: 5px;
			background: #ececec;
			float: left;
}

#flasharea {
			width: 320px;
			height: 200px;
			margin: 5px auto 5px auto;
			background: #ececec;
			}

#selectarea {
			width: 275px;
			margin: 5px auto 5px auto;
			font-size: 1em;
			font-weight: bold;
			}

#howtoarea {
			width: 500px;
			margin: 5px 0;
			padding: 10px 15px;
			}

img {
			border: none;
			}

a {	font-size: 11px;
	cursor : pointer;
	text-decoration	: underline; }
a:link { color : #000000; }
a:visited { color : #000000; }
a:active { color : #000000; }
a:hover { color	: #FF8929; }

#leftarea a,
#rightarea a { color: #333333; }

#leftarea a:hover,
#rightarea a:hover { color: #FF8929; }

#leftarea2 a,
#rightarea2 a { color: #333333; }

#leftarea2 a:hover,
#rightarea2 a:hover { color: #FF8929; }

#selectarea a { color: #333333; }
#selectarea a:hover { color	: #FF8929; }
			
#titlearea {
			width: 530px;
			height: 15px;
			color: #000;
			font-size: 13px;
			font-weight: normal;
			margin: 0;
			padding: 5px;
			background-color: #ffdd00;
			}
			
#titlearea02 {
			width: 510px;
			height: 15px;
			color: #000;
			font-size: 13px;
			font-weight: normal;
			margin: 0;
			padding: 5px;
			background-color: #ffdd00;
			}

#title {
			float: left;
			}
			
#close {
			float: right;
			}
			
.c-both { clear:both }

/*-------------- Clearfix --------------*/
.clearfix:after {
			content:".";
			display: block;
			clear: both;
			height: 0;
			visibility: hidden;
}
					
.clearfix {
			display: inline-block;
}
/*-------------- Hides from IE Mac --------------*/
.clearfix {
			display: block;
}
/*-------------- Hides from IE Mac [end] --------------*/