/* ============================== Page Structure ============================== */

body{
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000000;
	background: url(../images/background.jpg) repeat-x;
}

#container{
	width:960px;
	margin: 0 auto;
}

#header{
	height:80px;
}

#logo{
	float:left;
}

#cunard-logo{
	float:right;
}

#content-area{
	width:960px;
	padding:20px 0;
}

#content-img{
	margin-bottom:20px;	
}

span.home {
	display: none;
	}


/* ============================== Footer elements ============================== */


#footer{
	width:100%;
	height:50px;
	background:#f8f8f8;
	border-top: solid 1px #e1e1e1;	
	color:#666666;

}

#footer-content{
	width:960px;
	margin:0 auto;
	font-size:11px;
	padding-top: 17px;
}

#footer-content a{
	color:#666666;
}

#addthis{
	float:right;	
}

#facebook{
	float:right;
}

#plusone{
	float:right;
	padding-right:10px;
}

#twitter{
	float:right;
}

/* ============================== Divider elements ============================== */

div.clear {
	clear: both;
	margin: -1px 0 0 0;
	visibility: hidden;
	height: 1px;
}

div.clear hr, div.divider hr {
	display: none;
}

div.divider {
	clear: both;
	margin: 15px 0;
	border-top: solid 1px #e1e1e1;
}


/* ============================== Navigation Items ============================== */

#navigation{
	padding:17px 0 0 0;
	height:33px;
	color:#fff;
	font-size:14px;
}

#navigation ul, #subnavigation ul{
	margin:0;
	padding: 0;
}

#navigation ul li, #subnavigation ul li{
	list-style-type:none;
	display:inline;
	float:left;

}

#navigation ul li{
	background:url(../images/nav_divider.gif) top right no-repeat;
	padding-right:40px;
}

#navigation ul li a{
	color:#fff;
	text-decoration:none;
}

#navigation ul li a:hover{
	color:#333333;
}

#subnavigation{
	padding: 20px 0 0 0;
	border-bottom: 1px solid #d8d8d8;
	height:30px;
}

#subnavigation ul li{
	background:url(../images/subnav_divider.gif) top right no-repeat;
	padding-right:27px;
}

#subnavigation ul li a{
	color:#6f6f6f;
	text-decoration:none;
}

#subnavigation ul li a:hover{
	color:#333333;
}

.subnav-queen-mary-1{
	background: url(../images/subnav_marker.png) no-repeat 113px 0px;
}

.subnav-queen-elizabeth-1{
	background: url(../images/subnav_marker.png) no-repeat 240px 0px;
}

.subnav-qe2{
	background: url(../images/subnav_marker.png) no-repeat 348px 0px;
}

.subnav-qm2{
	background: url(../images/subnav_marker.png) no-repeat 416px 0px;
}

.subnav-qv{
	background: url(../images/subnav_marker.png) no-repeat 481px 0px;
}

.subnav-qe{
	background: url(../images/subnav_marker.png) no-repeat 542px 0px;
}


.subnav-cunard{
	background: url(../images/subnav_marker.png) no-repeat 640px 0px;
}



/* ============================== Archives Navigation ============================== */

.arrowlistmenu{
width: 190px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font-size:12px;
color: #ffffff;
background: #c9c9c9;
padding: 10px; /*header text is indented 10px*/
margin:0 0 1px 0;
cursor: hand;
cursor: pointer;
}

.menuitem{ /*CSS class for menu headers in general (expanding or not!)*/
padding: 10px 10px 10px 0; /*header text is indented 10px*/
margin:0 0 1px 0;
cursor: hand;
cursor: pointer;
font-weight:bold;
font-size:13px;
color:#666666;
}

.menuitem a{
	color:#ffffff;
	text-decoration:none;
}

.menuitem a:hover{
	color:#ffffff;
	text-decoration:underline;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/

}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 10px;
}

.arrowlistmenu ul li{
padding-bottom: 5px; /*bottom spacing between menu items*/
padding-top: 5px;
border-bottom: solid 1px #eeeeee;
}

.arrowlistmenu ul li a{
color: #6f6f6f;
display: block;
text-decoration: none;
font-size: 12px;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #333333;
}
.contenttext img {
	float: left;
	padding-right: 7px;
}

#right-col{
	width:750px;
	padding:0 0 20px 20px;
	float:left;
}

#archive-menu{
	float:left;	
	padding-bottom:20px;
}



/* ============================== Home Page ============================== */

#home-col-left{
	width:690px;
	margin-right:20px;
	float:left;
	padding-bottom:10px;
}

#twitter-box{
	width:249px;
	float:left;
	border-left:1px solid #e1e1e1;
}

.box-book{
	width:345px;
	float:left;
}

div.box-book img{ 
	float:left;
	margin-right:10px;
}

.pic-box{
	width:440px;
	float:left;
}

div.pic-box img{ 
	float:left;
	margin-right:10px;
}

/* ============================== Text styles ============================== */

h1{
	margin-top:0;
	font-size: 30px;
	font-weight:normal;
	color:#cf3300;
}

h2{
	margin-top:0;
	font-size: 16px;
	font-weight:normal;
	color:#cf3300;
}


p{
	margin-top:0;
	margin-bottom:10px;
}

a{
	color:#cf3300;
	text-decoration:underline;
}

a:hover{
	text-decoration:none;	
}


/* ============================== Other ============================== */


.img-align-left{
	float:left;
	margin-right:20px;
	margin-bottom: 20px;
}

.img-align-right{
	float:right;
	margin-left:20px;
	margin-bottom: 20px;
}


/* ============================== Form ============================== */

.form-fields{

	width: 250px;
	height:25px;
}

.form-textarea{
	width: 400px;
	height:100px;
}

.form-fields, .form-textarea{
	border: solid 1px #e1e1e1;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

.button{
	padding:7px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	background:#cf3300;
	font-weight:bold;
	border:none;
}

/* ============================== Photo Gallery ============================== */

#gallery{
	width:900px;
	margin:0 auto;
}

#gallery img{
	float:left;
	margin: 10px;
}

/* ============================== Video ============================== */

#video-box{
	width:440px;
	height:270px;
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}