body, html {
    width           : 100%;
    height          : 100%;
}

body {
    font            : 14px / normal Tahoma, Geneva, sans-serif;
    margin          : 0;
    padding         : 0;
    background      : transparent url(img/html2.jpg);
}

a {
    color: #0071BC;
}
a:hover {
    text-decoration: underline;
    color: #c00;
}
p {
	padding: 10px 0;
}

h1 {
    font-size: 36px;
    font-weight: lighter;
    color: #0071BC;
    padding: 0 0 10px;
}
h2 {
	font-size: 24px;
	font-weight: lighter;
	color: #0099FF;
	padding: 10px 0;
}
h3 {
	font-size: 18px;
	font-weight: lighter;
	color: #0099FF;
	padding: 10px 0;
}
.clr {
    clear: both;
}
.infotable {
	margin: 5px auto;
	padding: 10px 0;
}
.infotable td {
	padding: 10px 20px 20px;
	width: 350px;
	margin: 2px;
	border-right: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}
.centered td {
	text-align: center;
}

.bb {
	border-bottom: 1px dotted #ccc;
}
.bbn {
	border-bottom: none;
}

.br {
	border-right: 1px dotted #ccc;	
}
.brn {
	border-right: none;
}

.bt {
	border-top: 1px dotted #ccc;	
}
.btn {
	border-top: none;
}


#wrapper {
    width           : 1085px;
    margin          : 0 auto;
    background      : transparent url(img/wrp.png) repeat-y scroll 50% 0;
}

#header, #slogan, #menu, #content, #footer {
    width: 1055px;
    margin: 0 auto;
}

/*
*  header
*/
#header {
    background      : #fff url(img/f.png) repeat-x scroll 0 bottom;
}

#header a {
    display         : block;
    width           : 130px;
    height          : 67px;
    padding         : 30px 20px;
    background      : transparent url('img/beam-logo.gif') no-repeat scroll 50% 50%;
}

#header a h1 {
    visibility      : hidden;
    display         : none;
}

/*
*  slogan
*/
#slogan {
    background      : transparent url(img/29d.gif) repeat scroll 0 0;
    height          : 300px;
}

#slogan h2 {
    font-size       : 36px;
    font-weight     : lighter;
    color           : #fff;
    padding         : 100px 20px 20px;
    float           : left;
}

#slogan .photo {
    float           : right;
    padding         : 10px 20px 10px 0;
}

#menu {
    background      : #0071BC url(img/c.png) repeat-x scroll 0 0;
    height          : 25px;
    padding         : 10px 0 0;
}

#menu li {
    float           : left;
    margin          : 0 1em;
}

#menu li a {
    display         : block;
    height          : 20px;
    float           : left;
    width           : 230px;
    text-align      : center;
    color           : #fff;
    text-decoration : none;
}

#menu li a:hover {
    text-decoration : underline;
}

#content {
    clear: both;
    background: #fff;
}
#content .content {
    float: left;
    width: 635px;
    padding: 20px 5px 20px 20px;
    background: #fff;
}
#content .picture {
    float: right;
    padding: 20px 20px 20px 5px;
    width: 370px;
    background: #fff;    
}
#more{
	padding: 20px;
}
#footer {
    background: #ccc url(img/28d.gif) repeat scroll 0 0;
    clear: both;
}
#footer p{
    padding: 30px;
    color: #333;
    font-size: 12px;
    float: left;
}
#footer p#counter {
	float: right;
}
#footer-wrapper {
    width: 1085px;
    padding: 0 0 20px;
    margin: 0 auto;
    background: transparent url(img/wrpb.png) no-repeat scroll 0 0;
    text-align: center;
}
#footer-wrapper a {
    display: none;
    font-size: 11px;
    color: #fff;
    opacity: .5;
    margin: 0 auto;
}