body { background: #282828 url('imgs/background.jpg') repeat-x; color: #4b4b4b; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 9pt; margin: 0; padding: 0; }
a, a:visited { font-weight: bold; color: #cca635 }
h1 { margin: 5px 0 0 10px; font-size: 1.5em; font-weight: normal; }
img { border: 0; }

.margin-10 { margin: 10px; }
.margin-left10 { margin-left: 10px; }
.margin-top10 { margin-top: 10px; }
.margin-right10 { margin-right: 10px; }
.margin-bottom10 { margin-bottom: 10px; }
.padding-top10 { padding-top: 10px; }

.appstorelink {
	margin: 10px;  
	}

#wrapper { margin: 50px auto; width: 900px; }

#page { 
float: left;
width: 900px; 
min-height: 400px; 
margin: 0; 
padding: 0;
background: #e6e6e6 url('imgs/leftbackground.jpg') repeat-x bottom;
border: 1px solid #b3b3b3; border-radius: 10px; -moz-border-radius: 10x;
box-shadow: 0px 0px 15px 10px #181818;
}

#left { 
float: left;
width: 250px;
min-height: 400px;
border-radius: 10px 0 0 10px;
}

.leftbox {
float: left;
width: 230px;
margin: 10px;
margin-top: 0;
margin-bottom: 10px;
border-bottom: 1px solid #b3b3b3;
}

.feeddate  {
float: left;
width: 230px;
color: #999;
font-size: 0.8em;
margin: 0;
}

.leftbox img { display: block; margin: auto; margin-top: 10px; margin-bottom: 10px; }

.menubutton {
display: block;
margin: auto;
margin-bottom: 10px;
float: left;
width: 227px;
height: 32px;
}

.menubutton a 
{
display:block;
text-decoration: none;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}

#aboutbutton {
background: url('imgs/aboutbuttons.jpg');
background-position: -227px 0px;
}
#aboutbutton:hover {
background-position: 227px 0px;
}
#mazementbutton {
background: url('imgs/mazementbuttons.jpg');
background-position: -227px 0px;
}
#mazementbutton:hover {
background-position: 227px 0px;
}
#contactbutton {
background: url('imgs/contactbuttons.jpg');
background-position: -227px 0px;
}
#contactbutton:hover {
background-position: 227px 0px;
}
#newsbutton {
background: url('imgs/newsbuttons.jpg');
background-position: -227px 0px;
}
#newsbutton:hover {
background-position: 227px 0px;
}
#pressbutton {
background: url('imgs/pressbuttons.jpg');
background-position: -227px 0px;
}
#pressbutton:hover {
background-position: 227px 0px;
}

#right {
float: right;
width: 649px;
min-height: 700px;
background: #f5f5f5 url('imgs/rightbackground.jpg') repeat-x bottom;
border-left: 1px solid #b3b3b3;
border-radius: 0 10px 10px 0;
padding-bottom: 10px;
}

#highlightContainer {
float: left;
border-bottom: 1px solid #b3b3b3;
width: 629px;
margin: 10px;
margin-bottom: 0px;
padding-bottom: 10px;
height: 355px;
position: relative;
}

.highlightButtonContainer {
float: left;
width: 30px;
height: 100%;
position: relative;
margin: 0;
padding: 0;
}

.highlightButton {
width: 30px;
height: 30px;
position: absolute;
bottom: 0;
margin: 0;
padding: 0;
cursor: pointer;
}

.highlightButtonLeft { background: url('imgs/leftbutton.jpg'); }

.highlightButtonRight { background: url('imgs/rightbutton.jpg'); }

.highlight {
width: 549px;
height: 100%;
margin: 0;
padding: 0;
padding-left: 10px;
padding-right: 10px;
}

.singleHighlight {
position: absolute;
float: left;
height: 100%;
width: 100%;
margin: 0;
margin-top: 5px;
padding: 0;
}

.singleHighlight img {
display: block;
margin: auto;
border-radius: 5px; -moz-border-radius: 10px;
border: 0;
box-shadow: 0 0 3px 3px #aaa;
}

#highlightLink {
display: none;
position: absolute;
left: 469px;
top: 310px;
z-index: 100;
color: #eee;
font-size: 1.4em;
margin: 0;
background-image: url('imgs/transpBlack50.png');
border-radius: 5px;
border: 1px solid #ffbb35;
box-shadow: 0px 0px 3px 1px #000;
}

#highlightLink a, #highlightLink p {
color: #ffbb35;
font-weight: bold;
margin: 0px 3px 3px 3px;
}

.box  {
float: left;
min-height: 100px;
background: #f5f5f5 url('imgs/boxbackground.jpg') repeat-x bottom;
border: 1px solid #b3b3b3; border-radius: 10px; -moz-border-radius: 10x;
margin-left: 10px;
margin-top: 10px;
margin-right: 10px;
padding-bottom: 10px;
}

.box p { margin: 10px; }

.boxheader {
float: left;
background: url('imgs/headerbackground.jpg');
width: 100%;
height: 32px;
border-bottom: 1px solid #b3b3b3;  
border-radius: 10px; 
-moz-border-radius: 10x;
margin: 0;
margin-bottom: 10px;
padding: 0;
box-shadow: 0px 4px 3px #cccccc;
min-width: 627px;
}

.boxheader h1 {
float: left;
margin-top: 5px;
font-size: 1.3em;
}

p.boxheaderdate {
float: right;
margin: 0;
margin-top: 19px;
margin-right: 10px;
font-size: 0.8em;
}

#footer { float: left; width: 900px; text-align: center; }

#foooter p { font: 0.8em #808080; }

.left {
float: left;
}
.socialMediaButton{
margin-left: 10px;
}

#socialMedia {
float: left; 
margin-top: 10px;
}

#socialMedia img {
margin-bottom: 10px;
}