td.basic{
font-family:Verdana; 
font-size:8pt;
text-align:center;
style: padding-left: 5; padding-right: 5; padding-top: 0;
}

table.lists { background-color:white; }


	/*  PROJECT NAME:         Irvine Harbourside	 */
	

	/* SMALL RESET */

* { margin:0; padding:0; }
img { border:0; }
a { outline:0; }
html, body { width:100%; height:100%; }


	/* ELEMENT STYLES */
	
p, ul { font-size:1.4em; color:#000000; line-height:16px; }
p { line-height:16px; }
a { color:#dc4300; }
a:hover { text-decoration:none; }
h1 { font-weight:normal; font-size:1.6em; font-family:Verdana, Arial, Tahoma, sans-serif; font-weight:bold; padding-bottom:1px; padding-top: 1px; color:#003267; margin: 1px 1px 1px 10px; }
h2 { font-weight:normal; font-size:1.2em; font-family:Verdana, Arial, Tahoma, sans-serif;  font-weight:bold; color:#0000A0; margin: 1px 1px 1px 1px;}
h3 { color:#333333; font-size:1.6em; font-weight:normal; font-family:Verdana, Arial, Tahoma, sans-serif;}
h4 { color:#555555; font-size:1.4em; font-weight:normal; font-family:Verdana, Arial, Tahoma, sans-serif;}


	/* MAIN LAYOUT */
	
body { font-size:62.5%; font-family:Verdana, Arial, Tahoma, sans-serif;  } /* prev. contained backlong.jpg */
div.all { width:100%; height:100%; } /* height 100% or 100px no effect ; prev. contained top_bg.jpg */
div.center  { width:1020px; margin:0 auto; }
div.wrapper { width:1020px; min-height:750px; float:left; } /* prev. contained bgnew2g.jpg */


ul.circle2 { margin-left:50px; list-style:none; }
.circle2 li { background: url(../new_harbourside/images/tick.jpg) no-repeat 0 0px; padding:2px 0 5px 28px; font-size:0.9em; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; }

ul.circle3 { margin-left:50px; margin-top:10px; list-style:none; }
.circle3 li { background: url(../new_harbourside/images/target.jpg) no-repeat 0px 0px; padding:0px 0 5px 28px; font-size:0.9em; vertical-align:middle; font-family:Verdana, Arial, Helvetica, sans-serif; color:#222222; }
	
	
	ul.circle { margin-left:60px; margin-top:10px; list-style:disc outside; }
.circle li { padding:5px 0 5px 3px; vertical-align:middle; font-family:Verdana, Arial, Tahoma, sans-serif; font-size:0.9em;}



div.leftcol { float:left; width:160px; margin:50px 20px 1px 15px; display:inline; } /* margin1 was 250, margin4 was 45 */
	/* top - right - bottom - left */
	
div.navarea { float:left; width:680px; margin:20px 10px 1px 30px; display:inline; } /* margin was 342 then temp 20 px */
div.rightcol { float:left; width:680px; margin:30px 5px 1px 10px; display:inline; }
div.rightcol3 { float:left; width:680px; margin:10px 10px 1px 10px; display:inline; }
div.rightcol p { color:#222222; font-size:1.2em; font-weight:normal; font-family:Verdana, Arial, Tahoma, sans-serif; margin: 1px 1px 1px 1px; }

img.within {margin: 5px 5px 5px 5px; }

div.rightcol .main { color:#222222; font-weight:normal; font-size:1.2em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0px 0px 10px; }
div.rightcol .main2 { color:#222222; font-weight:normal; font-size:1.4em; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px 0px 0px 0px; }
div.rightcol .mainitalics { color:#222222; font-weight:normal; font-size:1.2em; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 0px 5px 180px; }
div.rightcol .mainitalics2 { color:#222222; font-weight:normal; font-size:1.2em; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; margin:10px 20px 0px 30px; }
div.rightcol .mainitalics3 { color:#222222; font-weight:normal; font-size:1.2em; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; margin:20px 0px 0px 180px; }
div.rightcol .maincomic { color:#222222; font-weight:normal; font-size:1.4em; font-family:"Comic Sans MS", sans-serif; margin:10px 0px 0px 10px; } /* marymass addition */

div.footcol { float:left; width:680px; margin:0px 10px 1px 10px; display:inline; }

div.leftcolumn { float:left; width:280px; padding:0px 0px 0px 70px; display:inline; }
div.rightcolumn { float:left; width:280px; padding:0px 0px 0px 0px; display:inline; }

div.leftcolumn2 { float:left; width:330px; padding:0px 0px 0px 10px; display:inline; }
div.rightcolumn2 { float:left; width:330px; padding:0px 0px 0px 10px; display:inline; }

img.alignright {
	float: right;
	margin-left: 20px;
}

a img {border: none; }
a:link, a:visited { text-decoration:none; color:#0000FF}
a:hover { text-decoration:underline; color:#666666

}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

.highslide {
	cursor:  url(../new_harbourside/highslide/graphics/zoomin.cur) , pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid white;
}

.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

#menu1 {
	width: 150px; /* was 168 tried 140 */
	margin: 1px;
	}
	
#menu1 li a {
	height: 32px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	margin: 5px 8px 5px 5px;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu1 li a:link, #menu1 li a:visited {
	color: #ffffff;
	text-align:center;
	display: block;
/*	background:  url(http://www.blanktest.co.uk/images/menu10.gif); commented out */
	padding: 8px 0 0 2px;
	}
	
#menu1 li a:hover {
	color: #ffffff;
	text-align:center;
/*	background:  url(http://www.blanktest.co.uk/images/menu10.gif) 0 -32px; commented out */
	padding: 8px 0 0 2px;
	}
	
	
	
	#gallery {
	width: 850px;
	overflow: hidden;
	padding: 30px 0px 0px 0px;
}

#gallery .output {
	position: relative;
	float: left;
	width: 560px;
	height: 525px;
	
}

#gallery .output img {
	position: absolute;
	top: 30px;
	left: 30px;
}

#gallery .output .captions {
	position: absolute;
	top: 430px;
	left: 30px;
	width: 500px;
}

#gallery .output .captions span {
	display: block;
	font-family: "Times New Roman", Times, serif;
	text-transform: lowercase;
}

#gallery .output .captions .line {
	display: block;
	font-size: 35px;
	color: #53452E;
	letter-spacing: -2px;
}

#gallery .output .captions .line2 {
	display: block;
	font-size: 21px;
	color: #A3916F;
	letter-spacing: -1px;
}

#gallery .thumbnails {
	float: right;
	overflow: hidden;
	width: 270px;
	margin: 0px;
	padding: 0px;
	line-height: 1;
	list-style: none;
}

#gallery .thumbnails li {
	float: left;
	width: 69px;
	height: 52px;
	margin: 0px 0px 5px 5px;
	padding: 8px;
	cursor: pointer;
	position: relative;
	left: -8px;
	top: -8px;
}

#gallery .thumbnails li img {
	border: solid 8px #FFFFFF;
	float: left;
}

#gallery .thumbnails li img.active {
	border: solid 8px #FFA15E !important;
}

#gallery .prev, #gallery .next {
	position: absolute;
	display: block;
	width: 66px;
	height: 66px;
	top: 185px;
	background:  url(../new_harbourside/images/arrows2.png) no-repeat;
	text-indent: -9999em;
	outline: none;
}

#gallery .prev {
	left: 30px;
	background-position: 0px 0px;
}

#gallery .next {
	right: 30px;
	background-position: -66px 0px;
}

/* Horizontal drop down menu
----------------------------------------------- */
#menuWrapper {
width:720px; /* Menu width */
margin-left: -45px;
height:35px;
padding-left:30px;
background:#660066; /* Background color was #0E0089*/
border-radius: 5px; 
}
.menu {
padding:0;
margin:0;
list-style:none;
height:35px;
position:relative;
z-index:5;
font-family: "Comic Sans MS", sans-serif; /* was arial, verdana, sans-serif */
font-size:12pt; /* Font size was 11px*/
}
.menu li:hover li a {
background:none;
}
.menu li.top {display:block; float:left;}
.menu li a.top_link {
display:block;
float:left;
height:35px;
line-height:34px;
color:#fff;
text-decoration:none;
font-family: "Comic Sans MS", sans-serif; /* was "Verdana", sans-serif; */
font-size:12pt; /* Font size was 12px*/
/* font-weight:bold; commented out */
padding:0 0 0 1px;
cursor:pointer;
}
.menu li a.top_link span {
float:left;
display:block;
padding:0 14px 0 6px;
height:35px;
}
.menu li a.top_link span.down {
float:left;
display:block;
padding:0 24px 0 12px;
height:35px;
}
.menu li a.top_link:hover, .menu li:hover > a.top_link {color:#6698FF; }
.menu li:hover {position:relative; z-index:2;}
.menu ul,
.menu li:hover ul ul,
.menu li:hover ul li:hover ul ul,
.menu li:hover ul li:hover ul li:hover ul ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

.menu li:hover ul.sub {
left:0;
top:35px;
background:#900090; /* Submenu background color was #0092B3 */
padding:3px;
white-space:nowrap;
width:200px;
height:auto;
z-index:3;
}
.menu li:hover ul.sub li {
display:block;
height:30px;
position:relative;
float:left;
width:200px;
font-weight:normal;
}
.menu li:hover ul.sub li a{
display:block;
height:30px;
width:200px;
line-height:30px;
text-indent:10px;
font-size:12px; /* Font size */
color:#fff;
text-decoration:none;
}
.menu li ul.sub li a.fly {
/* Submenu Background Color */
background:#900090 url(http://www.vindosoft.co.uk/testmm/images/arrow_over.gif) 185px 10px no-repeat;}
		/* Background Color - was #0092B3 */
.menu li:hover ul.sub li a:hover {
background:#B000B0; /* Background Color on mouseover - was #0E0089 */
color:#fff;
}
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
/* Background on Mouseover */
background:#B000B0 url(http://www.vindosoft.co.uk/testmm/images/arrow_over.gif) 185px 10px no-repeat; color:#fff;}
		/* Background Color - was #0E0089 */
		
.menu li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
left:200px;
top:-4px;
background: #900090; /* Background Color of the Submenu - was #0092B3 */
padding:3px;
white-space:nowrap;
width:200px;
z-index:4;
height:auto;
}

#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 650px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #56A5EC;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}


#box-table-b
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 650px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-b th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #82CAFA;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-b td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-b tr:hover td
{
	background: #d0dafd;
	color: #339;
}

#box-table-c
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 15px;
	width: 650px;
	text-align: left;
	border-collapse: collapse;
}
#box-table-c th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #C2DFFF;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-c td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-c tr:hover td
{
	background: #d0dafd;
	color: #339;
}