/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/*CSS document for Credential Holdings*/
/*By the Zen Agency Glasgow*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*--------------------------------------------------------------------------*/
/*General Styles*/
/*--------------------------------------------------------------------------*/
* {
	margin: 0;
	padding: 0;
	}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #FFFFFF;
	color: #000000;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #00387B;
	margin: 0px;
	font-style: normal;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #00387B;
	margin: 0px;
	font-style: normal;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #00387B;
	margin: 0px;
	font-style: normal;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: normal;
	color: #FFFFFF;
	margin: 0px;
	font-style: normal;
	line-height: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
p {
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

a {
	text-decoration: none;
	color: #00387B;
	}

a:hover {
	color: #FF9900;
	}

/*--------------------------------------------------------------------------*/
/*Main Content Styles*/
/*--------------------------------------------------------------------------*/

#holder {
	width: 910px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header_holder {
	width: 910px;
	margin: 0px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#image_holder {
	width: 910px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 395px;
}
#image_holder_internal {
	width: 910px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 160px;
}
#breadcrumb_holder {
	width: 910px;
	margin: 0px;
	padding: 0px;
	float: left;
	display: inline;
	height: 25px;
	/*background-image: url(../images/centre_shadow.gif);*/
	background-repeat: repeat-y;
	background-position: left top;
}
#breadcrumb {
	width: 895px;
	height: 20px;
	background-color: #A4B8D0;
	color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#breadcrumb a{
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
#breadcrumb a:hover{
	color: #FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
#content_holder {
	width: 900px;
	float: left;
	background-image: url(../images/centre_shadow.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin: 0px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#home_dev_holder {
	width: 900px;
	margin: 0px;
	float: left;
	background-image: url(../images/home_dev_shadow.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#home_base_holder {
	width: 910px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	background-image: url(../images/home_base_shadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#page_base_holder {
	width: 910px;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 20px;
	background-image: url(../images/page_base_shadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#footer_holder {
	width: 900px;
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	font-size: 90%;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #EEF1F7;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}
#footer_left {
	width: 450px;
	margin: 0px;
	padding: 0px;
	float: left;
	color: #00387B;
	font-weight: bold;
}

.footer_left_nonbold {
	color: #999999;
	font-weight: normal;
	}

.footer_left_nonbold a{
	font-weight: bold;
	color: #666666;
	}

.footer_left_nonbold a:hover{
	font-weight: bold;
	color: #333333;
	}

#footer_right {
	width: 450px;
	margin: 0px;
	padding: 0px;
	float: right;
	color: #666666;
	text-align: right;
}
#footer_right a {
	color: #666666;
	text-decoration:none;
	font-weight: bold;
}
#footer_right a:hover {
	color: #999999;
	text-decoration:underline;
}
#logo{
	width:142px;
	height: 101px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	float: left;
}
#top_links {
	width: 693px;
	margin: 0px;
	float: right;
	height: 19px;
	color: #000000;
	text-align: right;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 90%;
}
#top_links a {
	color: #000000;
	text-decoration:none;
}
#top_links a:hover {
	color: #000000;
	text-decoration:underline;
}

#signup {
	width: 693px;
	margin: 0px;
	float: right;
	color: #00387B;
	text-align: right;
	padding: 20px 5px 20px 0;
}

#strapline {
	width: 693px;
	margin: 0px;
	float: right;
	height: 40px;
	color: #00387B;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#nav_holder {
	width: 698px;
	margin: 0px;
	float: right;
	height: 35px;
	color: #FFFFFF;
	text-align: right;
	padding: 0px;
}
#menu_shad_left {
	float: left;
	width: 12px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/menu_shad_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu_shad_right {
	float: left;
	width: 12px;
	height: 35px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/menu_shad_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#menu_holder {
	float: left;
	width: 900px;
	margin: 0px;
	background-image: url(../images/menu_shadow.gif);
	background-repeat: repeat-x;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#left_items_home {
	float: left;
	width: 300px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#left_column {
	float: left;
	width: 200px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.left_header {
	float: left;
	width: 200px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 10px;
}
#welcome_box_home {
	float: left;
	width: 529px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #DADADA;
}
#content_box {
	float: left;
	width: 619px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #DADADA;
}
.heading_link {
	margin: 0px;
	padding: 0px;
}
.heading_link a {
	color:#B66E13;
	text-decoration:none;
	font-weight: bold;
}
.heading_link a:hover {
	color:#B66E13;
	text-decoration:underline;
}
.star_offer{
	width:300px;
	height: 68px;
	z-index: 60;
	padding: 0px;
	position: absolute;
	text-align: right;
	margin-top: -7px;
}
#new_dev_home_head{
	width:890px;
	height: 35px;
	margin: 0px;
	background-image: url(../images/new_dev_home_bg.gif);
	float: left;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	background-position: left top;
}
.home_dev_holder{
	width:286px;
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.home_dev_title{
	width:286px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.home_dev_image{
	width:284px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #FFFFFF;
	height: 132px;
}
.home_dev_copy{
	width:286px;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.home_dev_read_more{
	width:286px;
	padding: 0px;
	margin: 0px;
	text-align: right;
	color: #B66E13;
	font-weight: bold;
}
.home_dev_read_more a{
	color: #B66E13;
	text-decoration:none;
}
.home_dev_read_more a:hover{
	color: #B66E13;
	text-decoration:underline;
}
.page_left_title{
	width:220px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.formdivleft{
	width:160px;
	margin: 0px;
	float:left;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.formdivright{
	width:459px;
	margin: 0px;
	padding: 0px;
	float:left
}
.formtexttab{
	width:220px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
}
.formcheckbox{
	margin: 0px;
	padding: 0px;
}
.formbutton{
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #B66E13;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.project_holder {
	float: left;
	width: 620px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.project_image {
	float: left;
	width: 200px;
	margin: 0px;
	padding: 0px;
	height: 100px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.project_title {
	float: left;
	width: 409px;
	margin: 0px;
	height: 20px;
	background-color: #A3AFAF;
	overflow: hidden;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.project_text {
	float: left;
	width: 409px;
	margin: 0px;
	height: 69px;
	background-color: #E3E6E6;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
}
.project_pic_corner{
	width:200px;
	height: 35px;
	z-index: 60;
	padding: 0px;
	position: absolute;
	margin: 0px;
}
.forthcoming_ad{
	width:285px;
	height: 132px;
	z-index: 60;
	position: absolute;
	text-align: right;
	margin: 0px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.home_blue_box{
	width:220px;
	height: 100px;
	padding: 5px;
	margin: 0px;
	background-color: #EEF1F7;
	float: left;
}
.home_white_box1{
	width:148px;
	height: 100px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left:none;
}
.home_white_box{
	width:148px;
	height: 100px;
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
}
.page_box{
	width:670px;
	float: left;
	display: inline;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
}
.page_box_index{
	width:313px;
	float: left;
	display: inline;
	margin:0 0 0 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #CCCCCC;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCCCCC;
	
}

.homeboxcontainer_new{
width:358px;
display: inline;
/*float: right;
padding-top:30px;*/
}

.home_boxes{
	float: left;
	/*display:inline;*/
    background: #e8ecf2;
    height:130px; 
    width: 165px;
    padding: 5px 0 5px 5px;
    margin: 10px 0px 5px 10px;
}
.home_boxes p{
    padding-right:5px;
    }
    
.page_image{
    float:right;
    padding-left: 5px;
    padding-right: 5px;
    }
/*--------------------------------------------------------------------------*/
/*News Page Styles*/
/*--------------------------------------------------------------------------*/
.news_item_holder {
	float: left;
	display: inline;
	width: 100%;
	margin: 20px 0 0 0;
	}

.news_item {
	float: left;
	display: inline;
	width: 100%;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #cccccc;
	}

.news_item_heading {
	float: left;
	display: inline;
	width: 100%;
	font-weight: bold;
	margin: 0 0 5px 0;
	color: #00387B;
	}

.news_item_content {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 5px 0;
	}

.news_item_read_more {
	float: right;
	display: inline;
	width: 50%;
	font-weight: bold;
	text-align: right;
	color: #BFBDCE;
	}
	
.news_item_read_more a {
	color: #A4B8D0;
	text-decoration: none;
	border-bottom: none;
	}
	
.news_item_read_more a:hover {
	color: #FF9900;
	}

.news_item_section{
	float: left;
	display: inline;
	width: 50%;
	font-size: 80%;
	color: #BFBDCE;
	padding-bottom: 5px;
    }
/*--------------------------------------------------------------------------*/
/*Signup Styles*/
/*--------------------------------------------------------------------------*/

.signup_textbox {
	width: 200px;
	color: #cccccc;
	font-size: 100%;
	border: 1px solid #cccccc;
	padding: 2px;
	font-weight: normal;
	}

.submit_btn {
	background-color: #00387B;
	color: #ffffff;
	border: none;
	font-size: 100%;
	padding: 2px;
	}

.submit_btn:hover {
	background-color: #FF9900;
	color: #ffffff;
	border: none;
	font-size: 100%;
	padding: 2px;
	}

/*----------------------------------------------------------------*/
/*CONTACT FORM STYLES*/
/*----------------------------------------------------------------*/

.contact_form {
	float: left;
	display: inline;
	width: 450px;
	margin: 20px 0 0 0;
	}

.contact_form_line {
	float: left;
	display: inline;
	width: 100%;
	margin: 0 0 10px 0;
	}

.contact_form_label {
	float: left;
	display: inline;
	width: 130px;
	margin: 0 20px 0 0;
	font-weight: bold;
	}

.contact_form_input {
	float: left;
	display: inline;
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	color: #000000;
	margin: 0;
	padding: 0;
	border: 1px solid #cccccc;
	}

.contact_form_input select{
     Width: 250px;
}

.submit_btn_form {
	float: left;
	display: inline;
	background-color: #00387B;
	color: #ffffff;
	border: none;
	font-size: 100%;
	padding: 2px;
	margin: 0 0 0 150px;
	}
	
.submit_btn_form:hover {
	background-color: #FF9900;
	color: #ffffff;
	border: none;
	font-size: 100%;
	padding: 2px;
	}
	
select {
	width: 300px;
}

.sub_nav_head h3{
    color: #FF0000;
}

.wireframemenu .sub_nav_head a{
    background: none;
    border:none;
    color: #00387B;
}

.sub_nav_head a:hover{
    background: none;
    border:none;
    color: #FF9900;
}

/*______________________________________*/

.sub_pages {
	float: left;
	display: inline;
	width: 670px;
	}

.sub_pages_item{
	float: left;
	display:inline;
    background: #e8ecf2;
    height:200px; 
    width: 203px;
    padding: 5px;
    margin: 10px 10px 0 0;
}

.sub_pages_title{
    padding-bottom: 2px;
    }

.sub_pages_image{
	float: left;
	display: inline;
    margin: 0 4px 4px 0;
    text-align:center;
	width: 85px;
	height: 85px;
	overflow:hidden;
	border: 3px solid #ffffff;
	background:#FFFFFF;
}

.sub_pages_image a img 
{
	width: 85px;
	border: none;
	}

.sub_pages_title a {
	border: none;
	}

.page_image
{
	border: 1px solid #5B6268;
	float:right;
	display: inline;
    padding: 2px;
    margin-left: 5px;
    }

.documents ul {
	padding: 15px;
	/*list-style: none;*/
    }
    
ol {
	padding: 20px;
	/*list-style: none;*/
    }
    
.documents ul li a{
	text-decoration: none;
    }
 
.residential{
	border-top: 1px solid #EAEAEA;
	padding-top:10px;
	display: inline;
	float:left;
	width:100%;
    }
    
.residential a{
	text-decoration: underline;
	}
	  
.residential_left{
    width: 410px;
	float:left;
	display: inline;
    }
    
.residential_right{
    width: 190px;
	float:right;
	display: inline;
	margin-left:20px;
    }
.residential_item{
	float:left;
	display: inline;
	width:100%;
	margin-bottom:5px;
    }
    
.residential_item img{
    float:left;
    border: 0;
    padding: 0 5px 5px 0;
}

/*
    ACCORDION STYLES
*/
#basic-accordian{
	/*border:5px solid #EEE;
	padding:5px;
	width:350px;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-175px;
	z-index:2;
	margin-top:-100px;*/
}

.accordion_headings{
	padding:5px;
	color: #00387B;
	/*background:#99CC00;
	border:1px solid #FFF;
	font-weight:bolder;*/
	cursor:pointer;
}

.accordion_headings:hover{
	/*background:#00CCFF;
	font-weight:bolder;*/
}

.accordion_child{
	padding:10px;
	color: #00387B;
	background:#E5EBF2;
}

.header_highlight{
	/*background:#00CCFF;*/
	font-weight:bold;
}

.sitemap{
    margin:20px;
}

.sitemap ul{
	list-style-type:none;
}

.sitemap ul li a{
	color: #00387B;  
	font-weight:bold;
}

.sitemap ul li ul li a{
	color: #000000;  
    margin:20px;
	font-weight:normal;
}
