/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #808080; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 1000px;
	height: 1000px;
	background: transparent url(graphics/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

body {
	float:none;
	margin:0px;
	width:auto;
	height:auto;
	background:none;
	background-color:#8dc73f;
}
div {
	text-align:left;
}
.sidebarinfodiv {
	color:#FFF;width:217px; float:left; padding-top:70px; padding-left:33px; padding-right:31px;
}
.sidebarinfodiv a:link, .sidebarinfodiv a:visited {
	color:#FFF;
}
.sidebarinfodiv a:hover {
	color:#FF0;
}
a, a:link, a:visited {
	text-decoration:underline;
}
.contentareadiv{ height:1200px; width:599px; padding:40px; float:left;}
.contentareadiv a:link, .contentareadiv a:visited {
	color:#369;
}
.contentareadiv a:hover {
	color:#F00;
}
.footerdivarea{ width:950px; margin:0 auto; height:132px; padding-top:20px; text-align:center; color: #FFF; }
.footerdivarea a:link, .footerdivarea a:visited {
	color:#DFDFDF;
}
.footerdivarea a:hover {
	color:#FF0;
}
.js1{width:100%;background-image:url(/shell/bg_02.jpg);background-position:top center;	background-repeat:repeat-y;float:none;}
.js2{width:100%;background-image:url(/shell/bg_01.jpg); background-repeat:no-repeat;  background-position:top center; float:none;}
.js3{width:100%;background-image:url(/shell/bg_03.jpg); background-repeat:no-repeat; background-position:bottom center; float:none;}
.js4{width:950px; margin:0 auto; background-image:url(/shell/romar-sliced_06.jpg);}
.js5{background-image:url(/shell/romar-sliced_01.jpg); height:155px; width:950px; }
.js6{width:271px; float:left;}
.js7{background-image:url(/shell/romar-sliced_02.jpg); background-repeat:no-repeat; float:left; width:271px;  padding-top:95px; }
.js8{float:left; padding-left:50px; padding-right:7px;}
.js9{float:left;  width:30px; height:25px; cursor:pointer;}

.js11{width:669px; float:left;}
.js12{position:relative; left:0px; top:0px; z-index:1001;}
.js13{position:relative; left:0px; top:0px;  margin-top:-47px; background-color:#888;}