@charset "utf-8";

html {
	background: #474747;
}

body {
	background: #6c0000;
	max-width: 1600px;
	margin: 0 auto;
	border-top: 15px solid black;
	
	font-family: Arial, Helvetica, sans-serif; 
}

.Header {
	background: url(../images/Header-Background.png) top repeat-x;

	height: 125px;
	border-bottom: 5px solid #D97171;
}

.Header h1 {
	background: url(../images/Header_iMAX-Merchandising.png);
	
	width: 770px;
	height: 125px;
	margin: 0 auto;
}

.Splash {
	background: url(../images/Splash_iMAX-Merchandising.png) 0px 55px no-repeat;
	
	width: 844px;
	height: 425px; /* 370px + top offset 55px */
	
	margin: 0 auto;
}

.Content {
	background: url(../images/Content-Background.png) top center no-repeat;
	min-height: 215px; /* Content expands itself to fix unsupported min-height property in IE6 */
	max-width: 1600px;
	margin: 0 auto;
	padding-bottom: 100px;
}

#Main .Content {
	padding-bottom: 0;
}

.Footer {
	background: #474747;
	text-align: center;
	padding: 10px;
}

#Main .Footer {
	border-top: 35px solid black;
}

.Copyright {
	font-size: 100%;
	text-align: center;
	color: #969696;
}

.ContentSummary {
	width: 790px; /* Width decided based on display result */
	position: relative;
	top: -65px;
	margin: 0 auto -65px;
}

.ContentSummary-Section {
	width: 25%; /* Width decided based on display result */
	padding: 0 30px;
	
	background: url(../images/ContentSummary-Section-Divider.png) top right no-repeat;

	float: left;
}

.ContentSummary-Section.last {
	background: none;
}

.ContentSummary-Header {
	background-position: center left;
	background-repeat: no-repeat;
	height: 20px;
	margin-bottom: 10px;
}

#Welcome .ContentSummary-Header {
	background-image: url(../images/ContentSummary-Header_Welcome.png);
}

#OurServices .ContentSummary-Header {
	background-image: url(../images/ContentSummary-Header_OurServices.png);
}

#ContactUs .ContentSummary-Header {
	background-image: url(../images/ContentSummary-Header_ContactUs.png);
}

.ContentSummary-Content {
	font-size: 120%;
	color: #FFCCCC;
	margin-bottom: 10px;
}

.ContentSummary-Content p {
	margin-bottom: 10px;
}

.ContentSummary-Button {
	width: 170px;
	height: 20px;
	
	float: right;
}

.ContentSummary-Button:hover {
	background-position: 0% 100%;
}

.ContentSummary-Button#LearnMore-Welcome,
.ContentSummary-Button#LearnMore-OurServices {
	background-image: url(../images/ContentSummary-Button_LearnMore.png);
}

.ContentSummary-Button#LearnMore-Welcome {
	margin-top: 80px;
}

.ContentSummary-Button#LearnMore-OurServices {
	margin-top: 5px;
}

.ContentSummary-Button#ViewMap {
	background-image: url(../images/ContentSummary-Button_ViewMap.png);
	margin-top: 5px;
}

.ContentWrapper {
	width: 765px;
	margin: 0 auto;
	padding-top: 45px;
}

.Page {
	background: #FFFFFF url(../images/Page-Footer-Background.png) bottom no-repeat;
	
	width: 570px;
	padding-bottom: 80px;
	
	float: left;
}

.Page-Header {
	background: url(../images/Page-Header-Background.png) top no-repeat;
	
	width: 570px;
	height: 60px;
}

.Page-Header-Title {
	background-position: left center;
	background-repeat: no-repeat;
	height: 60px;
	margin-left: 20px;
}

#OurServices .Page-Header-Title {
	background-image: url(../images/Page-Header-Title_OurServices.png);
}

#AboutUs .Page-Header-Title {
	background-image: url(../images/Page-Header-Title_AboutUs.png);
}

#CompanyHistory .Page-Header-Title {
	background-image: url(../images/Page-Header-Title_CompanyHistory.png);
}

.Page-Content {
	padding: 0 5px 0px;
	min-height: 300px;
}

.Section-Header {
	background: url(../images/Section-Header-Background.png) no-repeat;
	height: 40px;
	padding-left: 15px;

	line-height: 40px;
	font-size: 160%;
}

.Section-Content {
	padding: 15px;
}

.Section-Content p {
	font-size: 120%;
	margin-bottom: 12px;
}

.Section-Content p.last {
	margin-bottom: 0;
}


.Section-Content ul {


}

.Section-Content ul li {
	background: url(../images/Icon-Bullet-Red.png) left top no-repeat;
	padding-left: 16px;
	margin-bottom: 8px;

	font-size: 130%;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 16px;
}

.Section-Content ul li li {
	background: none;
	margin: 0;
	padding-left: 0;
	
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	
	color: #444444;
}

.Section-Column {
	background: top left no-repeat;
	width: 35%; /* Based on result */
	float: left;
	padding-left: 75px;
	padding-bottom: 10px;
}

.Section-Column p {
	margin-right: 10px;
}

.Section-Column#Passion {
	background-image: url(../images/Credo-Logo_Passion.png);
}

.Section-Column#Focus {
	background-image: url(../images/Credo-Logo_Focus.png);
}

.Section-Column#Number-One {
	background-image: url(../images/Credo-Logo_Number-One.png);
}

.Section-Column#Professional {
	background-image: url(../images/Credo-Logo_Professional.png);
}

.Section-Column#Operational-Effectiveness {
	background-image: url(../images/Credo-Logo-Operational-Effectiveness.png);
}

.Section-Column#Organizational-Efficiency {
	background-image: url(../images/Credo-Logo_Organizational-Efficiency.png);
}

.Section-Column#Value-To-Our-Customers {
	background-image: url(../images/Credo-Logo_ValueToOurCustomers.png);
}



h4.Column-Header {
	font-size: 120%;
}

.ContactInformation {
	background: url(../images/ContactInformation-Background.png) no-repeat;
	
	width: 765px;
	height: 165px; /* 210px - 60px */
	margin: 0 auto;
	padding-top: 60px;
	
	font-size: 100%;
	color: #000000;
}

.ContactInformation .ViewMap {
	height: 50px;
}

.ContactInformation-Content {
	width: 750px;
	margin-left: 15px; /* Based on result */
}

.vcard .fn {
	font-weight: bold;
}

.vcard .email,
.vcard .map {
	border-bottom: 1px dotted #666666;
}

.vcard .map {
	font-weight: bold;
}

.vcard .email:hover,
.vcard .map:hover {
	background: #FFFFCC;
}

.vcard#hcard-iMAX-Office,
.vcard#hcard-iMAX-Office .adr-group,
.vcard#hcard-iMAX-Office .tel-group,
.vcard#hcard-Janette-Sam,
.vcard#hcard-Keith-Khoo {
	float: left;
	display: inline;
	text-align: center;
	height: 90px;
}

#Welcome .vcard#hcard-iMAX-Office,
#Welcome .vcard#hcard-iMAX-Office .adr-group,
#Welcome .vcard#hcard-iMAX-Office .tel-group,
#Welcome .vcard#hcard-iMAX-Office .email {
	float: none;
	background: none;
	border: none;
	color: #FFDDDD;
	
	height: auto;
	font-size: 100%;
	text-align: left;
}

#Welcome .vcard#hcard-iMAX-Office .email {
	border-bottom: 1px dotted #FFFFFF;
} 

#Welcome .vcard#hcard-iMAX-Office .email:hover {
	background: #DC5249;
}

#Welcome .vcard#hcard-iMAX-Office .fn {
	display: none;
}

#Welcome .vcard#hcard-iMAX-Office .adr {
	margin-bottom: 8px;
}

.vcard#hcard-iMAX-Office .adr-group,
.vcard#hcard-iMAX-Office .tel-group,
.vcard#hcard-Janette-Sam,
.vcard#hcard-Keith-Khoo {
	background: url(../images/ContactInformation-Divider.png) right center no-repeat;
}

.vcard#hcard-iMAX-Office .adr-group {
	padding: 13px 14px 0;
}

#Welcome .vcard#hcard-iMAX-Office .adr-group {
	padding: 0;
}

.vcard#hcard-iMAX-Office .tel-group {
	padding: 26px 14px 0;
}

#Welcome .vcard#hcard-iMAX-Office .tel-group {
	padding: 0;
}

.vcard#hcard-iMAX-Office .tel-group .tel {
	margin-bottom: 6px;
}

#Welcome .vcard#hcard-iMAX-Office .tel-group .tel {
	margin-bottom: 0;
}

.vcard#hcard-iMAX-Office .tel-group label {
	font-weight: bold;
}

#Welcome .vcard#hcard-iMAX-Office .tel-group label {
	display: inline;
}

.vcard#hcard-iMAX-Office .tel-group .type {
	display: none;
}

.vcard#hcard-Janette-Sam {
	padding: 25px 14px 0;
}

.vcard#hcard-Keith-Khoo {
	background-image: none;
	padding: 25px 14px 0;
}

#MapDialog 
{
	background: #C3C2B9;

	width: 680px;
	
	border: 1px solid black;

	position: absolute;
	z-index: 50;
	
	display: none;
}

.MapDialog-Handle
{
	background: url(../images/MapDialog_Handle.png); 
	height: 50px;
}

.MapDialog-Content 
{	
	background: #FFFFFF;
	
	width: 670px;
	margin: 0 auto;
	
	overflow: auto;
	overflow-x: hidden;
}

.MapDialog-Close
{
	background: url(../images/MapDialog_Close-Button.png);
	
	width: 100px;
	height: 35px;

	float: right;
	cursor: pointer;
}