body {
margin: auto;
padding: 0;
text-align: center;
background: #262626;
}


/* Gallery Styles */

#motioncontainer {
/*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
width: 80%; /* Set to gallery width, in px or percentage */
height: 250px; /* Set to gallery height */
}

#motioncontainer a img {
border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
background-color: lightyellow;
border: 1px solid gray;
padding: 2px;
position: absolute; /* Stop Editing Gallery Styles */
left: -300px;
visibility: hidden;
}

#motioncontainer a:hover {
color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */

/* Fonts */

.font10	{
font: 10px arial, helvetica, sans-serif;
}

.font11	{
font: 11px arial, helvetica, sans-serif;
}

.font12	{
font: 12px arial, helvetica, sans-serif;
}

/* Layout */

.mainwidth	{
width: 905px;
}

.fullwidth	{
width: 100%;
}

.blackwrapper	{
position: relative;
background: #000;
}

.wrapper	{
position: relative;
margin: auto;
text-align: left;
}

.logo a	{
position: absolute;
top: 0;
left: 0;
width: 239px;
height: 203px;
display: block;
z-index: 10;
background: url(../Media/logo.jpg);
}

.content	{
padding-top: 203px;
color: #fff;
}

.contentlt	{
float: left;
padding: 15px 15px 0 15px;
width: 210px;
\width: 240px;
w\idth: 210px;
min-height: 400px;
height: auto !important;
height: 400px;
background: url(../Media/leftbg.jpg) no-repeat bottom;
}

.contentFull	{
float: left;
padding: 15px 15px 0 15px;
width: 940px;
\width: 940px;
w\idth: 940px;
min-height: 400px;
height: auto !important;
height: 400px;
background: url(../Media/leftbg2.jpg) no-repeat bottom;
}

.contentBoard	{
float: left;
padding: 15px 15px 0 15px;
width: 940px;
\width: 940px;
w\idth: 940px;
min-height: 400px;
height: auto !important;
height: 400px;
background: url(../Media/leftbg3.jpg) no-repeat bottom;
}

.paddinglt	{
padding: 7px 10px 25px 10px;
}

.contentrthm	{
float: right;
padding: 290px 30px 0 30px;
width: 603px;
\width: 663px;
w\idth: 603px;
margin-top: -50px;
background: url(../Media/main.jpg) no-repeat center top;
}

.contentrt	{
float: right;
padding: 0 30px 20px 30px;
width: 603px;
\width: 663px;
w\idth: 603px;
}

.footerwrapper	{
position: relative;
text-align: center;
border-top: 5px solid #666;
}

.footer	{
margin: auto;
padding: 20px 0 50px 0;
text-align: left;
color: #888;
}

.footer a, footer a:hover	{
color: #888;
}

.footerlt	{
float: left;
padding-left: 10px;
width: 340px;
\width: 350px;
w\idth: 340px;
}

.footerrt	{
float: right;
padding-right: 10px;
width: 500px;
\width: 490px;
w\idth: 500px;
text-align: right;
}

.footerrt img	{
float: right;
margin-left: 10px;
}

.subcontentlt	{
float: left;
border-right: 1px solid #333;
padding: 0 10px;
width: 331px;
\width: 342px;
w\idth: 331px;
}

.subcontentrt	{
float: left;
padding: 0 0 0 10px;
width: 241px;
\width: 251px;
w\idth: 241px;
}

.showcallout	{
border: 1px solid #333;
width: 329px;
\width: 331px;
w\idth: 329px;
padding-bottom: 1px;
background: url(../Media/showcalloutbg.gif) no-repeat top right;
}

.showcalloutpadding	{
padding: 15px;
}

.thumb	{
float: left;
text-align: center;
margin: 0 15px 15px 0;
}

.prod-thumb	{
width: 280px;
float: left;
margin: 0 10px 15px 0;
}

.mini-basket {
font: 11px arial, helvetica, sans-serif;
color: #999;
width: 300px;
text-align: right;
position: absolute;
top: 205px;
right: 31px;
}

/* Standard Elements */

a	{
color: #fff;
text-decoration: underline;
}

a:hover	{
color: #fff;
text-decoration: none;
}

img	{
border: 0;
}

form	{
margin: 0;
padding: 0;
display: inline;
}

input, textarea, select	{
font: 10px arial, helvetica, sans-serif;
}

.alt	{
display: none;
}

.clear	{
clear: both;
margin: 0;
padding: 0;
height: 0;
font-size: 0;
line-height: 0;
}

.center	{
text-align: center;
}

.right	{
text-align: right;
}

.hr	{
border-bottom: 1px solid #666;
padding-top: 10px;
margin-bottom: 10px;
}

/* Colors */

.ltgrey	{
color: #ccc;
}

/* Crossfade Styles */

#main-photo	{ 
position: relative; 
margin: 0; 
padding: 0;
}

#main-photo li	{
display: block;
}

/* Nav */

.nav	{
width: 666px;
height: 142px;
position: absolute;
top: 26px;
right: 0;
display: block;
background: url(../Media/nav-bg.jpg);
}

.nav-item1 a, .nav-item2 a, .nav-item3 a, .nav-item4 a	{
width: 90px;
height: 65px;
padding: 0;
display: block;
position: absolute;
top: 66px;
z-index: 10;
}

.nav-item5 a	{
width: 136px;
height: 65px;
padding: 0;
display: block;
position: absolute;
top: 66px;
z-index: 10;
}

.nav-item1 a	{
left: 307px;
background: url(../Media/nav1.gif);
}

.nav-item2 a	{
right: 397px;
background: url(../Media/nav2.gif);
}

.nav-item3 a	{
right: 287px;
background: url(../Media/nav3.gif);
}

.nav-item4 a	{
right: 177px;
background: url(../Media/nav4.gif);
}

.nav-item5 a	{
right: 22px;
background: url(../Media/nav5.gif);
}

.nav-item1 a:hover, .nav-item2 a:hover, .nav-item3 a:hover, .nav-item4 a:hover, .nav-item5 a:hover	{
background-position: 0 -65px;
}

.topnav	{
position: absolute;
top: 30px;
right: 45px;
width: 300px;
z-index: 10;
}

.topnav img	{
float: right;
margin-right: 15px
}

#about-menu, #fotos-menu, #news-menu	{
color: #fff;
padding: 20px 0;
width: 89px;
text-align: center;
position: absolute;
visibility: hidden;
top: 132px;
z-index: 99;
background: url(../Media/ddbg.gif) no-repeat top #600;
}

#about-menu	{
left: 307px;
}

#fotos-menu	{
left: 417px;
}

#news-menu	{
left: 530px;
}