@charset "utf-8";

/*/// BASIC STUFF ///*/

body, html {
    margin: 0;
	padding: 0 0 30px 0;
	background-color: #000000;
}

#wrap {
    margin: 44px auto;
    width: 750px;
	background-color: #4867A2;
	border-top: #97FF99 1px solid;
	border-left: #97FF99 1px solid;
	border-right: #97FF99 1px solid;
}

.home {
    margin: 44px auto;
    width: 750px;
	background-color: #4867A2;
	border-top: #97FF99 1px solid;
	border-left: #97FF99 1px solid;
	border-right: #97FF99 1px solid;
border-bottom: #97FF99 1px solid;
}
    
body {
    min-width: 750px;
	
}

.clearingDiv {
	clear: both;
}


.center {
	text-align: center;	
}

a:active, a:hover, a:visited, a:link {
	outline: none;
}


/*/// HEADER STUFF /// */

#header {
	width: 750px;
	height: 100px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#logo {
	float: left;
	background-color: #000000;
	height: 100px;
	width: 321px;
	text-align: center;
	margin: 0 0 0 150px;
	padding: 0 0 0 0;
}

#topRight {
	background-color: #557bc1;
	height: 100px;	
	width: 279px;
	float: left;
	display: inline;
}

#sublogo {
	float: left;
	background-color: #000000;
	height: 100px;
	width: 348px;
	text-align: center;
	margin: 0 0 0 138px;
	padding: 0 0 0 0;
}

#subTopRight {
	background-color: #557bc1;
	height: 100px;	
	width: 263px;
	float: left;
	display: inline;
}

#logoPad {
	margin: 38px 0 0 0;
	padding: 0 0 0 0;
}


/*/// ALL NAVS ///*/

#nav {
	height: 29px;
	margin: 0 1px 0px 1px;
	padding: 0;
	background-color: #97ff99;
	display: block;
}

#nav ul { 
	float: left;
	padding: 0px 0 0 15px;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	color: #FFFFFF;
}

#nav li { 
	float: left;
	font-weight: bold;
	padding-right: 5px;
	margin: 0px;
}


/*/// MAIN NAV ///*/

#mainNav {
	background-color: #97FF99;
	height: 29px;
	width: 748px;
	color: #666666;
	margin: 0px 1px 0px 1px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}

#mainNav a, #mainNav a:active {
	display: block;
	outline: none;
}

#mainNav ul {
	float: left;
	padding: 0;
	margin: 0 0 15px 0;
	list-style: none;
	height: 29px;
}

#mainNav li {
	float: left;
	text-align: center;
	font-weight: bold;
	display: inline;
}

.navSpacer {
	display: block;
	background: url(images/nav_spacer.gif) no-repeat;
	width: 23px;
	height: 28px;
}


/*/// MAIN NAV ROLLS ///*/

/* NAV1  */

#homeNav {
	background: transparent url(images/home.gif) no-repeat;
	padding: 0;
}

#homeNav a {
	background: transparent url(images/home.gif) no-repeat;
    width: 38px;
	height: 29px;
	display: block;	
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#homeNav a.active {
	background: transparent url(images/homeOver.gif) no-repeat;
}

#homeNav a:hover {
	background: transparent url(images/homeOver.gif) no-repeat;
}

#homeNav a.active:hover {	
	background: transparent url(images/homeOver.gif) no-repeat;
}

/* ABOUT NAV  */

#aboutNav {
	background: transparent url(images/about.gif) no-repeat;
	padding: 0;
}

#aboutNav a {
	background: transparent url(images/about.gif) no-repeat;
	display: block;
    width: 67px;
	height: 29px;
	margin: 0;		
}

#aboutNav a.active {
	background: transparent url(images/aboutOver.gif) no-repeat;
}

#aboutNav a:hover {	
	background: transparent url(images/aboutOver.gif) no-repeat;
}

#aboutNav a.active:hover {	
	background: transparent url(images/aboutOver.gif) no-repeat;
}

/* NAV3  */

#residentialNav {
	background: transparent url(images/residential.gif) no-repeat;
	padding: 0;
}

#residentialNav a {
    width: 91px;
	height: 29px;
	display: block;	
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: transparent url(images/residential.gif) no-repeat;
}

#residentialNav a.active {
	background: transparent url(images/residentialOver.gif) no-repeat;
}

#residentialNav a:hover {
	background: transparent url(images/residentialOver.gif) no-repeat;
}

#residentialNav a.active:hover {	
	background: transparent url(images/residentialOver.gif) no-repeat;
}

/* NAV4  */

#restaurantRetailHotelNav {
	background: transparent url(images/restaurant.gif) no-repeat;
	padding: 0;
}

#restaurantRetailHotelNav a {
    width: 204px;
	height: 29px;
	display: block;	
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: transparent url(images/restaurant.gif) no-repeat;
}

#restaurantRetailHotelNav a.active {
	background: transparent url(images/restaurantOver.gif) no-repeat;
}

#restaurantRetailHotelNav a:hover {
	background: transparent url(images/restaurantOver.gif) no-repeat;
}

#restaurantRetailHotelNav a.active:hover {	
	background: transparent url(images/restaurantOver.gif) no-repeat;
}

/* NAV5  */

#commercialNav {
	background: transparent url(images/commercial.gif) no-repeat;
	padding: 0;
}

#commercialNav a {
    width: 90px;
	height: 29px;
	display: block;	
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: transparent url(images/commercial.gif) no-repeat;
}

#commercialNav a.active {
	background: transparent url(images/commercialOver.gif) no-repeat;
}

#commercialNav a:hover {
	background: transparent url(images/commercialOver.gif) no-repeat;
}

#commercialNav a.active:hover {	
	background: transparent url(images/commercialOver.gif) no-repeat;
}


/* NAV6  */

#contactNav {
	background: transparent url(images/contact.gif) no-repeat;
	padding: 0;
}

#contactNav a {
    width: 63px;
	height: 29px;
	display: block;	
	padding: 0px 0px 0px 0px;
	margin: 0;
	background: transparent url(images/contact.gif) no-repeat;
}

#contactNav a.active {
	background: transparent url(images/contactOver.gif) no-repeat;
}

#contactNav a:hover {
	background: transparent url(images/contactOver.gif) no-repeat;
}

#contactNav a.active:hover {	
	background: transparent url(images/contactOver.gif) no-repeat;
}


/*/// HOME CONTENT ///*/

#homeContent {
	width: 748px;
	padding: 0px;
	display: inline;
}

#home-double {
	display: block;
	border-top: #000 solid 2px;	
	border-bottom: #000 solid 1px;
}

#home-arch {
	margin: 12px 0 0 76px;	
}

#home-imag {
	margin: 12px 0 0 134px;	
}


/*/// TWO COLUMN LAYOUT ///*/

#twoColLeft {
	float: left;
	width: 136px;
	padding: 30px 7px 0 7px;
	margin: 0px;
	background-color: #4867A2;
}

#twoColLeft p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#twoColRight {
	padding: 54px 0 0 0;
	margin: 0 0 0 150px;
	height: 232px;
	background: url(images/topRightBG.gif) no-repeat;
	display: block;
	width: 600px;
}

#twoColRight p {
	padding: 0 0 5px 0;
	margin: 0 0 0 0;
}



/*/// THREE COLUMN LAYOUT ///*/

/* column container */
	.subContent {
		position: relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear: both;
	    float: left;
        width: 750px;				/* width of whole page */
		overflow: hidden;		/* This chops off any overhanging divs */
		right: 1px;
		border-left: #97FF99 1px solid;
		border-right: #97FF99 1px solid;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
	}
	/* holy grail 3 column settings */
	.holygrail {
	    background: #7699b7;    	/* Right column background colour */	
	}
    .holygrail .colmid {
        float: left;
        width: 200%;
        margin-left: -264px; 	/* Width of right column */
        position: relative;
        right: 100%;
        background: #000;    	/* Centre column background colour */
		color: #557bc1;

    }
    .holygrail .colleft {
        float: left;
        width: 100%;
        margin-left: -50%;
        position: relative;
        left: 402px;         	/* Left column width + right column width */
        background: #4867a2;    	 Left column background colour */
    } 
    .holygrail .col1wrap {
        float: left;
	    width: 50%;
	    position: relative;
	    right: 138px;        	/* Width of left column */
	    padding-bottom: 30px; 	/* Centre column bottom padding. Leave it out if it's zero */

	}
	.holygrail .col1 {
        margin: 0 264px 0px 138px;     	/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
        position: relative;
	    left: 200%;
	    overflow: hidden;
		color: #6699cc;
		padding-bottom: 40px;
	}
    .holygrail .col2 {
        float: left;
        float: right;			/* This overrides the float:left above */
        width: 138px;        	/* Width of left column content (left column width minus left and right padding) */
        position: relative;
        right: 0px;         	/* Width of the left-had side padding on the left column */	
    }
    .holygrail .col3 {
        float: left;
        float: right;			/* This overrides the float:left above */
        width: 264px;        	/* Width of right column content (right column width minus left and right padding) */
        margin-right: 138px;  	/* Width of right column right-hand padding + left column left and right padding */
        position: relative;
        left: 50%;
		color: #000;
		margin-bottom: 40px;
    }


/*/// LEFT COLUMN STUFF /// */

/*/// CENTER COLUMN STUFF /// */

#topBlock {
	display: block;
	height: 23px;
	margin: 0 0 40px 0;
	padding: 0;
}

.grayblock {
	width: 348px;
	background-color: #181728;
}

div.col1 p, div.col1 h2, div.col1 h3, div.col1 li {
	margin-left: 35px;
	margin-right: 30px;
}

div.col1 a, div.col1 a:visited, div.col1 a:active {
	color: #6666cc;
	text-decoration: underline;
}

div.col1 a:hover {
	color: #6666cc;
	text-decoration: none;
}

div.col1 h2 {
	font-size: 14px;
	letter-spacing: 4px;
	font-weight: bold;
	margin-top: 12px;
	padding-top: 0;
}

div.col1 h3 {
	font-size: 12px;
	letter-spacing: 1px;
	font-weight: bold;
	margin-top: 18px;
}

div.col1 ol {
	margin: 0 0 20px 20px;
	padding: 0;
}

div.col1 ol li ul {
	margin: 0 0 6px 0;
	padding: 0;
}

div.col1 a.res img {
	border: 1px #97FF99 solid;
	text-align: center;
	margin: 0 0 20px 62px;
}

div.col1 {
	display: block;
}

div.col1 h4 {
	color: #4867a2;
	font-size: 12px;
}

.bottomBlue {
	height: 20px;
	width: 138px;
	background-color: #4867a2;
	bottom: 0;
	padding: 0;
	margin: 0;
}

#picNums {
	text-align: center;	
}

#picNums h3 strong {
	font-size: 10px;
	display: inline;
	margin: 0 5px 0 20px;
	clear: none;
}

#picNums h3 {
	display: inline;
	margin: 0;
	padding: 0;
	clear: none;
}

#picNums h3 a {
	font-size: 10px;
	display: inline;
	margin: 0 5px 0 0;
	clear: none;	
}

#picNums img {
	text-align: center;
	margin: 18px 0 0 0;
}




/*/// RIGHT COLUMN STUFF /// */

.blueblock {
	width: 265px;
	background-color: #557bc1;
}

div.col3 p, div.col3 img, div.col3 h4 {
	margin-left: 15px;
	margin-right: 15px;
}

div.col3 h4 {
	font-size: 13px;
	font-weight: bold;
	margin: 15px 15px 10px 15px;
	padding: 0 0 0 0;
}

div.col3 p {
	margin: 0 15px 10px 15px;
	padding: 0;
}

div.col3 .narrow {
	margin-left: 45px;
	margin-right: 40px;
}

h4.narrow {
	letter-spacing: 3px;	
}

div.col3 a, div.col3 a:visited {
		text-decoration: none;
		color: #97FF99;
}

div.col3 a:hover {
	text-decoration: underline;
		color: #97FF99;
}

/*/// FOOTER STUFF /// */

#footer {
	position: absolute;
	z-index: 20;
	width: 750px;
	height: 21px;
	background-color: #97FF99;
	display: block;
	bottom: 0;
	margin: 0;
	padding: 0;
}

#tabs-container {
	text-align: center;
}

#tabs img {
	border: 1px solid #97FF99;
}