/*
Master CSS file for iStockalypse.com/Malta/
======================================
======================================

*/


/* =========== Architecture =========== */
body  {
	background-color: #000;
	margin: 0;
	padding: 0;
	text-align: center; /* for IE */
	font-family: verdana;
	line-height: 1.1em;
}

img { behavior: url("../extras/iepngfix.htc"); }
.clearMe { clear: both; }


/* TOP HALF */
#topHalf {
	width: 100%;
	height: 440px;
	background: #FFF url('../images/bg_photo.gif') repeat-x;
}

#mainPhoto {
	height: 440px;
	background: transparent url('../images/main_photo_nav.jpg') no-repeat center;
}

#logoTitle {
	padding: 172px 0 0 0;
	margin-left: -560px;
}

#containerEightHundred {
	width: 800px;
	height: 440px;
	margin: 0 auto;
}

/* BOTTOM HALF */
#bottomHalf {
	width: 800px;
	margin: 0 auto;
	color: #FFF;
	text-align: left;
}
.contentBoxSM {
	float: left;
	width: 250px;
	margin-right: 15px;
}
.contentBoxSMStep { float: left; width: 250px;margin-right: 15px; } /* Because I don't want the img styles on the Step imgs */
.contentBoxSM .photo {
	text-align: center;
	padding: 4px;
	border: 1px solid #333;
}
.contentBoxLG {
	float: left;
	width: 515px;
	margin-right: 15px;
}
.contentBoxXLG {
	float: left;
	width: 100%;
}
.contentBoxAttendees {
	width: 150px;
	float: left;
}
.contentBoxEventTeam {
	width: 200px;
}
.contentBoxAttendees img, .contentBoxEventTeam img {
	margin: 2px 5px 0 0;
}
.contentBoxAttendees .country, .contentBoxEventTeam .country {
	font-size: 10px;
}
.sponsorLogo {
	background-color: #333;
	text-align: center;
	float: left;
	margin: 5px 5px 15px 0;
	width: 185px;
}
.barRule {
	color: #333;
	background-color: #333;
	height: 1px;
}
#copyright {
	width: 800px;
	text-align: left;
	margin: 0 auto;
}
#copyright .istockLogo {
	margin-top: 5px;
}
#bottomHalf table td {
	padding: 4px 3px 4px 3px;
	background-color: #333;
}

/* =========== Typography =========== */
#bottomHalf, #bottomHalf table {
	font-size: 12px;
	color: #999;

}
h1 {
	margin: 5px 0 12px 0;
	padding: 0;
	font-size: 16px;
	color: #CCC;
}
h2 {
	margin: 0;
	padding: 0;
	font-size: 13px;
}
p {
	margin: 8px 0 0 0;
	padding: 0;
}
p.caption { font-size: 10px; font-style: italic; color: #666; margin-top: -2px; }
p.caption a:link { color: #666; text-decoration: none; }
p.caption a:visited { color: #666; text-decoration: none; }
p.caption a:hover { color: #006666; text-decoration: none; }

/* content box SM */
#bottomHalf .contentBoxSM a:link, #bottomHalf .contentBoxSMStep a:link { text-decoration: none; color: #e9a762; }
#bottomHalf .contentBoxSM a:visited, #bottomHalf .contentBoxSMStep a:visited { text-decoration: none; color: #e9a762; }
#bottomHalf .contentBoxSM a:hover, #bottomHalf .contentBoxSMStep a:hover { text-decoration: none; color: #006666; }

/* content box LG */
#bottomHalf .contentBoxLG a:link { text-decoration: none; color: #e9a762; }
#bottomHalf .contentBoxLG a:visited { text-decoration: none; color: #e9a762; }
#bottomHalf .contentBoxLG a:hover { text-decoration: none; color: #006666; }

/* content box XLG */
#bottomHalf .contentBoxXLG a:link { text-decoration: none; color: #e9a762; }
#bottomHalf .contentBoxXLG a:visited { text-decoration: none; color: #e9a762; }
#bottomHalf .contentBoxXLG a:hover { text-decoration: none; color: #006666; }

.sponsorLogo p {
	padding-bottom: 5px;
}

/* attendees */
#bottomHalf .contentBoxAttendees a:link, #bottomHalf .contentBoxEventTeam a:link {
	text-decoration: none;
	color: #e9a762;
}
#bottomHalf .contentBoxAttendees a:visited, #bottomHalf .contentBoxEventTeam a:visited {
	text-decoration: none;
	color: #e9a762;
}
#bottomHalf .contentBoxAttendees a:hover, #bottomHalf .contentBoxEventTeam a:hover {
	text-decoration: none;
	color: #006666;
}

h1.Home span, h1.AboutMalta span, h1.Schedule span, h1.Attendees span, h1.Sponsors span { display: none; }

h1.Home { width: 389px;	height: 20px; display: block; }
h1.AboutMalta, h1.Schedule, h1.Attendees, h1.Sponsors { width: 240px;	height: 20px; display: block; }

h1.Home { background: #000 url('../images/hdr_home.gif'); }
h1.AboutMalta { background: #000 url('../images/hdr_ajewelintheheartofthemed.gif'); }
h1.Schedule { background: #000 url('../images/hdr_schedule.gif'); }
h1.Attendees { background: #000 url('../images/hdr_attendees.gif'); }
h1.Sponsors { background: #000 url('../images/hdr_sponsors.gif'); }

#copyright {
	font-size: 11px;
	color: #666;
}


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

#logoTitle a:link, #logoTitle a:visited {
	display: block;
	width: 245px;
	height: 85px;
	background: transparent url('../images/logo4.gif') no-repeat;
}
#logoTitle a:hover img {
	width: 245px;
	height: 85px;
	display: none;
}
#navBox {
	margin: 140px 0 0 -40px;
	text-align: left;
}
.navList {
	width: 600px;
	height: 20px;
	list-style: none;
}
.navList li {
	float: left;
	margin: 0 20px 0 0;
}


/* colours --
Blue - 006666
Orange - e9a762
 -- */


/* Home */
body#Home .Home a:link { text-decoration: none; font-size: 12px; color: #006666; }
body#Home .Home a:visited { text-decoration: none; font-size: 12px; color: #006666; }
body#Home .Home a:hover { text-decoration: none; font-size: 12px; color: #006666; }
body#Home .Malta a:link, body#Home .Schedule a:link, body#Home .Attendees a:link, body#Home .Sponsors a:link { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Home .Malta a:visited, body#Home .Schedule a:visited, body#Home .Attendees a:visited, body#Home .Sponsors a:visited { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Home .Malta a:hover, body#Home .Schedule a:hover, body#Home .Attendees a:hover, body#Home .Sponsors a:hover { text-decoration: none; font-size: 12px; color: #006666; }

/* Malta? */
body#Malta .Malta a:link { text-decoration: none; font-size: 12px; color: #006666; }
body#Malta .Malta a:visited { text-decoration: none; font-size: 12px; color: #006666; }
body#Malta .Malta a:hover { text-decoration: none; font-size: 12px; color: #006666; }
body#Malta .Home a:link, body#Malta .Schedule a:link, body#Malta .Attendees a:link, body#Malta .Sponsors a:link { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Malta .Home a:visited, body#Malta .Schedule a:visited, body#Malta .Attendees a:visited, body#Malta .Sponsors a:visited { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Malta .Home a:hover, body#Malta .Schedule a:hover, body#Malta .Attendees a:hover, body#Malta .Sponsors a:hover { text-decoration: none; font-size: 12px; color: #006666; }

/* Schedule */
body#Schedule .Schedule a:link { text-decoration: none; font-size: 12px; color: #006666; }
body#Schedule .Schedule a:visited { text-decoration: none; font-size: 12px; color: #006666; }
body#Schedule .Schedule a:hover { text-decoration: none; font-size: 12px; color: #006666; }
body#Schedule .Home a:link, body#Schedule .Malta a:link, body#Schedule .Attendees a:link, body#Schedule .Sponsors a:link { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Schedule .Home a:visited, body#Schedule .Malta a:visited, body#Schedule .Attendees a:visited, body#Schedule .Sponsors a:visited { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Schedule .Home a:hover, body#Schedule .Malta a:hover, body#Schedule .Attendees a:hover, body#Schedule .Sponsors a:hover { text-decoration: none; font-size: 12px; color: #006666; }

/* Attendees */
body#Attendees .Attendees a:link { text-decoration: none; font-size: 12px; color: #006666; }
body#Attendees .Attendees a:visited { text-decoration: none; font-size: 12px; color: #006666; }
body#Attendees .Attendees a:hover { text-decoration: none; font-size: 12px; color: #006666; }
body#Attendees .Home a:link, body#Attendees .Malta a:link, body#Attendees .Schedule a:link, body#Attendees .Sponsors a:link { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Attendees .Home a:visited, body#Attendees .Malta a:visited, body#Attendees .Schedule a:visited, body#Attendees .Sponsors a:visited { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Attendees .Home a:hover, body#Attendees .Malta a:hover, body#Attendees .Schedule a:hover, body#Attendees .Sponsors a:hover { text-decoration: none; font-size: 12px; color: #006666; }

/* Sponsors */
body#Sponsors .Sponsors a:link { text-decoration: none; font-size: 12px; color: #006666; }
body#Sponsors .Sponsors a:visited { text-decoration: none; font-size: 12px; color: #006666; }
body#Sponsors .Sponsors a:hover { text-decoration: none; font-size: 12px; color: #006666; }
body#Sponsors .Home a:link, body#Sponsors .Malta a:link, body#Sponsors .Attendees a:link, body#Sponsors .Schedule a:link { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Sponsors .Home a:visited, body#Sponsors .Malta a:visited, body#Sponsors .Attendees a:visited, body#Sponsors .Schedule a:visited { text-decoration: none; font-size: 12px; color: #e9a762; }
body#Sponsors .Home a:hover, body#Sponsors .Malta a:hover, body#Sponsors .Attendees a:hover, body#Sponsors .Schedule a:hover { text-decoration: none; font-size: 12px; color: #006666; }



#buttonGetTicket a:link, #buttonGetTicket a:visited {
	display: block;
	width: 140px;
	height: 33px;
	background: transparent url('../images/btn_buyticket_on.gif') no-repeat;
	margin-top: 8px;
}
#buttonGetTicket a:hover img {
	width: 140px;
	height: 33px;
	display: none;
}


#buttonGetRoom a:link, #buttonGetRoom a:visited {
	display: block;
	width: 91px;
	height: 33px;
	background: transparent url('../images/btn_getaroom_on.gif') no-repeat;
	margin-top: 8px;
}
#buttonGetRoom a:hover img {
	width: 140px;
	height: 33px;
	display: none;
}


#linker {
	width: 185px;
	height: 45px;
	position: fixed;
	bottom: 0;
	right: 25px;
}