/* 
#####################################################

C L A

Copyright © 2008 CHARLES LEON ASSOCIATES - 
ARCHITECTURAL INTERIOR DESIGN All rights reserve

#####################################################
*/

html, body, h1 {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color:#555555;
}

.hidden {
	display: none;
}



h1, h2 {
	color:#808080;
	font-size:24px;
	padding:0px;
	margin:0px;
	font-style:normal;
	font-weight:normal;
	margin-bottom:12px;
	}

h3 {
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	font-size: 12px;
	color:#555555;
	font-weight:bold;
	padding:0px;
	margin:0px;

}

#layout-padding25 {padding:25px}

#layout-clear-all {clear:both}

ul {list-style: none;}

/*###############################################
Home page
################################################*/

body.homepage {
	margin-top:14px;
	}
	
#homepage-container {
	width: 900px;
	margin: auto;
}

#homepage-header-container {
	width: 900px;
	height: 153px;
	background-color: #e6e6e6;
	border-bottom:solid #d5d183 2px;
}

#homepage-header-logo-container {
	margin: 18px 0px 0px 30px;
	float:left;
}

#homepage-header-welcometext-container {
	margin: 43px 0px 0px 383px;
	float:left;
}

a.homepage-header-welcometext-container {text-decoration: none; color: #555555}
a.homepage-header-welcometext-container:hover {color:#000000}

#homepage-mainimage-title-container {
	margin: 8px 0px 0px 30px;
	color:#FFFFFF;
	float:left;
}

#homepage-mainimage-container {
	width: 900px;
	height:378px;
	background-image:url(../siteimages/homepage/hmpg-main-pic.jpg);
	background-color:#eae7c0;
}

#homepage-footer-container {
	margin-top:5px;
	font-size: 9px;
}

/*###############################################
Nav & Core Page Layout
################################################*/

#cla-site-container {
	width: 900px;
	margin: auto;
}

#cla-navbar-container {
	width: 900px;
	height: 94px;
	border:  solid  #fff 1px;
}

#cla-navbar-linksarea-container {
	width: 700px;
	margin-top: 34px;
	float:left;
}

#cla-logo-container {
	float:right;
	margin-top:4px;
}

a.cla-nav-links {
text-decoration: none;
font-size: 12px;
padding:2px 10px 2px 10px;
color:#000000;
}

a.cla-nav-links:hover {

}

body.aboutus .onpage-aboutus  {background-color:#d6d3a6;} 
body.projects .onpage-projects {background-color:#d6d3a6;}
body.projectlist .onpage-projectlist {background-color:#d6d3a6;}  
body.contactus .onpage-contactus  {background-color:#d6d3a6;} 
body.infopress .onpage-infopress  {background-color:#d6d3a6;} 


#cla-nav-menubar {
	float:left;
	margin-top:34px;
	width:700px;
    }
    
    .cla-nav-menu {
      width: auto;
      float: left;
    }
    
    .cla-nav-menu ul {
      display: none;
      position: absolute;
      list-style: none;
      margin: 10px 0px 0px 0px;
      padding: 0px;
    }
    
    .cla-nav-menu ul li {
      display: block;
    }
    
    div.cla-nav-menu:hover ul {
      display: block;
      margin: 0px;
      padding: 0px;
    }

    div.cla-nav-menu ul li:hover {
      background-color: #d6d3a6;
    }
	
#cla-nav-ul-projects {
	padding: 5px 0px 0px 0px;
	background-color:#FFFFFF;}

.cla-nav-ul-nav-links {
display:block;
text-decoration: none;
font-size: 12px;
padding:8px;
color:#000;
}

.cla-nav-ul-nav-links:hover {
	background-color: #d6d3a6;
}






/*************	main navigation  ************/
#mainNav {
	font-size: 8pt;
	margin-top: 35px;
	height: 35px;
	width: 700px;
	position: relative;
}



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

#mainNav li {
	float: left;
	/*padding: 2px 10px;
	width: 140px;*/
	font-weight: bold;
}

#mainNav a {
	color: #000;
	text-decoration: none;
	/*line-height: 20px;
	padding: 5px 11px;*/
	padding: 3px 10px;
/* commented backslash hack v2 - everything below ignored by mac ie5 \*/
	display: block;
/* end hack */
}

#mainNav ul ul {
	float: left;
	list-style: none;
	/*width: 140px;
	Area within drop down*/
	width: 145px;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#mainNav li ul a {
	/* Links within dropdown*/
	width: 120px;
	padding: 10px 14px;
}

/* #mainNav li ul a {
	padding: 10px 10px;
}*/

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul {
	left: auto;
}

/* change main 5 links on hover and also all dropdowns */
#mainNav li:hover a {
	background: #eae7c0;
}

/* change children of 5 main links in dropdowns on hover */
#mainNav li li:hover a  {
	background: #807e5d ;
	color:#FFFFFF;
	}
	

/*###############################################
About Us / What We Do
################################################*/


.aboutus-title {
	color:#dfdede;
	font-size:24px;
	}
	
#aboutus-imagespace-container {
	width: 900px;
	height: 472px;
	background-image:url(../siteimages/about-us/main-pic.jpg);
	background-color:#eae7c0;
}

#aboutus-textbox-bg-container {
	float:right;
	margin: 25px;
	width: 490px;
	background: transparent url(../siteimages/about-us/textbox-bg.png);
	color:#FFFFFF;
}



/*###############################################
Contact Us
################################################*/
	
#contactus-mainframe-container {
	width: 900px;
	height: 472px;
	background-color:#eae7c0;
}

#contactus-map-image-container {
	float:left;
	width: 519px;
	height: 400px;
	border:solid #FFFFFF 2px;
	margin: 7px 0px 0px 7px;
}

#contactus-right-text-area-container {
	width: 300px;
	margin: 25px 0px 0px 15px;
	float:left;
}


#contactus-line-container {
	background-color:#FFFFFF;
	height:1px;
}

.contactus-title {
	color:#808080;
	font-size:24px;
	}

#contactus-form-holdtext-container {
	float:left;
	width:62px;
	height:26px;
}

#contactus-form-field-container {
	float:left;
	height:26px;
	width: 275px;
}

#contactus-submit-btn-container {
	margin: 5px 0px 0px 62px;
}

.contactus-form-fields {
	display:block;
	background-color:#FFFFFF;
	border:#eae7c0 solid 1px;
	color:#000000;
	font-size:10px;
}

.contact-btnsubmit { 
	border:solid #bab167 2px; 
	font-weight:bold; 
	background-color:#fff; 
	display:block; 
	padding: 3px;}


/*###############################################
Information and Press
################################################*/
	
#infopress-mainframe-container {
	width: 900px;
	height: 472px;
	background-color:#eae7c0;
}

.infopress-title {
	color:#808080;
	font-size:24px;
	}
	
#infopress-textbox-container {
	float:left;
	margin:27px;
}


/*###############################################
Projects
################################################*/
	
#project-corearea-container {
	width: 900px;
	height: 402px;
	background-color:#eae7c0;
}

.projects-title {
	color:#808080;
	font-size:24px;
	padding:0px;
	margin:0px;
	font-style:normal;
	font-weight:normal;
	}

#project-large-image-area-container {
	float:left;
	margin: 6px;	
	width: 597px;
	height: 385px;
	background-color:#eae7c0;
	background-image:url(../siteimages/projects/loading-image.gif);
	border:#FFFFFF solid 2px;
}

#project-text-area-container {
	float:left;
	margin: 6px 0px 0px 17px;
	width: 255px;
}

#project-text-area-container {
	float:left;
	margin: 6px 0px 0px 17px;
	width: 255px;
}

#project-icon-area-container {
	margin: 6px 0px 0px 5px;
	width: 893px;
	height: 67px;
}

#project-icon-container {
	float:left;
	margin-right:29px;
	border:solid #eae7c0 2px;
	width: 93px;
	height: 63px;
	background-color:#fff;
}

#project-form-holder {
	float:left;
	margin-top:12px;
	width: 230px;
}

/*
.project-form-list {
	display:block;
	border:solid #fff 1px;
	margin-top:4px;
	background-color:#eae7c0;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	padding:5px;
	width: 225px;
}*/

select  {
	display:block;
	border:solid #fff 1px;
	margin-top:4px;
	background-color:#eae7c0;
	color:#000000;
	font-size:10px;
	font-weight:bold;
	padding:5px;
	width: 225px;
}

/*###############################################
Project List
################################################*/
	
#projectlist-mainframe-container {
	width: 900px;
	background-color:#eae7c0;
}

.projectlist-title {
	float:left;
	margin:7px 0px 0px 7px;
	color:#808080;
	font-size:20px;
}

#projectlist-title-container {
	float:left;
	margin:7px 0px 0px 7px;
	color:#808080;
	font-size:20px;
}

#projectlist-border-container {
	float:left;
	width: 880px;
	border: solid #FFFFFF 2px;
	margin: 0px 0px 7px 7px;
}

#projectlist-tab-header-container {
	float: left;
	width: 880px;
	height: 44px;
	background-color: #fff;
	border: solid #FFFFFF 2px;
	background-repeat:no-repeat;
	background-position:right;
	margin:7px 0px 0px 7px;
}

#projectlist-tab-header-title-container {
	float:left;
	color:#000;
	font-size:18px;
	margin: 12px 0px 0px 24px;
}

#projectlist-tab-text-container {
	float:left;
	width: 245px;
	margin: 15px 0px 15px 24px;
}

/* Tab backgrounds*/
#projectlist-tab-header-container.tab-hotels {background-image:url(../siteimages/project-list/tab-bg-hotels.jpg)}
#projectlist-tab-header-container.tab-residential {background-image:url(../siteimages/project-list/tab-bg-residential.jpg)}
#projectlist-tab-header-container.tab-bars {background-image:url(../siteimages/project-list/tab-bg-bars.jpg)}
#projectlist-tab-header-container.tab-leisure {background-image:url(../siteimages/project-list/tab-bg-leisure.jpg)}
#projectlist-tab-header-container.tab-offices {background-image:url(../siteimages/project-list/tab-bg-offices.jpg)}


/* 
Hotels
Residential
Restaurants & Bars
Health & Leisure
Offices & Commercial
*/


/*###############################################
Admin Area
################################################*/

#admin-header {
	height:93px;
	}

.admin-title {
	color:#a3a3a3;
	font-size:20px;
	}
	
.admin-title-edit {
	color:#000;
	font-size:20px;
	}

.admin-sub-title {
	color:#a3a3a3;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	}

#admin-holder-01 {
	border:#a3a3a3 solid 10px;
	padding: 10px;
	margin-bottom: 20px;
	}

#admin-holder-02 {
	border:#adaa86 solid 5px;
	padding: 10px;
	margin-top: 10px;
	background-color:#f9f8ec;
	}

#admin-holder-03 {
	border:#eae7c0 solid 5px;
	padding: 10px;
	margin-top: 10px;
	background-color:#FFFFFF;
	}


.amin-form-fields {
	display:block;
	background-color:#FFFFFF;
	border:#000 solid 1px;
	color:#000000;
	font-size:11px;
	font-family: Arial, Helvetica, Verdana, Sans-serif;
	padding:3px;
}

.admin-btnsubmit { 
	border:solid #bab167 2px; 
	font-weight:bold; 
	background-color:#fff; 
	display:block; 
	padding: 3px;}

#admin-test-space-01 {
	height:30px;
	width:30px;
	background-color:#003399;
	}

#admin-test-space-02 {
	height:40px;
	width:40px;
	background-color:#FF0000;
	}