@charset "utf-8";
/* Homepage CSS for 360 Discovery Cruises website - www.360discovery.co.nz
   Created by Rebecca Dai | bocapa.com Ltd */
   

/*------------------ STRUCTURE -----------------------
----------------------------------------------------*/
#homeWrapper {
	position:relative;
	width:946px;
	background-image: url(../images/bg-content-main.gif);
	background-position:top center;
	background-repeat: repeat-y;
	margin:0px;

}
#mainContent {
	background-image:url(../images/bg-home-content-top.gif);
	background-position:top;
	background-repeat:no-repeat;
}


#flashBox {
	position:relative;
	width:638px;
	float:left;	
	margin:auto;
	margin-left: 30px;
	margin-top:20px;
	padding:0px;
}

#introText {
	position:relative;
	width:220px;
	float:left;
	margin-left:20px;
	padding:0px;
}

#news {
	position:relative;
	width:946px;
	height: 44px;
	margin-top: 8px;
	background-image:url(../images/bg-rss-news-feed-bar.gif);
	background-repeat:no-repeat;
	background-position:center;
}

#newsItem {
	position:absolute;
	width: 650px;
	height:34px;
	left:125px;
	margin-top:5px;
	background-image:url(../images/bg-rss-news-feed-textbar.gif);
	background-position:center;
	background-repeat:no-repeat;
}

.noticeItem{
    position:relative;
    left:125px;
    height: 34px;
    width: 650px;
    margin-bottom: 5px;
    background-image:url(../images/bg-rss-travel-notices-feed-textbar.gif);
    background-position:center;
    background-repeat:no-repeat;
}

#rss {
    position:absolute;
    padding:0px;
    margin:0px;
    left:800px;
}

#noticesRss{
    float: right;
    margin-right: 86px;
    margin-top: 5px;
}

/***************************/

#notices{
    width:946px;
    background-image:url(../images/bg-rss-travel-notices-feed-bar.gif);
    background-position:center;
    background-repeat:repeat-y;
    padding-top: 5px;
}

/***************************/

/*---------------  3 BUCKETS -----------------------
-----------------------------------------------------*/
#boxes3{
	position:relative;
	width:946px;
	height:280px;
	padding:0px;
	margin:0px;
	display:block;
}

#boxLeft {	
	position:absolute;
	width: 236px;
	left:27px;
	top:17px;
}

#boxHeadingLeft {
	width: 236px;
	height:42px;
	background-image:url(../images/homepage-promo-boxes/bg-home-bluebox-top.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

#boxBodyLeft {
	width: 236px;
	height: 220px;
	background-image: url(../images/homepage-promo-boxes/bg-home-bluebox-bottom.jpg);
	background-repeat:no-repeat;
	background-position:top center;
}

#boxBodyTextLeft {
	position:absolute;
	left: 24px;
	margin-top:40px;
	width: 122px;
	height: 140px;
	color:#fff;
}


#boxMid {	
	position:absolute;
	width: 315px;
	left:278px;
	top:17px;

}

#boxHeadingMid  {
	width: 315px;
	height:42px;
	background-image:url(../images/homepage-promo-boxes/bg-home-redbox-top.gif);
	background-repeat:no-repeat;
	background-position:top center;
}

#boxBodyMid  {
	width: 315px;
	height: 220px;
	background-image: url(../images/homepage-promo-boxes/bg-home-redbox-bottom.jpg);
	background-repeat:no-repeat;
}
#boxBodyTextMid {
	position:absolute;
	left: 20px;	
	margin-top:40px;
	padding:3px 0px 3px 9px;
	width: 83px;
	height: 60px;
	border:none;
	color:#fff;
	line-height:20px;
}

.brightYellowCaptionText
{
    color:#FFD934;
    font-size:11px;
    line-height:12px;
}

#boxRight {	
	position:absolute;
	width: 315px;
	left:607px;
	top:17px;

}

#boxHeadingRight  {
	width: 315px;
	height:42px;
	background-image:url(../images/bg-home-greenbox-top.gif);
	background-repeat:no-repeat;
}

#boxBodyRight  {
	width: 315px;
	height: 220px;
	background-image: url(../images/bg-home-greenbox-bottom.jpg);
	background-repeat:no-repeat;
}
#boxBodyTextRight {
	position:absolute;
	left: 35px;
	margin-top:40px;
	width: 120px;
	height: 140px;
}


/*-------------------TEXT, IMAGE, LIST -----------------
---------------------------------------------------------*/
#introText h1 {
	font-size: 19px; /*do not change*/
	text-transform: capitalize;
	margin:90px 0px 0px 0px;
	padding:0px;
	/*line-height:1px; firefox. do not change*/
} 

#introText h2 {
	font-size: 14px;
	text-transform: lowercase;
	margin:10px 0px 0px 0px;	
	padding-bottom:20px;
} 

h3{
	color:#fff;
	font-size:16px;
	font-weight:bold;
	line-height:42px;
	text-transform: uppercase;
	margin:0px;
	margin-left: 24px;
}



#news h4, #notices h4 {
	position:absolute;
	float:left;
	font-size:12px;
	font-weight:bold;
	color:#5d636e;
	left:30px;
	margin:0px;
	padding:0px;
	line-height:44px;
}

#introText p{
	line-height:17px;
	color:#5d636e;
	text-align:justify;
}

#newsItem p, .noticeItem p{
	position:absolute;
	color:#5d636e;
	width:645px;
	padding-left:23px;
	padding-right: 23px;
	line-height:34px;
	margin:0px;
}

#boxes3 p {
	color:#FFFFFF;
	line-height:18px;
	margin:0px;
}

/*-------------- LINKS YAY BABY!  -----------------------
------------------------------------------------------*/

#news a:link, #news a:visited, #notices a:link, #notices a:visited {
	color:#5d636e;
	font-weight:normal;
	text-decoration:none;
}

#news a:hover, #notices a:hover {
	color:#f9a22f;
}

#rss img {
	margin-top:10px;
	border:none;
}
#rss span {
	position:absolute;
	bottom:4px;
	left:35px;
}

#rss a:link, #rss a:visited #rss a:hover{
	color:#f9a22f;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#noticesRss img {
        float: left;
	border:none;
}

#noticesRss span {
        float: left;
        margin-left: 6px;
        margin-top: 4px;
}

#noticesRss a:link, #noticesRss a:visited #noticesRss a:hover{
	color:#f9a22f;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

#boxBodyTextLeft a:link, #boxBodyTextLeft a:visited, 
#boxBodyTextRight a:link, #boxBodyTextRight a:visited{
	color:#ffc425;/*yellow*/
	font-weight:bold;
	text-decoration:underline;
}


#boxBodyTextLeft  a:hover,
#boxBodyTextRight a:hover {
	text-decoration:none;
}


h3 a:link, 
h3 a:hover,
h3 a:visited {
	color:#fff;
	margin:0px;
	padding:0px;
	text-decoration:none;
}

.bookBtnLeft:link, .bookBtnLeft:visited {
	position:absolute;
	left:28px;
	top:226px;
	padding-left:15px;
	color:#ffffff;
	background-image:url(../images/arrow-home-3box-booknow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
}


.bookBtnLeft:hover {
	color:#ffc425;
}

.bookBtnRight:link, .bookBtnRight:visited {
	position:absolute;
	left:180px;
	top:226px;
	padding-left:15px;
	color:#ffffff;
	background-image:url(../images/arrow-home-3box-booknow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	line-height:18px;
}


.bookBtnRight:hover {
	color:#ffc425;
}

/*-------------STAR TREKKING ACROSS THE INTERNET------------*/