/*

Change log

author: unknown

--------------------|---------------|-----------|-------------------------
Last updated by     | Date          | Change    |Description
--------------------|---------------|-----------|-------------------------
Hekuran Vokshi      |28/10/2009     |/ch-1/		| Added arsenalContact class.
									 /ch-2/		| Added maintextContact class.
--------------------|---------------|-----------|-------------------------

*/


*  {margin: 0px; padding: 0px;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0;}


body {font-family: arial, Verdana, Tahoma, Arial, Sans-Serif; font-size: 12px; background-color: #000; color: #FFFFFF;}


/* Page Layout */

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

#top { height: 100px; position: relative;}

#menuhold { height: 20px; white-space:nowrap;}

/* Page Layout End */


/*  Main Styles */

p {margin: 0 0 13px 0; line-height: 1.1em;}

ul.specul {margin: 6px; font-size: 1em; list-style-position: inside;list-style-type:none;}

ul.afctimeline { font-size: 1em; list-style-position: inside; width: 600px; margin: 56px auto 40px auto;list-style-image:url(../images/histlist.jpg);}
ul.afctimeline li{margin: 20px 0 20px 0; font-size: 1em; line-height: 1.3em;}
p.timeinner {margin: -14px 0px 0 80px; line-height: 1em;}

h1 {font-size: 1.2em; margin: 10px 0 0 0; color:#D4032D;}
h2 {font-size: 1.6em; margin-top: 16px; }
h3 {font-size: 1.2em; margin: 10px 0 0 0; color:#ffffff;}
h4 {font-size: 1.4em; margin: 10px 0 0 0; color:#D4032D;}
h5 {font-size: 1.2em; margin: 0px 2px 0px 0; color: #D4032D; float: left; line-height: 0.8em;}

/* Main Styles End */


/* Top Logos */

.arsenalcrest { 
	background-image: url(../images/arsenalcrest.gif); 
	background-repeat: no-repeat;
	height: 70px;
	width: 59px;
	position: absolute;
	top: 16px;
	left: 20px;
	
	}

/* start: /ch-1/ */
.arsenalContact { 
	background-repeat: no-repeat;
	height: 70px;
	width: 400px;
	position: absolute;
	top: 16px;
	left: 200px;
	
	}
/* end: /ch-1/ */

.highburysquare {

	background-image: url(../images/highburysquare.gif); 
	background-repeat: no-repeat;
	height: 48px;
	width: 190px;
	float: right;
	position: absolute;
	top: 28px;
	left: 670px;
}

/* Top Logos End */

/* Menu Style */

/* remove the bullets, padding and margins from the lists */
.menu ul{
	list-style-type:none;
	padding:0;

}

/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
	float:left;
	position:relative;
	z-index:100;
	width: 126px;
	border-right:1px solid #750000;
	border-left:1px solid #750000;
	border-collapse:collapse;
}

* html .menu li, * html .menu a  { width:124px !important; }


.menu li :hover {color: #000000;}


.menu li ul li{
	float:left;
	position:relative;
	z-index:100;
	width: 127px;
	margin: 0 0 0 -1px;
	border-right:1px solid #000;
	border-left:1px solid #000;
}

/* style all the links */
.menu a {
	display:block;
	font-size:0.9em;
	width:131px;
	padding:4px 1px 4px 0;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	font-family: arial, verdana, sans-serif;
	background-image:url(../images/menuhead.gif);
}


/* style the links hover */
.menu :hover{
	color:white;

}


/* hide the sub level links */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	width:127px;
}

.menu ul li {
	background:transparent url(../images/menufader.png);
}

.menu ul li:hover {
	background:transparent url(../images/menufader.png);
	color:red;
}

.menu ul li {
	background:transparent url(../images/menufader.png);
}


/* make the sub level visible on hover list or link */

.menu ul li:hover ul, .menu ul a:hover ul {
visibility:visible;
}
.menu ul li ul li a:link {
	padding: 4px 0;
	width: 127px;
	color: white;
	background:transparent url(../images/menufader.png);
	border-bottom: 1px solid #333;
}

.menu ul li ul li a:hover {
	background:transparent url(../images/menufader.png);
	padding: 4px 0;
	color:red;
}

.menu ul li ul li a:visited {
	padding: 4px 0;
	width: 127px;
	background:transparent url(../images/menufader.png);
	border-bottom: 1px solid #333;
}

/* Menu Style End */


/* Main Content */

.advisor { font-size: 9px; margin-top: 20px;}

#graphic-hold { height: 355px; background-color: white; width: 900px;}

#media-hold {  background-color: #000;}

#dummy-hold { height: 355px; background-color: #111;}
.availtable {color: white; width: 900px; font-size: 1.2em;}

#main-content { padding: 34px 0 0 0;}

#maincontact {background-image: url(../images/contactback.jpg); width: 900px;float: left; position: relative; background-repeat: no-repeat; margin: 0 0 30px 0;}
.contacthold { width: 324px; margin-left: 30px;}
.contactform {width: 324px;}

.availability { width: 133px; height: 27px; margin: 10px auto 30px auto;}
.history { width: 273px; height: 27px; margin: 10px auto 30px auto;}
.historymain {}
.historytext {color: white; width: 617px; margin: 0 auto 40px auto; text-align: center; font-size: 1.2em;}
.welcome { width: 357px; height: 28px; margin: 10px auto 30px auto;}
.maintext {color: white; width: 617px; margin: 0 auto 40px auto; text-align: center; font-size: 1.2em;}

/* start: /ch-2/ */
.maintextContact {color: white; width: 900px; margin: 5px 0 0 0; text-align: center; font-size: 1.1em;}
/* end: /ch-2/ */

.rule {width: 617px; height: 1px; background-color: #9E1A27; margin: 0 auto 40px auto;}
.maprule {width: 609px; height: 1px; background-color: #9E1A27; clear: both; margin: 50px 0;}

.map{ width: 609px; margin:0px 0x 0px 0px; float: left;}
.maptype { width: 254px;  float: right; margin: 5px 0 0 0; color: #fff;}
#mapcanvas {width: 609px; height: 500px; margin:0px 0x 0px 0px; float: left;}

.maptitles {margin: 40px 0 20px 0;}

.apartmentspec { width: 380px; float: left;  margin-bottom: 40px; margin-left: 8px;}

.penthousespec {width: 380px; float: right; margin-bottom: 40px;}

.apartspechead {height: 27px; width: 284px; margin: 24px 0 4px 0;}
.pentspechead {height: 27px; width: 290px;  margin: 24px 0 4px 0;}

.pdfdownload { width: 300px; margin: 0px auto 30px auto; font-size: 1.4em; clear: both; text-align:center;}
.pdfdownload a { color: white;}
.pdfdownload :hover {color:#CC0000;}

.impnotice { padding: 12px 0;}

#galleryhold { width: 900px; margin: 0;}


.interiorhold {margin-top: 4px;}
.intimagel { float: left; margin: 6px 0 0px 0px;}
.intimager { float: right; margin: 6px 0px 0px 0;}

.traveltimes ul { font-size: 1.0em; list-style-position: inside; margin: 10px auto 24px auto;list-style-type: none;list-style-image:none;}
.traveltimes li {font-size: 1.1em; color: #D4032D;list-style-position: inside; margin: 10px auto 10px auto;list-style-type: none;list-style-image:url(../images/histlist.jpg); font-weight: bold;}
.traveltimes ul li  { font-size: 1em; color: #CCCCCC; list-style-position: inside; margin: 5px auto 0px auto;list-style-type: none;list-style-image:none; font-weight: normal;}

table#availability td {font-size: 12px; padding: 4px 12px;text-align: center;}
td.text_head { font-size:12px;font-size: 12px; padding: 4px 9px 4px 8px;text-align: center;}
table#availability {text-align: center;}
td a { color:#D4032D;}
td a:visited {color: #700117;}

table#availability tr {border-bottom: solid 1px #D4032D;}

/* copyright start*/

.copyrighthold { width: 900px; height: 12px; margin: 30px 0;}
.copyrightbar {width: 900px; height: 1px; background-color: #D4032D;}
.copyrighttext { text-align: right; line-height:: 2em; margin-top: 4px;}

/* copyright end */


/* Main Content End */

.clearfix {clear: both; width: 90%; height: 10px;}
.markerText { color: #000000;}
.ftitles {color:#FFFFFF;}





/* grrrrr */

.footerLinks { display:block; float:left; font-size:10px; position:relative; top:-25px; }
.footerLinks li { width:auto; }
.footerLinks a { display:block; float:left; color:#FFFFFF; text-decoration:none; width:auto; }
.footerLinks ul.top { list-style:none; display:block; float:left; position:relative; clear:both; width:800px;}
.footerLinks ul li { list-style:none; display:block; float:left;padding:2px 0 0 10px; white-space:nowrap;clear:none; width:100px;  }
.footerLinks ul li ul { list-style:none; display:block; float:left; clear:both;  }
.footerLinks ul li ul li { list-style:none; display:block; float:left; font-size:0.9em;padding:2px 0 0 10px; }