/* Ark Webiste - October 2008. Site developed by Magic House. */

/* Zeroing for better cross browser positioning */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset 
{
	margin: 0;
	padding: 0;
	border: 0;
	font-family:Arial;
	color:#AAADB0;
}

/* Main site elements */
body 
{
    background-color:#000000; 
}
h1 
{   
    font-size:21px;
    color:#AAADB0;
    font-weight:normal;
}
h2
{
    color:#AAADB0;
    font-size:13px;
    font-weight:bold;
}
h3 /* Small print */
{
    font-size:9px;
    color:#AAADB0;
    font-weight:normal;
}
p 
{
    font-size:11px;
    color:#AAADB0;
}
a 
{
    color:#E6E6E6;
    font-weight:bold;
    text-decoration:none;
}
ul 
{
    font-size:11px;
    color:#AAADB0;
    list-style-position:inside;
    margin:0px;
    padding:0px;
}
img 
{
    border:none;
}

/* Structural elements */
#wrapper 
{
    width:880px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
    padding-left:30px;
    padding-right:50px;
}
#indexLogo 
{
    padding-top:110px;
    text-align:center;
}
#indexText
{
    text-align:center;
    font-size:14px;
    padding-top:100px;
}
#indexText a
{
    color:#E6E6E6;
    font-weight:normal;
}
#indexText a:hover 
{
    color:#9BBF24;
    font-weight:bold;
}
#navigationContainer 
{
    width:155px;
    float:left;
    margin-right:25px;
    text-align:right;
}
#mainContentContainer
{
    width:350px;
    float:left;
    padding-left:25px;
    border-left:solid 1px #9BBF24;
    min-height:345px;
}
#mainContentContainerLarge
{
    width:674px;
    float:left;
    padding-left:25px;
    border-left:solid 1px #9BBF24;
    min-height:345px;
}
* html #mainContentContainer {
    height: 345px;
}
#submenuContainer 
{
    width:300px;
    float:right;
    margin-left:24px;
}
#floatClear 
{
    clear:both;
    padding-bottom:50px;
}

/* Navigation styling */
#navigation
{
    text-align:right;
    list-style:none;
}
#navigation li 
{
    height:24px;
}
#navigation li a
{
    color:#E6E6E6;
    text-decoration:none;
    font-size:12px;
    vertical-align:middle;
    font-weight:normal;
}
#navigation li a:hover
{
    color:#9BBF24;
    font-size:16px;
    font-weight:bold;
}
#navigation .activeNav 
{
    color:#9BBF24;
    font-size:16px;
    font-weight:bold;
}
#submenu 
{
    width:300px;
    list-style:none;
    list-style-position:outside;
}
#submenu li a
{
    display:block;
    width:297px;
    padding:2px;
    background-color:#4D4D4D;
    color:#000000;
    font-size:11px;
    text-decoration:none;
    margin-bottom:3px;
    font-weight:normal;
}
#submenu li a:hover
{
    background-color:#9BBF24;
    margin-bottom:3px;
    font-weight:normal;
}
#submenu .activeSub 
{
    background-color:#9BBF24;
    margin-bottom:3px;
    font-weight:normal;
}

/* Contact Form */
#contactContainer 
{
    background-color:#333333;
    padding:25px;
    width:300px;
}
.contactTable td
{
    margin:0px;
    padding:0px;
}
.contactLabels 
{
    font-size:11px;
    color:#B3B3B3;
    margin:0px;
    padding:0px;
}
.contactTextbox
{
    border:none;
    background-color:#B3B3B3;
    width:245px;
    color:#000000;
    font-size:12px;
    margin:0px;
    padding:0px;
}
.contactSignupText
{
    font-size:9px;
    color:#B3B3B3;
}
.contactButton 
{
    border:none;
    font-size:11px;
    width:245px;
    text-align:right;
    background-color:#9BBF24;
    padding-right:5px;
    font-weight:bold;
}

/* Classes */
.arkLogoPadding 
{
    padding-bottom:50px;
}
.radissonLogoPadding 
{
    margin-top:15px;
}
.addressText 
{
    font-size:9px;
    color:#808080;
    padding-top:50px;
}
.loginButton 
{
    border:none;
    font-size:11px;
    background-color:#9BBF24;
}
.logoutNews 
{
    font-weight:normal;
    font-size:12px;
    color:#FFFFFF;
}
.imagePadding 
{
    padding-bottom:3px;
}

                                /* Alterations for white based pages */
                                #whitePage
                                {
                                    background-color:#FFFFFF;
                                }
                                #whitePage h1 
                                {   
                                    font-size:21px;
                                    color:#666666;
                                    font-weight:normal;
                                }
                                #whitePage h2
                                {
                                    color:#666666;
                                    font-size:13px;
                                    font-weight:bold;
                                }
                                #whitePage h3 /* Small print */
                                {
                                    font-size:9px;
                                    color:#666666;
                                    font-weight:normal;
                                }
                                #whitePage p 
                                {
                                    font-size:11px;
                                    color:#666666;
                                }
                                #whitePage a 
                                {
                                    color:#333333;
                                    font-weight:bold;
                                    text-decoration:none;
                                }
                                #whitePage ul
                                {
                                    font-size:11px;
                                    color:#666666;
                                    list-style-position:inside;
                                    margin:0px;
                                    padding:0px;
                                }
                                #whitePage ul li
                                {
                                    color:#666666;
                                }
                                #whitePage #navigation li a
                                {
                                    color:#333333;
                                    text-decoration:none;
                                    font-size:12px;
                                    vertical-align:middle;
                                    font-weight:normal;
                                }
                                #whitePage #navigation li a:hover
                                {
                                    color:#9BBF24;
                                    font-size:16px;
                                    font-weight:bold;
                                }
                                #whitePage #navigation .activeNav
                                {
                                    color:#9BBF24;
                                    font-size:16px;
                                    font-weight:bold;  
                                }
                                #whitePage #submenuContainer 
                                {
                                    width:300px;
                                    float:right;
                                    margin-left:24px;
                                }
                                #whitePage #submenu 
                                {
                                    width:300px;
                                    list-style:none;
                                    list-style-position:outside;
                                }
                                #whitePage #submenu li a
                                {
                                    display:block;
                                    width:297px;
                                    padding:2px;
                                    background-color:#CCCCCC;
                                    color:#FFFFFF;
                                    font-size:11px;
                                    text-decoration:none;
                                    margin-bottom:3px;
                                    font-weight:normal;
                                }
                                #whitePage #submenu li a:hover
                                {
                                    background-color:#9BBF24;
                                    margin-bottom:3px;
                                    font-weight:normal;
                                }
                                #whitePage #submenu .activeSub
                                {
                                    background-color:#9BBF24;
                                    margin-bottom:3px;
                                    font-weight:normal;
                                }
                                #whitePage .addressText 
                                {
                                    font-size:9px;
                                    color:#B3B3B3;
                                    padding-top:50px;
                                }
                                
                                
/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }