/* CSS Document */

body
{
background-color: #000000;
color: #FFFFFF;
text-align:center;
}

a img {
border: 0;
}

a:link, a:active, a:visited
{
background-color: #000000;
color: #000000;
text-decoration:none;
border: 0;
}

.body
{
margin: 0 auto;
background-color: #000000;
color: #FFFFFF;
height:100%;
width:1024px;
min-height:600px;
}

.floating
{
width:100%;
height:100%;
position:relative;
}

.main
{
width:100%;
height:100%;
position:absolute;
left:0;
}

.subtitle
{
text-align: left;
padding-left:40px;
position:relative;
top:75px;
padding-top: 20px;
}

.floating>.main   /*for Mozilla and Opera*/
{
display:table;
}

.main .mainmenu
{
        position:absolute;
        left:0;
        width:100%;
}

.main .mainmenu { /*for IE*/
        top:50%;
}

.mainmenu div{
        position:relative;
        width: 900px;
        margin: 0 auto;
        padding:0px;
}

.main .mainmenu div{
        top:-50%;
        width: 900px;
        margin: 0 auto;
        padding:0px;
}

.mainmenu div ul, .footermenu ul
{
         padding: 0px;
         margin: 0px;
}

.mainmenu div ul
{
         margin-top: -4px;   /*bug in IE*/
}

.mainmenu>div>ul
{
         margin-top: 0px;
}

.mainmenu div li, .footermenu li
{
         float:left;
/*         margin-top: -4px;IE*/
         padding: 0px;
         margin: 0px;
         display:inline;
}

.main>.mainmenu { /*for Mozilla and Opera*/
        display:table-cell;
        vertical-align:middle;
        position:static;
}

.header, .relativeheader, .footer, .relativefooter
{
background-repeat:no-repeat;
background-position:center;
height: 75px;
}

.header
{
top:0px;
}

.footer
{
bottom:0px;
}

.header, .relativeheader
{
background-image:url(../img/bk_top.jpg);
}

.footer,.relativefooter
{
background-image:url(../img/bk_bottom.jpg);
}

.footer, .header
{
left:0px;
width: 100%;
position: absolute;
}

.relativeheader, .relativefooter
{
width:1024px;
margin: 0 auto;
position:relative;
}

.footermenu
{
height: 35px;
width: 1024px;
bottom:75px;
position:absolute;
left: 0px;
}

.introsubtext
{
margin-right: 75px;
margin-top: 75px;
}

.halfheight
{
position: absolute;
width: 100%;
bottom:0px;
height: 50%;
left:0px;
text-align:right;
}

.art, .portfolio, .wedding, .geo
{
width:202px;
height:128px;
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
}

a.about, a.contact, a.service, a.close, a.next, a.previous
{
display:block;
background-repeat:no-repeat;
background-position:0px 0px;
height:35px;
}

a.next
{
width:150px;
background-image:url("../img/next.jpg");
}

a.close
{
width:115px;
background-image:url("../img/close.jpg");
}

a.previous
{
width:170px;
background-image:url("../img/previous.jpg");
}


a.about
{
margin-left: 242px;
width:244px;
background-image:url("../img/about.jpg");
}

a.contact
{
width:174px;
background-image:url("../img/contact.jpg");
}

a.service
{
width:123px;
background-image:url("../img/service.jpg");
}

a.about:hover,a.service:hover,a.contact:hover,a.close:hover, a.next:hover, a.previous:hover
{
background-position:0px -35px;
}

.portfolio, .geo
{
margin-left:12px;
margin-right:12px;
}

.art
{
margin-right:12px;
margin-left:10px;
background-image:url("../img/art.jpg");
}

.geo
{
background-image:url("../img/geo.jpg");
}

.portfolio
{
background-image:url("../img/portfolio.jpg");
}

.wedding
{
margin-left:12px;
background-image:url("../img/wedding.jpg");
}

a.wedding:hover, a.art:hover, a.portfolio:hover, a.geo:hover, span.art, span.geo, span.portfolio, span.wedding
{
background-position:0px -128px;
}

#upload
{
         top: 80px;
         position: relative;
}

.horcenter
{
position: absolute;
top: 50%;
left: 0px;
width: 100%;
text-align: center;
}