/**********  default css  **********/

* {
font-size:1em;
font-weight:400;
font-style:normal;
margin:0;
padding:0;
}

ul,ol {
list-style:none;
}

fieldset,img {
border:none;
}

caption,th {
text-align:left;
}

table {
border-collapse:collapse;
border-spacing:0;
}

.clear {
clear:both;
}

html {
  height: 100%;
}

body {
text-align:center
}

/**********  intro css  **********/

body#intro {
height:100%;
background:#D3031B;
}

#nonFooter {
position:relative;
min-height: 100%;
height: 100%;
}

* html #nonFooter {
height:100%;
}

#content {
position: absolute; 
top: 50%;  
left: 50%; 
width: 584px;  
height: 137px;  
margin-top: -80px; /*137*/
margin-left: -292px;  
}

#content a {
display:block;
width:584px;
height:137px;
vertical-align:middle;
background:#D3031B url(images/intro.gif) no-repeat;
}


/**********  main css  **********/

#main {
width:790px;
margin:26px auto 10px auto;
text-align:left;
}


/**********  head css  **********/

#head {
margin-top:52px;
height:315px;
}

#head-left {
width:395px;
height:200px;
float:left;
text-align:right;
}

#head-right {
width:395px;
height:200px;
float:right;
}

#head-logo {
float:right;
}

#head-right-content {
clear:right;
}


/**********  middle css  **********/

#middle {
clear:both;
height:53px;
}


/**********  footer css  **********/

#footer {
width:791px;
position:relative;
}

div#gallery-prev {
width:396px;
float:left;
}

div#gallery-next {
width:395px;
float:right;
}

#gallery-prev a, #gallery-next a {
display:block;
width:396px;
height:51px;
background:url(images/gallery-prev.gif) no-repeat;
text-indent:-9999px;
}

#gallery-next a {
width:395px;
background:url(images/gallery-next.gif) no-repeat;
text-indent:-9999px;
}

#gallery-next a:hover, 
#gallery-next a:focus, 
#gallery-prev a:hover,
#gallery-prev a:focus {
outline: none;
}