/* CSS Document */

html
{height: 100%;}

* html #wrapper{height: 100%;}


html>body #wrapper {
				height: auto;}


body
{
margin:0px;
padding:0px;
background-color:#747681;
background-image:url(bg.jpg);
background-repeat:repeat-x;
font-family:arial, "trebuchet ms", verdana, helvetica, sans-serif;
font-size:12px;
line-height: 16px;
color:#eff5f7;
}

#wrapper
{
position: relative;
width:900px;
height:auto;
margin:0 auto;
padding:0;
background:url(logo.jpg) no-repeat top left;
border:#FF9900 solid 0px;
}

#banner {
position: absolute;
right: 0;
top: 0;
display: block;
width: 138px;
height: 132px;
background: url(banner.jpg) no-repeat;
text-indent: -999em;
text-decoration: none;
}

a:link {
	color: #efbcfc;
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
	color: #efbcfc;
}
a:hover {
	text-decoration: none;
	color: #efbcfc;
}
a:active {
	text-decoration: none;
	color: #efbcfc;
}

#prod img
{
background: #666666;
padding:4px;
border:#fefefe solid 1px;
margin: 0px 0px 6px 0px;
}

#prod img:hover
{
cursor: pointer; cursor: hand;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#prod2 img
{
background: #666666;
padding:4px;
border:#fefefe solid 1px;
}

#prod2 img:hover
{
cursor: pointer; cursor: hand;
filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

#menu
{
position: relative;
width:auto;

}

#logo
{
width:402px;
height:90px;
padding:20px 0px 0px 0px;
margin:0px 0px 0px 20px;
color:#fefefe;
border:#c6ccd1 solid 0px;
}

#leftcontent
{
float: left;
width:611px;
height:auto;
padding:0 0px 0 0px;
margin: 70px 0px 0px 0px;
line-height: 18px;
}
#leftcontent-m
{
float: left;
width:611px;
height:auto;
padding:0 0px 0 0px;
margin: 10px 0px 0px 0px;
}

#rightcontent
{
float: right;
width:285px;
height:auto;
padding:0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-left: 1px dotted #AFB0B6;
}

p
{
text-align: justify;
padding:0 20px 0 20px;
margin: 0px 0px 15px 0px;
}

p.end
{
border-bottom: 1px dotted #AFB0B6;
text-align: justify;
padding:0px 0px 20px 0px;
margin: 0px 20px 20px 20px;
}

h1
{
color:#d1e9fc;
letter-spacing: 0px;
font-size:15px;
text-transform: uppercase;
margin:12px 0px 0px 0px;
font-weight:normal;
padding:10px 0 10px 20px;
border-top: 0px solid #c6ccd1;
}

.no_menu
{
color:#d1e9fc;
letter-spacing: 0px;
font-size:15px;
text-transform: uppercase;
margin:30px 0px 0px 0px;
font-weight:normal;
padding:10px 0 10px 20px;
border-top: 0px solid #c6ccd1;
}

.sitemap
{
color:#FFFFFF;
font-family:arial, "trebuchet ms", verdana, helvetica, sans-serif;
font-size:12px;
line-height: 16px;
margin:10px 0px 0px 0px;
font-weight:normal;
padding:10px 0 10px 20px;
text-transform: none;
}

h2
{
color:#FFFFFF;
font-size:12px;
text-transform: uppercase;
margin:12px 0px 15px 20px;
font-weight:bold;
text-align:left;
padding:0px 0px 0px 0px;
}
h2.latest
{

color:#666;
margin:0px 0px 4px 0px;
padding:0px 0px 0px 0px;
}

h2 span
{
color: #d1e9fc;
}

h3
{
color:#FFFFFF;
font-size:12px;
text-transform: uppercase;
margin:0;
font-weight:bold;
text-align:center;
padding:5px 0px 5px 0px;
}

h4
{
color:#FFFFFF;
font-size:12px;
text-transform: uppercase;
margin:12px 0px 10px 20px;
font-weight:bold;
text-align:left;
padding:0px 0px 0px 0px;
}

#toplist
{
width:525px;
height:auto;
margin:0 0 15px 20px;
padding:0;
list-style:none;
}

.toplist
{
background-image:url(cicon.png);
background-repeat:no-repeat;
padding-left:25px;
padding-bottom:8px;
}

.divider
{
font-size: 0px;
position: relative;
border-bottom: solid 1px #d8d8d8;
height: 1px;
width: 200px;
margin: 10px 0px 10px 0px;
}

#announce
{
color:#666;
width:260px;
height:auto;
padding:4px 0px 8px 11px;
margin: 0px auto;
border: 1px solid #666;
background:#FFFFFF;
overflow:visible;
}

/* ----- Content Bloc ------- */

#cbloc1 {
padding: 10px 10px 10px 10px;
height: auto;
width: 240px;
float: left;
margin:  10px 20px 10px 10px;
border: 1px dotted #AFB0B6;
}
#cbloc2 {
padding: 10px 10px 10px 10px;
height: auto;
width: 240px;
float: left;
margin:  10px 10px 10px 10px;
border: 1px dotted #FFFF00;
}


/* ----- SERVICES ------- */
#wrap
{
width:860px;
height:auto;
background-image:url(servicesbg.jpg);
background-repeat:no-repeat;
padding:0 20px 0 20px;
margin: 0px 0px 25px 0px;
}

#wrap_vid
{
width:570px;
height:auto;
background-image:url(vid_holder.jpg);
background-repeat:no-repeat;
padding:0 0px 0 0px;
margin: 20px auto;
}

#wrap_2items
{
width:594px;
height:auto;
background-image:url(packages2bg.jpg);
background-repeat:no-repeat;
padding:0 20px 0 20px;
margin: 22px 0px 0px 0px;
}

#wrap_2itemsc
{
width:594px;
height:auto;
background-image:url(packages2bg_c.jpg);
background-repeat:no-repeat;
padding:0 20px 0 20px;
margin: 22px 0px 0px 0px;
}

#wrap_details
{
width:594px;
height:auto;
background-image:url(package_details.jpg);
background-repeat:no-repeat;
padding:0 20px 0 20px;
margin: 22px 0px 0px 0px;
}

#rightwrap
{
overflow:auto;
width:250px;
height:auto;
padding:0 20px 0 0px;
margin: 0px 0px 0px 0px;
}

#rserv
{
}

#leftcontent ol li
{
line-height:24px;
margin: 0px 0px 0px 7px ;
padding:0;
}

#rserv ul li
{
border-bottom:#AFAFAF dotted 1px;
line-height:20px;
list-style:square;
margin: 0px 0px 0px 7px ;
padding:0;
}

#rserv ul ul li
{
list-style:circle;
margin: 0px 0px 0px 0px ;
padding:0;
}

#rserv ul ul li.sublast
{
border-bottom:#AFAFAF dotted 0px;
margin-bottom: 10px;
}

#rserv li a:link
{
color: #efbcfc;
text-decoration: none;
}

#rserv li a:visited
{
color: #efbcfc;
text-decoration: none;
}

#rserv li a:hover
{
color: #FFFFFF;
text-decoration: none;
}

#rserv li a:active
{
color: #FFFFFF;
text-decoration: none;
}

#right
{
float: right;
position: relative;
width:100px;
padding:0 20px 0 20px;
margin: 0px 0px 25px 0px;
}

#serv
{
width:269px;
height:auto;
margin:0 5px 0 5px;
padding:15px 5px 0 5px;
border-right:#747681 solid 1px;
float:left;
}


#serv ul
{
list-style:none;
margin:0;
padding:0;
}

#serv li
{
list-style:none;
border-bottom:#8E9099 dotted 1px;
padding-left:12px;
line-height:24px;
background-image:url(arrow.gif);
background-repeat:no-repeat;
}

#serv2
{
width:269px;
height:auto;
margin:0 0 0 5px;
padding:15px 0 0 5px;
float:right;
}

#serv2 ul
{
list-style:none;
margin:0;
padding:0;
}

#serv2 li
{
list-style:none;
border-bottom:#a7acb2 solid 1px;
padding-left:12px;
line-height:20px;
background-image:url(arrow.gif);
background-repeat:no-repeat;
}

/* ----- PRODUCTS ------- */

#wrap2
{
width:860px;
height:auto;
background-image:url(3holder.jpg);
background-repeat:no-repeat;
padding:0 20px 0 20px;
margin: 22px 0px 25px 0px;
}

#wrap3
{
width:860px;
height:auto;
background-image:url(itembg.jpg);
background-repeat:no-repeat;
padding:0 20px 0 20px;
margin: 20px 0px 25px 0px;
}

#prod
{
width:269px;
height:auto;
margin:0 5px 0 5px;
padding:5px 5px 0 5px;
border-right:#747681 solid 1px;
float:left;
}

#prod ul
{
list-style:none;
margin:0;
padding:0;
}

#prod li
{
list-style:none;
border-bottom:#8E9099 dotted 1px;
padding-left:12px;
line-height:20px;
background-image:url(arrow.gif);
background-repeat:no-repeat;
}

#prod li.price, #prod2 li.price
{
text-align: right;
border-bottom:#a7acb2 solid 1px;
background-image:none;
}

#details
{
width:570px;
height:auto;
margin:0 5px 0 5px;
padding:5px 5px 0 5px;
float:left;
}

#details ul
{
list-style:none;
margin:0;
padding:0;
}

#details li
{
list-style:none;
border-bottom:#8E9099 dotted 1px;
padding-left:12px;
line-height:20px;
background-image:url(arrow.gif);
background-repeat:no-repeat;
}

#details li.price
{
text-align: right;
border-bottom:#a7acb2 solid 1px;
background-image:none;
}

#prod2
{
width:269px;
height:auto;
margin:0 0 0 5px;
padding:5px 0 0 5px;
float:right;
}

#prod2 ul
{
list-style:none;
margin:0;
padding:0;
}

#prod2 li
{
list-style:none;
border-bottom:#a7acb2 solid 1px;
padding-left:12px;
line-height:20px;
background-image:url(arrow.gif);
background-repeat:no-repeat;
}

#print
{
margin-right:15px;
float: right;
}

#return
{
margin-left:15px;
float: left;
}

#author
{
font-size:10px;
margin-right:15px;
margin-bottom:20px;
border-bottom: 1px dotted #AFB0B6;
float: right;
}

/* ----- FOOTER ------- */
#footer { text-align: right; clear: both; padding: 5px; border-top: 1px solid #ccc; margin-top: 10px; }
#footer a {font-size:10px;}
#footer p {font-size:10px;}

/*
#footer
{
width:900px;
height:auto;
padding:25px 0 25px 0;
text-align:center;
margin-bottom:10px;
margin-top:20px;
color:#efbcfc;
}

#footer a:link {
font-family:arial, trebuchet ms, verdana, helvetica, sans-serif;
font-size:10px;
line-height: 16px;
	color: #E0E0E0;
	text-decoration: none;
}
#footer a:visited {
	font-size:10px;
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	font-size:10px;
	text-decoration: underline;
	color: #FFFFFF;
}
#footer a:active {
	font-size:10px;
	text-decoration: underline;
	color: #FFFFFF;
}
*/
.copyright
{
font-size:9px;
color:#E0E0E0;
}

.thumbnail
{
float: left;
height: 90px;
border: 1px solid #999;
margin: 0 15px 15px 0;
padding: 5px;
}

.picture
{
float: left;
border: 1px solid #000000;
padding: 5px;
background: #FFFFFF;
margin-bottom: 10px;
}

.frame
{
border: 1px solid #999;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

.clearboth { clear: both; }



/* FORM STYLING */
form#contact {padding:0px 0px 10px 20px;}
.field {margin:2px 0px 10px 0px; border:#8E9099 solid 0px; width: 90px; background: url(searchbox.jpg) top left no-repeat; color: #E1E1E1; padding: 8px 10px 14px 10px; font-size:8pt;}
form#contact select {margin:2px 0px 20px 0px; border:#8E9099 solid 0px; background: url(searchbox.jpg) top left no-repeat;}
form#contact textarea{width:390px; height:180px; margin:2px 10px 10px 0px; border: 0px; background: url(textarea.jpg) top left no-repeat; color: #E1E1E1; padding: 10px 20px 14px 10px; font-size:8pt;}

form#book {float: right; margin:15px 0px 15px 0px;}
form#two {margin-left: 20px; border-bottom:#8E9099 dotted 1px; padding-bottom: 20px;}
form#two input.login{background-color: #666; margin: 0px; border:#C0C0C0 solid 1px; padding: 0px; color: #ffffff; width: 60px;}
form#two input.go{background-color: #000000; margin: 0px; border:#C0C0C0 solid 1px; padding: 0px; color: #ffffff; width: 30px;}
form#two p { font-family:arial, trebuchet ms, verdana, helvetica, sans-serif;
font-size:12px;
line-height: 16px;}
.user {width: 60px;}
.pass {width: 60px;}
/* END FORM STYLING */

.dotted
{ border-bottom: 1px #AFB0B6 dotted;
}

select.item
{
border-bottom:#666;
border-right: 0px #666;
margin: 8px 0px 8px 0px;
background: #FFFFFF;
}

#vid
{
width: 434px;
background: #000000;
text-align: center;
margin-left: auto;
margin-right: auto;
padding:0px;
border:#FFFFFF solid 10px;
}

#rave ol li{
	border-bottom: 1px dotted #ccc;
	margin: 0px 10px 10px 0px;
}

form#searchform { margin: 0px; padding: 0px; border: none;}
form#searchform input.search
{

	 width: 90px;
     border-style: hidden;
     border-width: 0px;
     color: #828282;
     padding: 8px 10px 14px 10px;
     font-size:8pt;
     background: url(searchbox.jpg) top left no-repeat;
     margin-left:30px;
}
form#searchform input.search1
{

	 width: 90px;
     border-style: hidden;
     border-width: 0px;
     color: #828282;
     padding: 8px 10px 14px 10px;
     font-size:8pt;
     background: url(searchbox.jpg) top left no-repeat;
     margin-left:30px;
}

form#searchform input.go
{
	 display: none;
     border-style: hidden;
     border-width: 0px;
     color: #eff5f7;
     padding: 11px 10px 10px 10px;
     font-size:8pt;
     margin:0px;
}

#login
{
margin-left:  20px;
}