@import url('core.css');


/********************************************
        TEXT FORMATTING STYLES
********************************************/
body {font-family: Arial; font-size: 12px;}

body#p-index h1 {font-size: 18px; margin: 0 0 22px 0; color: #1a4566;}
h1 {font-size: 18px; margin: 0 0 82px 0; color: #8ed1e5;}
h3 {font-size: 16px; margin: 12px 0 18px 0; color: #1a4566; padding: 10px 0 0 0;}
body#p-contact_us h3 {font-size: 16px; margin: 12px 0 2px 0; color: #1a4566; padding: 10px 0 0 0;}
h4 {font-size: 13px; margin: 12px 0 18px 0; color: #000; padding: 10px 0 0 0;}

.small {font-size: 9px!important;}
.split-list li {width: 240px!important; line-height: 16px; float: left;}
.image-list {width: 320px; position: absolute; top: 450px; right: 0px;}
.image-list li {width: 320px!important; line-height: 16px; float: left;}
.image-list li img {border: 4px solid #eee; margin: 10px;}



#primary p {font-size: 13px; line-height: 17px; margin: 0 0 17px 0;}
#primary a, #secondary a, #footer a {color: #21729e; text-decoration: underline;}
#primary a:hover, #secondary a:hover, #footer a:hover {color: #114764; text-decoration: none;}
#primary ul {display: inline-block; margin: 0 0 17px 24px; height: auto;}
#primary ul li {width: 80%; display: inline-block; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(../images/core/bullet.png) 0 -2px no-repeat;}



#secondary {color: #333333;}

#footer {font-size: 11px; color: #7190ae;}

#footer a {color: #c5d6e7; text-decoration: underline; margin: 0px; border-left: 1px solid #ccc; padding: 0 10px 0 10px;}
#footer a:hover {color: #21729e; text-decoration: none;}


/********************************************
        GENERAL STYLES
********************************************/
	
		.no-border {border: none!important;}
	

/********************************************
        PRIMARY STYLES
********************************************/
body {background: #024476;}
	body#p-index #wrapper {background: url(../images/core/wrapper-bg-tile.jpg) top center repeat-x #f4f6f7;}
		#wrapper {background: url(../images/core/wrapper-inner-bg-tile.jpg) top center repeat-x #f4f6f7;;}
	
		.container {width: 940px; margin: auto;}	
			div#header {width: 940px; height: 179px; position: relative;}
			div#content {width: 940px; padding: 0 0 50px 0; position: relative;}
			body#p-index div#primary {width: 600px; padding: 44px 0 40px 0;}
				div#primary {width: 600px; padding: 22px 0 40px 0;}
				body#p-index #secondary {width: 320px; height: 340px; background: url(../images/core/contact-form-bg.png) 0 0 no-repeat; position: absolute; right: 0px; top: -50px;}
				#secondary {width: 320px; height: 340px; background: url(../images/core/contact-form-bg.png) 0 0 no-repeat; position: absolute; right: 0px; top: 65px; z-index: 500;}
			div#footer-wrapper {background: url(../images/core/footer-bg-tile.jpg) top center repeat-x;}
			div#footer {width: 940px; margin: auto; padding: 50px 0 20px 0;}


/********************************************
        HEADER STYLES
********************************************/

		#logo-collins {width: 427px; height: 106px; display: inline-block; margin: 38px 0 0 0;}
		h3#header-contact {position: absolute; right: 0px; top: 48px; font-size: 25px!important; color: #024476;}


/********************************************
        NAVIGATION STYLES
********************************************/
		
		#navigation {width: 542px; height: 40px; position: absolute; right: 0px; bottom: 0px;}
		
		#nav {width: 542px; height: 40px;}
		#nav li {float:left;} 
		  
		  #nav li a {display:block; text-indent:-9999em; background:url(../images/nav/nav-home.jpg) no-repeat 0 0; text-decoration:none; width:106px; height:41px;}
		    #nav li a#nav-about_us {background-image:url(../images/nav/nav-about_us.jpg);}
		    #nav li a#nav-services {background-image:url(../images/nav/nav-services.jpg);}
		    #nav li a#nav-gallery {background-image:url(../images/nav/nav-gallery.jpg);}
		    #nav li a#nav-contact_us {background-image:url(../images/nav/nav-contact_us.jpg); width: 118px;}
		    
		    body#p-index #nav li a#nav-index,
		    body#p-about_us #nav li a#nav-about_us,
		    body#p-services #nav li a#nav-services,
		    body#p-gallery #nav li a#nav-gallery,
		    body#p-contact_us #nav li a#nav-contact_us,
		    /* Add additional page active states here ------------------------ */
		    #nav li a:hover {background-position:0 -41px;}
	

/********************************************
        BANNER STYLES
********************************************/
				
				#banner {width: 940px; height: 333px; position: relative;}
					#banner-cycle {width: 580px; height: 333px; position: absolute; right: 0px; top: 0px; display: block; }
					#banner-cycle li img {display: block; background: transparent!important;}
					
					#banner-cta {width: 300px; display: block; position: absolute; left: 0px; top: 50px;}
						#banner-cta li {margin: 0 0 20px 0;}
						#banner-cta p {font-size: 14px; color: #e9e9e9; line-height: 18px;}
						#banner-cta h2 {font-size: 18px; color: #8ed1e5;}
						

/********************************************
        SECONDARY STYLES
********************************************/
				
				
				table#secondary-contact {width: 260px; margin: 70px 0 0 30px;}
					.table-column {border-bottom: 1px solid #ededed;}
					.table-header {width: 80px; font-weight: bold;}
					.table-content {line-height: 17px; padding: 15px 0 15px 0;}
					
					#link-view_map {background: url(../images/core/arrow.jpg) 0 3px no-repeat; font-size: 11px; color: #004173; padding: 0 0 0 10px; display: inline-block; margin: 10px 10px 0px 0px;}
					#link-view_map:hover {color: #21729e; text-decoration: none;}
					
					
					
/********************************************
        FOOTER STYLES
********************************************/

				#sitemap {display: inline-block; margin: 0 0 10px 0;}
				#sitemap-index {border: none!important;}
				#footer-wflogo {border: none!important;}
				
				

/********************************************
        GALLERY STYLES
********************************************/

			ul.gallery {width: auto; display: block; padding: 0 0 20px 0;}
				ul.gallery li {width: 100px!important; height: 100px!important; float: left!important; display: inline-block!important; list-style: none!important; background: none!important; padding: 0px!important; margin: 10px!important;}
				ul.gallery li img {display: block; border: 1px solid #ccc;}
				ul.gallery li img:hover {border: 1px solid #8ed1e5;}


/********************************************
        GOOGLE MAP STYLES
********************************************/


.googlemap{
  height:200px;
  width:580px;
  margin: 0 0 20px 0;
}

.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}



/********************************************
        ENQUIRY FORM STYLES
********************************************/
		
		form#enquiry_form ul {margin: 0 0 0 0!important;}
		form#enquiry_form ul li {background: none; padding: 0px;}
		
		form#enquiry_form labrl {padding-top: 10px;}

		form#enquiry_form input {width: 300px; height: 25px; background: #fff; border: 1px solid #ccc;}
		form#enquiry_form textarea {width: 300px; height: 100px; background: #fff; border: 1px solid #ccc;}
		form#enquiry_form .submit {width: 103px; height: 41px; background: url(../images/core/btn-submit.jpg) 0 0 no-repeat; text-indent: -9999px; display: block; border: none; margin: 0 0 0 85px; cursor: pointer;}





/********************************************
        LISTING STYLES
********************************************/



.item_listing li div.img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
}



/********************************************
        PRODUCT DETAIL STYLES
********************************************/



#p-product #content .img{
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 250px;
  margin-right: 20px;
  width: 250px;
}
#p-product #content .item{
  display: inline;
  float: left;
  width: 360px;
}


/********************************************
        DYANMIC PAGE DETAIL STYLES
********************************************/


#p-dynamic_page #content .img {
  border: 5px solid #C0C0C0;
  text-align: center;
  color: #C0C0C0;
  display: inline;
  float: left;
  height: 150px;
  margin-right: 20px;
  width: 150px;
}
#p-dynamic_page #content .item {
  display: inline;
}




/********************************************
        BREADCRUMB STYLES
********************************************/



ul#breadcrumbs li {
  margin-right: 10px;
  font-size: 0.8em;
  
}
.googlemap span{
  display: block;
  margin-bottom: 3px;
  text-align: center;
}