body {
color:#333;
background-attachment:scroll;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#f7fcf8;
margin:0;
padding:0;
}

div,h1,h2,h3,h4,p,form,label,input,textarea,img,span {
margin:0;
padding:0;
}

p {
line-height:1.5em;
margin-bottom:1em;
}

ul {
list-style-type:none;
font-size:0;
line-height:0;
margin:0;
padding:0;
}

a img {
border:none
}

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

/*topheader*/

#topheader {
width:1004px;
height:146px;
font-family:Tahoma;
font-size:12px;
font-style:normal;
line-height:normal;
font-weight:700;
font-variant:normal;
text-transform:none;
color:#dcd66e;
text-decoration:none;
float:none;
background-image:url(images/topbanner_bg.jpg);
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
padding:0;
}

.logo {
background-image:url(images/logo.png);
background-repeat:no-repeat;
float:left;
width:321px;
height:95px;
margin:30px 0 0 20px;
padding:0;
}

div#top-nav-button-left {
background:url(images/top-nav-button-left.png) no-repeat;
width:41px;
height:82px;
float:left;
margin-top:40px;
margin-left:100px;
}

div#top-nav-button-left:hover {
background:url(images/top-nav-button-left-hover.png) no-repeat;
}

div#top-nav-button-right {
background:url(images/top-nav-button-right.png) no-repeat;
width:41px;
height:82px;
float:left;
margin-top:40px;
}

div#top-nav-button-right:hover {
background:url(images/top-nav-button-right-hover.png) no-repeat;
}

div#nav-top {
height:81px;
background:url(images/top-nav-bar.png) no-repeat;
list-style-type:none;
float:right;
}

div#theme-carousel {
float:left;
overflow:hidden;
height:82px;
width:415px;
margin-left:0;
margin-top:40px;
background:url('images/trans.png') repeat;
}

div#theme-carousel ul {
list-style-type:none;
}

div#theme-carousel ul li {
background:url(images/top-nav-bar-item.png);
float:left;
height:111px;
width:82px;
}

ul#theme-carousel li a:hover,ul#nav li a:active {
background:url(images/top-nav-bar-item-hover.png) no-repeat;
}

.menu_area {
float:left;
margin:10px 0 0;
padding:0;
}

.menu_text {
font-family:Arial;
font-size:10px;
font-weight:400;
font-variant:normal;
text-transform:none;
color:#000;
text-decoration:none;
}

.button-about {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#5a5a5a;
text-decoration:none;
background-image:url(images/menu_01.png);
background-repeat:no-repeat;
float:left;
height:70px;
width:100px;
margin:0 0 0 20px;
padding:10px 0 0 61px;
}

.button-about:hover {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#DE000C;
text-decoration:none;
background-image:url(images/menu_01.png);
background-repeat:no-repeat;
float:left;
height:70px;
padding:10px 0 0 61px;
}

.button-screenshots {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#5a5a5a;
text-decoration:none;
background-image:url(images/menu_02.png);
background-repeat:no-repeat;
float:left;
height:70px;
width:180px;
margin:0;
padding:10px 0 0 59px;
}

.button-screenshots:hover {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#DE000C;
text-decoration:none;
background-image:url(images/menu_02.png);
background-repeat:no-repeat;
float:left;
height:70px;
margin:0;
padding:10px 0 0 59px;
}

.button-download {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#5a5a5a;
text-decoration:none;
background-image:url(images/menu_03.png);
background-repeat:no-repeat;
float:left;
height:70px;
width:150px;
margin:0;
padding:10px 0 0 60px;
}

.button-download:hover {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#DE000C;
text-decoration:none;
background-image:url(images/menu_03.png);
background-repeat:no-repeat;
float:left;
height:70px;
margin:0;
padding:10px 0 0 60px;
}

.button-help {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#5a5a5a;
text-decoration:none;
background-image:url(images/menu_04.png);
background-repeat:no-repeat;
float:left;
height:70px;
width:70px;
margin:0;
padding:10px 0 0 60px;
}

.button-help:hover {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#DE000C;
text-decoration:none;
background-image:url(images/menu_04.png);
background-repeat:no-repeat;
float:left;
height:70px;
margin:0;
padding:10px 0 0 60px;
}

.button-develop {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#5a5a5a;
text-decoration:none;
background-image:url(images/menu_05.png);
background-repeat:no-repeat;
float:left;
height:70px;
width:170px;
margin:0;
padding:10px 0 0 60px;
}

.button-develop:hover {
font-family:Arial;
font-size:31px;
font-weight:400;
text-transform:lowercase;
color:#DE000C;
text-decoration:none;
background-image:url(images/menu_05.png);
background-repeat:no-repeat;
float:left;
height:70px;
margin:0;
padding:10px 0 0 60px;
}

/*search strip*/

#search_strip {
width:1004px;
height:90px;
font-family:Tahoma;
font-size:12px;
font-style:normal;
line-height:normal;
font-weight:700;
font-variant:normal;
text-transform:none;
color:#dcd66e;
text-decoration:none;
float:none;
background-color:#EFFBFB;
background-repeat:no-repeat;
background-position:center;
margin:0 auto;
padding:0;
}

/*bodyarea*/

#body_area {
margin-top:0;
margin-right:20px;
margin-bottom:0;
font-family:Tahoma;
font-size:12px;
font-style:normal;
line-height:normal;
font-weight:700;
font-variant:normal;
text-transform:none;
text-decoration:none;
float:none;
padding:20px 0 0;
}

#innerbody_area {
width:1004px;
font-family:Tahoma;
font-size:12px;
font-style:normal;
line-height:normal;
font-weight:700;
font-variant:normal;
text-transform:none;
text-decoration:none;
float:none;
margin:0 auto;
padding:52px 0 0;
}

.midarea {
float:left;
margin:0;
padding:0 0 0 40px;
}

.body_textarea {
font-family:Arial;
font-size:14px;
font-weight:400;
text-decoration:none;
float:left;
background-color:#fff;
width:800px;
margin:0 50px 0 35px;
padding:10px;
}

#quote {
margin-left:50px;
font-weight:700;
color:#868686;
}

.contribPics {
display:block;
background:url(images/contrib-pics.png);
height:180px;
width:140px;
float:right;
}
.contribPics span {
margin-left:7px;
margin-top:8px;
}

/*footer*/
#fotter{
width:100%;
margin-right: auto;
margin-left: auto;
font-family: "Trebuchet MS";
font-size: 11px;
font-weight: bold;
color: #c5a873;
float: left;
height: 90px;
background-color:#E7ECD8;
background-attachment: scroll;
}
.fotter_links {
font-family: Arial;
font-size: 11px;
margin: 0px;
float: left;
height: 20px;
width: 100%;
color: #202219;
padding-top: 15px;
}
.fotter_text {
font-family: Arial;
font-size: 12px;
font-weight: normal;
color: #cb0002;
text-decoration: none;
margin: 0px;
float: left;
height: 43px;
width: 944px;
padding-top: 53px;
padding-right: 30px;
padding-bottom: 32px;
padding-left: 30px;
}
.fotter_copyrights {
font-family: "Trebuchet MS";
font-size: 10px;
font-weight: normal;
margin: 0px;
float: left;
height: 20px;
width: 100%;
color: #b17a04;
padding-top: 5px;
padding-bottom: 2px;
}
a.fotterlink:link, a.fotterlink:visited {
font-family: Arial;
font-size: 11px;
line-height: normal;
font-weight: normal;
text-decoration: none;
color: #202219;
padding-right: 5px;
padding-left: 5px;
}
a.fotterlink:hover {
text-decoration: none;
color: #b17a04;
padding-right: 5px;
padding-left: 5px;
}
a.fotterlink:active{
color: #202219;
}
.fotter_designed {
width: 100%;
color: #3e8f96;
padding-top: 15px;
}
.fotter_designedlink {
color: #1d6369;
text-decoration:none;
}
.fotter_designedlink:hover {
color: #b17a04;
}

/*custom*/
#slideshowScreenshots {
height:300px;
width:550px;
display:block;
}

#slideshowScreenshots img {
margin-left:120px;

}
.bottom-menu li {
display:inline;
}