/* The Official CSS of nick hill MIAMI */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	font-weight: normal;
	text-align: left;
	line-height: 24px;
	margin: 0px;
	color: #330000;
	background-image: url(../images/main/bg-wallpaper.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-attachment: fixed; 
}

/*----------- MAIN -----------*/

#container { 
	width: 800px;
	margin: 0 auto;
	background-image: url(../images/main/bg-main.jpg);
	background-repeat: repeat;
}

#header {  
	height: 200px;
}

#header .social {
	padding: 6px 40px 6px 0;
	margin: 0 auto;
	text-align: right;
	height: 24px;
} 

#left {
	float: left; 
	width: 80px;
	padding: 10px 20px 0 40px;
	height: 394px;
}

#navigation {
	float: left; 
	width: 206px;
	padding: 0 0 40px 40px;
	font-size: 24px;
	background-image: url(../images/main/bg-navigation.png);
	background-repeat: no-repeat;
}

#navigation .menu{ 
	padding: 50px 20px 140px 46px;
	font-size: 24px;
	line-height: 50px;
}

#mainContent {
 	margin: 0 50px 0 300px;
	padding: 10px 0 30px 0;
}
/*----------- MAIN Photo Gallery Images -----------*/

#mainContent .left { 
	float: left;
	width: 134px; 
	height: 94px;
}

#mainContent .block {
	display: block;
	padding: 0 5px 0 0; 
	width: 138px; 
	height: 94px;	
}

#mainContent .right {
	float: right; 
	width: 138px; 
	height: 94px;	
}

#mainContent .center {
	width: 134px; 
	height: 94px;
	margin: 0 158px 0 158px;
}

#footerMENU { 
	padding: 20px 40px 10px 0;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
}

#footer { 
	padding: 10px 40px 20px 0;
	text-align: right;
	font-size: 13px;
} 

/* Miscellaneous classes for reuse */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* ------------------ IMAGES ---------------- */

#imgMARGIN {
	padding: 0 0 10px 0;
}


#imgLINK {
	display: block;
	float: left;
	padding: 0 20px 18px 0;
}


/* ------------------ FONTS ---------------- */

#headline {
	font-family: Times New Roman;
	font-size: 38px;
	font-weight: normal;
	line-height: 42px;
	color: #660000;
}

#subheader {
	font-family: Times New Roman;
	font-size: 28px;
	font-weight: normal;
	line-height: 30px;
	color: #660000;
}

#title {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	color: #660000;
}

/* ------------------ LINK COLOURS ---------------- */

a:link {color: #5c0101; font-weight:normal; text-decoration: underline;}
a:visited {color: #5c0101; font-weight:normal; text-decoration: underline;}
a:active {color: #5c0101; font-weight:normal; text-decoration: underline;}
a:hover {color: #657d92; font-weight:normal; text-decoration: none;}

a.navigation:link {color: #ffffff; font-weight:bold; text-decoration: none;}
a.navigation:visited {color: #ffffff; font-weight:bold; text-decoration: none;}
a.navigation:active {color: #ffffff; font-weight:bold; text-decoration: none;}
a.navigation:hover {color: #bbd5ec; font-weight:bold; text-decoration: none;}

a.burgundy:link {color: #5c0101; font-weight:bold; text-decoration: underline;}
a.burgundy:visited {color: #5c0101; font-weight:bold; text-decoration: underline;}
a.burgundy:active {color: #5c0101; font-weight:bold; text-decoration: underline;}
a.burgundy:hover {color: #657d92; font-weight:bold; text-decoration: none;}