@charset "utf-8";
/* MAIN LAYOUTS ---------------------------------------------*/
body {
	margin: 0px auto;
	padding: 0px;
	font-size: 0.9em;
	color: #555555;
	background-color: #eeeeee;
	background: url(../_images/v3/body_middle.gif) top left repeat;
	text-align: left;
	line-height: 1.3em;
	letter-spacing:0.05em;
	font-family: Arial, "Trebuchet MS", trebuchet, sans-serif;	
}


h1 {
	color: #FF7400;
	font-size: 2.2em;
	line-height: 1em;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 15px 0px 30px 0px;
	padding: 0px 0px 0px 0px;	
	
}

#newsTitle h1 {
	color: #FF7400;
	font-size: 2.2em;
	line-height: 1em;
	font-family: Georgia,"Times New Roman",Times,serif;
	margin: 15px 0px 30px 0px;
	padding: 0px 0px 10px 10px;
	float:left;
	width:390px;
	display:block;
}


h2 {
	color: #00A4F2;
	font-size: 1.5em;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-decoration: none;
	padding: 10px 0 0 0;	
}

#topDiv {
	width: 100%;
	height: 200px;
	background: url(../_images/v3/logo_body.gif) repeat-x top;
}

#topWrap {
	margin: auto;
	width: 950px;
	height: 200px;
	position: relative;
}

#topMiddle
{
	height:200px;
	width:650px;
	float: left;
	position: relative;
}

#topRight
{
	height:200px;
	width: 300px;
	background: url(../_images/v3/logo_sub.gif) top no-repeat;
	float: left;
	position: relative;
}

#middleDiv {
	background-color: transparent;
	margin: auto;
	width: 960px;
	clear:both;
}

#mainDiv {
	background-color: #ffffff;
	float:left;
	width:560px;
	border-right: 2px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	border-left: 2px solid #eeeeee;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	min-height:500px;
}

#subNavi {	
	float: left;
	width: 350px;
	text-align: center;
	margin: 19px 0px 0px -15px;
}

#subNaviBottom {	
	float: left;
	width: 350px;
	height:460px;
	text-align: left;
}

#bottomDiv {
	float:left;
	width:100%;
	clear:both;
	background-color: #00A4F2;
	background: #00A4F2 url(../_images/v3/logo_bottom.gif) repeat-x top;
}

#bottomMainDiv {
	margin: auto;
	width: 960px;
	clear:both;
}

#bottomWrap {
	float:left;
	width:600px;
	margin: 0px 0px 0px 0px;
}
/* END MAIN LAYOUTS------------------------------------------*/

/* TOP RIGHT ------------------------------------------------*/

#topMiddleLogo
{
	width:333px;
	height: 41px;
	top:29px;
	left:25px;
	position: absolute;
	float:left;
	display:inline;
}

#topRightProfile
{
	height:100px;
	width: 100px;
	top:50px;
	left:23px;
	position: absolute;
}

#topRightDe
{
	height:11px;
	width: 16px;
	top:162px;
	left:187px;
	position: absolute;
}

#topRightEn
{
	height:11px;
	width: 16px;
	top:162px;
	left:221px;
	position: absolute;
}

#topRightNews
{
	height:14px;
	width: 52px;
	top:51px;
	left:224px;
	position: absolute;
}

#topRightGallery
{
	height:14px;
	width: 72px;
	top:70px;
	left:224px;
	position: absolute;
}
/* END TOP RIGHT --------------------------------------------*/

/* NAVI BOXES -----------------------------------------------*/
.naviBox {	
	background-color: #ffffff;
	margin: 10px;
	border: 1px dotted #d4d4d4;
	min-width: 175px;
	float:left;
	
}
.naviBox ul {
	list-style:none ;
	margin: 0 5px 0 5px;
	padding: 0px;
	background-color: #ffffff;
	font-size:0.7em;
	line-height: 1em;
	
}
.naviBox li{
	border-bottom: 1px dotted #d4d4d4;
	text-align: left;
}
.naviBox li a{
	
	text-decoration: none;
	padding: 4px 0px 4px 20px;
	display:block;
}
.naviBox li a:visited{
	text-decoration: none;
}
.naviBox li a:hover{
	text-decoration: none;
	background-color:#e8f8ff;
}

.naviBoxTitle {	
	background-color: #00A4F2;
	color: #ffffff;
	padding: 3px;
	text-align: center;	
	font-size:0.8em;
	border-bottom: 1px dotted #d4d4d4;
	
}

#rssList li a{
	background: url(../_images/v3/rss_blue.png) no-repeat left center;
}
#rssList li a:hover{
	text-decoration: none;
	background-color:#e8f8ff;
}

#shopList li a{
	background: url(../_images/v3/b_ok.png) no-repeat left center;
}
#shopList li a:hover{
	text-decoration: none;
	background-color:#e8f8ff;
}
/* END NAVI BOXES -------------------------------------------*/

/* NEWS -----------------------------------------------------*/
#newsPost{
	padding: 0px 0px 50px 0px;
}

#newsPostSmall{
	padding: 0px 0px 10px 0px;
}

#newsDate {
	text-align: right;
	color: #ffffff;
	font-weight: bold;
	font-size: 9px;
	line-height: 1.5em;
	background-color: #00A4F2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display:block;
	background: url(../_images/v3/bar.gif) top left repeat;
}

#newsAuthor {
	font-size: 0.8em;
	font-style:italic;
	float:left;
	text-align: right;
	margin: 20px 0px 0px 10px;
	width:145px;
	border-left: 1px solid #ff7400;	
}

#newsTitle h1 a {
	color: #FF7400;
	font-family: Georgia,"Times New Roman",Times,serif;
	text-decoration: none;
}
#newsTitle a:hover {
	color: #ee6300;
	background-color: transparent;
}

/* END NEWS -------------------------------------------------*/

/* COMMENT STYLE --------------------------------------------*/
#commentPost{
	margin: 10px 50px 0px 83px;
	padding:10px;
	background-color: #fff8e1;
	border: 1px dotted #d4d4d4;
	min-height: 85px;
}

#commentTitle{
	border-bottom: 1px solid #FFEBA6;
}

#commentWww{
	font-size: 0.9em;
	font-style:italic;
}

#commentBody {
	font-size: 0.8em;	
	line-height: 1.4em;
}

#commentPic {
	margin:10px 0px 0px 0px;
	
}
/* END COMMENT STYLE ----------------------------------------*/

/* GALLERY --------------------------------------------------*/
/*
.galleryCatListing {
	float: left;
	display: inline;
	width: 260px;	
	height: 120px;
	margin-right: 10px;	
}

.galleryCatListing img {
	float: left;
	margin-right: 5px;
	border: 1px solid #142C3F;
}

#galleryPicThumbs {
	float:right;
	margin-top:30px;
}

#galleryPicThumbs img {
	margin-bottom:2px;
	border: 1px solid #142C3F;
}
*/
/* END GALLERY ----------------------------------------------*/

/* GENERAL CLASSES AND IDs-----------------------------------*/
#errorMsg {
	vertical-align: middle;
	background: #FFFF88 url(../_images/v3/b_no.png) left center no-repeat;
	background-position:  10px;
	padding: 5px 10px 5px 40px; 
	display: block;	
}

#successMsg {
	vertical-align: middle;
	background: #CDEB8B url(../_images/v3/b_ok.png) left center no-repeat;
	background-position:  10px;
	padding: 5px 10px 5px 40px; 
	display: block;		
}

#validCode {
	position:relative;
	text-align:right;
	float:right;
	padding-top: 1px;
	padding-right:12px;
}

#copyright {
	position:relative;
	color: #FFFFFF;
	text-align:left;
	float:left;
	padding-top:3px;
	padding-left:12px;
}

img {
	border:none;
}


img.leftImage {
	float:left;
	padding: 5px; 
	margin: 0 10px 5px 0;
	background-color: #fff; 
	border: 1px solid #cecece;
}

img.rightImage {
	float:right;
	padding: 5px; 
	margin: 0 0 5px 10px;
	background-color: #fff; 
	border: 1px solid #cecece;
}

img.leftImageNoBorder {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border: 0px;
}

img.rightImageNoBorder {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	border: 0px;
}


img.border {
	border: 1px solid #7a8f9f;
}

/* LINKS ----------------------------------------------------*/
a{
	color: #0061a0;
	text-decoration: underline;
}

a:visited{

	color: #0061a0;
	text-decoration: underline;
}

a:hover{
	text-decoration: underline;
	background-color:#e8f8ff;
	color:#0083c1;
}

.alpha a:hover {
	background-color: transparent;
}
/* END LINKS ------------------------------------------------*/

/* CLASSES --------------------------------------------------*/
hr {
    width: 80%;
    color: #777777;
    height: 0px;    
}

.smallText {
	font-size:0.7em;
	line-height: 1em;
}

.boldText {
	font-weight: bold;
	font-size:0.9em;
}

.blueText {
	color: #00A4F2;
}
	

.rightText {
	text-align: right;
}

.alpha {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.alpha:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}

.pagingNavi {
	text-align: right;
}

/* -- START source: http://www.alexallied.com/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css */
.img-shadow-left {
	float:left;
	margin: 10px 20px 10px 0px;
	background: url(../_images/v3/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow-right {
	float:right;
	margin: 10px 0px 10px 20px;
	background: url(../_images/v3/trans-shadow.png) no-repeat bottom right; /* Most major browsers other than IE supports transparent shadow. Newer release of IE should be able to support that. */
}

.img-shadow-left img, .img-shadow-right img {
	display: block; /* IE won't do well without this */
	position: relative; /* Make the shadow's position relative to its image */
	padding: 5px; /* This creates a border around the image */
	background-color: #fff; /* Background color of the border created by the padding */
	border: 1px solid #cecece; /* A 1 pixel greyish border is applied to the white border created by the padding */
	margin: -6px 6px 6px -6px; /* Offset the image by certain pixels to reveal the shadow, as the shadows are 6 pixels wide, offset it by that amount to get a perfect shadow */
}

/* -- END source: http://www.alexallied.com/tutorials/learn-how-to-apply-shadow-automatically-to-an-image-using-css */


/* -- START source: http://www.alexallied.com/wp-content/themes/fury/style.css */
/* NAVIGATION BAR STYLING */
#menu{
float:left;
height:22px;
width:650px;
line-height:normal;
font-size:12px;
font-weight: bold;
color:#555555;
position:absolute;
top:176px;
}
#menu ul{
margin:0;
padding:0px 10px 0 0px;
list-style:none;
}
*html #menu ul{
padding:0px 10px 0 0px;
}
#menu li{
display:inline;
margin:0;
padding:0;
}
#menu a{
float:left;
background:url('../_images/v3/menu_bg_left.gif') no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#menu a span{
float:left;
display:block;
background:url('../_images/v3/menu_bg_right.gif') no-repeat right top;
padding:5px 15px 4px 6px;
color:#888888;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span{float:none;}
/* End IE5-Mac hack */
#menu a:hover span{
color:#FFF;
}
#menu a:hover, #menu a.active{
background-position:0% -42px;
border-bottom-color:#000000;
}
#menu a:hover span, #menu a.active span{
background-position:100% -42px;
border-bottom-color:#000000;
color: #FFF;
}
/* -- END source: http://www.alexallied.com/wp-content/themes/fury/style.css */