* {margin:0px; padding:0px;}
.clear {clear: both;}

/*html { min-height: 100%; margin-bottom: 1px; }*/

html {overflow-y: scroll;}


html,body {
	margin:0;
	padding:0;
	height:100%;
	font-family:arial,sans-serif;
	font-size:95%;
	background: url(../images/background/striped.jpg) repeat;

}



h1 {
	font:1.65em arial,sans-serif;margin:0.5em 0 0;
	color: #20777F;
}
h2 {
	font:1.3em arial,sans-serif;
	margin:0.5 0 0;
	color: #2EA3AD;
}

div#headcontainer {
	position:absolute;
	margin:0 auto;
	width:100%;
	height:200px;
	left:0;
	top:0px;
	background-color: #3c597e;
	background-image: url(../images/background/testhd2.jpg);
}

div#navbkg {
	position:absolute;
	margin:0 auto;
	width:100%;
	height:55px;
	left:0;
	top:200px;
	background-image: url(../images/buttonbkg2.png);
}
div#header {
	padding:0em;
	background:transparent url("../images/header/head.jpg") 0px no-repeat;
	height:200px;
	width: 900px;
	position:relative;
	border:none;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:900px;
	background: transparent /*#f0f0f0*/;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}

div#nav2 { width: 300px; font-size:100%; margin: 5px 35px 5px 5px; float:right; text-align:right; /*border: 1px solid #000;*/ }
div#nav2 ul {margin: 5px;}
div#nav2 li {list-style-type: none;  display: inline; font-family: Arial, Helvetica, sans-serif;line-height: 2.4em; }
div#nav2 a {color: #33CCFF;text-decoration: underline;border: none;}
div#nav2 a:hover {text-decoration: underline; color: #CCC; background: none;}
div#nav2 .rightborder {padding: 0 15px 0 0; border-right: 1px solid #FFF;}
div#nav2 .leftborder {padding: 0 0 0 15px;}

div.homepics {width:900px;height:300px;padding:15px 0px;background-color: transparent;}

/*homepage*/
div#content {
	width:900px;
	/*height: 1%; */
   height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	overflow: hidden;
	margin-bottom: 50px;
	margin-top: 10px;
	clear:both;
	padding:10px 0px;  /* bottom padding for footer */
	background: transparent url(../images/background/content.png) repeat-y;

}

/*mainpage*/
div#content2 {
	width:900px;
	/*height: 1%; */
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:80%; /* real browsers */
	overflow: hidden;
	margin-bottom: 50px;
	margin-top: 10px;
	clear:both;
	padding:10px 40px 10px 40px;  /* bottom padding for footer */
	background: transparent url(../images/background/content.png) repeat-y;
}
   
div#content a:link, div#content2 a:link {font-family:Tahoma, Arial, Verdana, sans-serif;font-size: 100%;color: #3883A1;}
div#content a:hover, div#content2 a:hover {color: #OOCCFF;background-color: #OOCCFF;}   
div#content a:visited, div#content2 a:visited {color: #009900;}   


div#content2 p  {
	width: 815px;
	text-align:left;
	padding:0 0 15px 0;
	line-height: 18px;
	color: #666666;
}
div#content2 h1, div#content2 h2 { text-align:left; padding:10px 0px 0px; width: 800px;}

div#content2 img a:link {text-decoration: none; border:none; background-color: #FFF;}

div#3panel {
	width: 868px;
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	background: #FFF /*#f0f0f0*/;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
	float:left;
}
div#content .homeleft {
	width: 242px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:400px; /* real browsers */
	margin-left:35px;
	float:left;
	padding:9px;
	margin-right: 10px;
	border: solid 1px #B2B3AC;
	background: #DFDFD7 url(../images/background/columns.jpg) repeat-y;
}
div#content h2.newitem {
	margin:0 0 0.5em;
	padding:5px;
	color:#FFFF00;
	font-size: 125%;
	background-color:#3883A1;
	border: solid 1px #1F4B5D;
}
div#content .homeleft p {
	font-size: 12px;
	line-height: 15px;
	color: #3B546C;
}
div#content .photonew {float: left; padding: 3px; border: solid 1px #FFF; margin: 2px 10px 2px 0px;}

div#content .homecenter {
	width: 242px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:400px; /* real browsers */
	float:left;
	padding:9px;
	margin: 0 12px 0 12px;
	background: #DFDFD7 url(../images/background/columns.jpg) repeat-y;
	border: solid 1px #B2B3AC;
}

div#content .homecenter a {color: #3883A1; text-decoration: none;}

div#content .floatright, div#content2 .floatright {float:right; margin-bottom: 25px;}
div#content .floatleft, div#content2 .floatleft {float:left; margin-bottom: 25px;}

div#content h2.buynow {
	margin:0 0 0.5em;
	padding:5px;
	color:#FFFF00;
	font-size: 125%;
	background-color:#3883A1;
	border: solid 1px #1F4B5D;
}
div#content .homecenter p {
	font-size: 12px;
	line-height: 15px;
	color: #3B546C;
}
div#content h2.header {
	margin:0 0 0.5em;
	color:#006633;
	font-size: 125%;
}
div#content .homeright {
	width: 242px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:400px; /* real browsers */
	float:left;
	padding:9px;
	margin-left: 10px;
	background: #DFDFD7 url(../images/background/columns.jpg) repeat-y;
	border: solid 1px #B2B3AC;
}
div#content h2.events {
	margin:0 0 0.5em;
	padding:5px;
	color:#FFFF00;
	font-size: 125%;
	background-color:#3883A1;
	border: solid 1px #1F4B5D;
}
div#content .homeright p {
	font-size: 12px;
	color: #3B546C;
}
div#content .homeright ul li {
	font-size: 12px;
	color: #3B546C;
	font-family:  Tahoma, Arial, Verdana, sans-serif;
	margin-left: 30px;
	margin-top:5px;
	line-height: 15px;
	padding-bottom:7px;
}
div#content .old {
	text-decoration: line-through;
}


/***content 3 columns***/

div#content2 .columnleft {
	width: 220px;
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:320px; /* real browsers */
	margin-left:15px;
	float:left;
	padding:9px;
	margin-right: 15px;
}
div#content2 .columnleft h2 {
	margin: 0;
	padding:15px 0px 0px;
	font-size: 20px;
	color: #3883A1;
}
div#content2 .columnleft h3 {
	margin: 0;
	padding:15px 0px 0px;
	font-size: 16px;
	color: #2B6780;
}
div#content2 .columnleft ul li {
	color: #3B546C;
	font-family:  Tahoma, Arial, Verdana, sans-serif;
	margin-left: 30px;
	margin-top:5px;
	line-height: 16px;
	padding-bottom:7px;
}


div#content4 {
	width:900px;
	/*height: 1%; */
    height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:80%; /* real browsers */
	overflow: visisble;
	margin-bottom: 50px;
	margin-top: 10px;
	clear:none;
	padding:40px;  /* bottom padding for footer */
	background: transparent url(../images/background/content.png) repeat-y;
}

div#content4 .video1 {
	width: 392px;
	height: 294px;
	margin-left:0px;
	float:left;
	padding:0px;
	margin-right: 16px;
	margin-top: 20px;
	background-color:#FFF;
	overflow:visible;
}
div#content4 .video2 {
	width: 392px;
	height: 294px;
	margin-left:16px;
	float:left;
	padding:0px;
	margin-right: 0px;
	margin-top: 20px;
	background-color:#FFF;
	overflow:visible;
}

div#content2 .community1 {
	width: 396px;
	height: 257px;
	margin-left:0px;
	float:left;
	padding:0px 0px 60px;
	margin: 15px 16px 20px 0px;
	
}
div#content2 .community2 {
	width: 396px;
	height: 257px;
	margin-left:16px;
	float:left;
	padding:0px 0px 60px;
	margin: 15px 0px 20px 16px;
	margin-right: 0px;
	margin-top: 15px;
	
}
div#content2 .communitypix {
	width: 392px;
	height:253px;
	display: block;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 15px 0px;
}

div#content2 .c_description {
	font-size: 100%;
	color: #666666;
	font-style: italic;
	line-height: 17px;
	display: block;
	margin: 10px 0px;
}


div#content .left { width: 520px; height: 100%; border: /*solid 1px #ccc;*/ float:left; padding:0px;}
div#content .description {font-size: 100%; line-height: 15px; width: 490px; padding:15px; float:left; }
div#content .left2 {width: 100%; height: 100%; border: /*solid 1px #ccc;*/ float:left; padding:0px;}

div#content .photopage {width: 100%; height: 100%; /*border: solid 1px #ccc;*/ float:left; padding:0px;}
div#content .photos {width: 180px; height:160px; border: solid 1px #ccc; float:left; margin: 0px 13px 30px;}
div#content .photodescription {width: 170px; height:100%; padding: 5px; float:left;}


div#content .right { width: 260px; height: 100%; /*border: solid 1px #ccc;*/ float:right; padding:0px; margin:0px;}

div#content .rlinks h1 {
	font-family:  Arial, sans-serif;
	font-size:160%;
	color: #6F2FA9;
}
div#content .rlinks a:link {
	font-family:  Tahoma, Arial, Verdana, sans-serif;
	font-size: 90%;
	color: #3883A1;
}
div#content .rlinks a:hover {
	color: #OOCCFF;
	background-color: #OOCCFF;
}

div#content .rlinks ul li {
	font-family:  Tahoma, Arial, Verdana, sans-serif;
	margin-left: 30px;
	margin-top:5px;
	color: #OOCCFF;	/*list-style-type: none;	*/
}



#body1 {
	width: 900px;
	padding-bottom: 25px;
	margin: 0px auto;
	background: #FFF;
	height: 100%; overflow: hidden;
	
  }


/*#body1 p,#body1 h1,#body1 h2,#body1 h3 {margin: 15px; padding-top: 25px;}*/
#body1 p {margin: 0 20px; padding-top: 15px;}
#body1 h1 {margin: 0 20px; padding-top: 15px;}
#body1 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #666666;	
}
#body1 h1, #body1 h2, #body1 h3 {font-family:Arial, Helvetica, sans-serif; font-size: 24px; line-height: 28px; color:#2F4D89;}
#body1 h2 {margin: 0 20px; padding-top: 15px;}
#body1 ul {
}
#body1 li {
	list-style-type: square;
	margin-left: 55px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}
#body1 .friendconnect {
    width: 400px;
	float: left;
	padding-bottom:25px;
}
#body1 .friendconnect2 {
    width: 500px;
	float:right;
	padding-bottom:25px;
	}



#items {width: 850px; height: 100%; padding: 25px;}



/*Navigation Bar*/
div#navbar {
    width: 870px;
	margin: 0px auto;
    /*border-left: 1px solid #463300;
	border-right: 1px solid #463300;*/
}
.cart {float:right; }
div#navcontainer ul{
	
	margin-left: 0px;
	padding-left: 0px;
	color: White;
	float: left;
	width: 100%;
	background: transparent url("../images/buttonbkg.jpg") 0px repeat-x;
	font-family: arial, helvetica, sans-serif;	/*height: 54px;
	border-left: 1px solid #463300;
	border-right: 1px solid #463300;*/
}
div#navcontainer ul li { display: inline; }
div#navcontainer ul li a {
	padding: 15px 3.05em 15px;
	background: transparent url("../images/buttonbkg.jpg") 0px repeat-x;
	color: #0770B4;
	text-decoration: none;
	float: left;
}
div#navcontainer ul li a:hover {
	background: transparent url("../images/buttonbkg2.jpg") 0px repeat-x;
	color: #fff;
}
div#navcontainer .rightborder {
	border-right: 1px solid #00CCFF;
}
div#navcontainer ul li #active {background-color:#OOCCFF;}

/*Navigation Bar*/


/*footer*/
div#footer {
	position:relative;
	width:798px;
	height: 65px;
	bottom:0px;
	margin: 25px 35px;
	background-color: #DFDFD7;
	border: solid 1px #B2B3AC;
	padding: 15px;
}
div#footer2 {
	position:relative;
	width:790px;
	height: 65px;
	bottom:0px;
	margin: 25px 0px;
	background-color: #DFDFD7;
	border: solid 1px #B2B3AC;
	padding: 15px;
}
div#footer p, div#footer2 p {padding:1em 0;margin:0;color:#FFFFFF;}

div#footer .ltext, div#footer2 .ltext {position:absolute; bottom: 30px; width: 500px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3883A1; line-height: 15px; padding: 0px; margin:0; float: left;}
div#footer .rtext, div#footer2 .rtext {position:absolute; bottom: 30px; right: 15px; width: 250px;font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#3883A1;padding: 0px;margin:0px;float:right;text-align: right;}
div#footer a:link, div#footer2 a:link {color:#3883A1;}
div#footer a:visited, div#footer2 a:visited{color:#3883A1;}


div#footicons {
    position:absolute;
	width:100%;
	
	bottom:65px;
	margin: 0px;
	
}
div#footicons .icons {
    float: left; margin-bottom: 0px; margin-left: 30px; padding: 10px 4px 0px;
}

div#footicons a:link img{
	text-decoration: none;
	border: none;
}
div#footicons .islandstyle {
  float:right; margin: 0; padding: 10px 4px 0px;
}

/**end footer**/



.tboxes a:link 					{
	color:#003366;
	text-decoration: none;
}
.tboxes a:visited 				{
	color:#0066FF;
}
.tboxes a:hover 				{color:#999999; background-color: #CCCCCC; text-decoration: none; border-bottom: none;}


/*photogallery*/

div#main-content li{
	width:190px;
	border:solid #CCC;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	
	background:#FFF;
	padding:10px;
	text-align:center;
	position:relative;
	float:left;
	display:inline;
	margin:5px;
}
#main-content  a span{
/*\*/
	position:absolute;
	left:-9999px;

}

div#main-content a:hover span{	
	top:10px;
	left:10px;
	width:192px;
	font-weight:bold;
	background:#FFF;
	color:#999;
	padding:5px 0 5px 0;
	text-transform:uppercase;
	font-size:80%;
	border:1px solid #EEE;
	border-width:0 0 10px 0;
	filter: alpha(opacity=100);
	/*-moz-opacity:.8;
		opacity:.80;*/
/**/
} 


div#main-content img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

div#fullplate-navigation img{
	border:1px solid #EEE;
/* delete line above and uncomment this for an inset effect
	border:1px solid;
	border-color:#666 #EEE #EEE #666;
 */
}

div#fullplate-navigation{
	list-style:none;
	margin:5px 0 0 45px;

}
div#fullplate-navigation li{
	display:block;
	float:left;
	width:210px;
		
}

div#previous{
	text-align:left;
}

div#next{
	text-align:right;
}


div#fullplate-navigation li a{
	display:block;
	width:190px;
	padding:10px;
}

div#fullplate-navigation li a:hover{
	color:#333;
}



div#fullplate-photo{
	border:solid #EEE;
	border-width:0 1px 1px 0;
/* uncomment and adjust this if you want a rounded frame in Mozilla browsers
	-moz-border-radius:20px;
 */
	background:#FFF;
	padding:5px 15px 15px 15px;
	margin:0 auto;
	width:600px;
}

.bold { font-weight:bold;}
.redbold {
	font-weight:bold;
	color: #FF0000;
}
.bluebold {
	font-weight:bold;
	color: #3883A1;
}
.strike {text-decoration: line-through;}
.italic { font-style: italic; }
.naokiquote {
	font-style: italic;
	color:#3399CC;
	font-size: 130%;
	line-height: 24px;
}


/***DVD***/

.cover {
	float: left;
	margin-right: 35px;
	padding:2px;
	width:300px;
	border: solid 1px #ccc;
}

.picleft {float:left; margin: 0 15px 15px 0;}