/*
Title:      	Orchard Street stylesheet for screen media
Author:     	Karl Ridley, falling@happyleaves.com
Updated:    	16th November 2011
*/



body {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-size: small;
	text-align: left;
	color: #000000;
	margin: 0 auto;
	background: #737713 url(../jpg/bg-tile.jpg) repeat top left;
	}
	
em {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-style: italic;
	}	
	
strong {
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	font-weight: bold;
	}	
	
#cf1, #cf2, #cf3 {
	width: 550px;
	padding: 0;
	margin: 0;
	}	

#footercurvedbox {
  	width: 915px;
	padding: 10px 10px 10px 25px;
	margin: 0 auto;
	background: url(../jpg/bg-crackle-tile.jpg) top left repeat;
	background-color: #ffffff;
	-moz-border-radius: 5px; /* Firefox */
  	-webkit-border-radius: 5px; /* Safari and Chrome */
  	border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  	behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	}	

p {
	margin: 0 0 1em; 
	padding: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	

ol {
	color: #2c4c10;
	font-size: 90%;
	}	
	
ol li {
	padding: 0 0 8px 0;
	}		

h1 {
 	text-align: left;
	font-size: 22px;
	color: #5b932c;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}

h2 {
	text-align: left;
	font-size: 16px;
	color: #5b932c;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0 0 10px 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
	
h3 {
	text-align: left;
	font-size: 14px;
	color: #5b932c;
	font-weight: normal;
	line-height: 1.3em;
	margin: 0;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}
			
.clear {
 	clear: both;
 	}	
		
.divline {
	height: 1px;
	margin: 15px 0 15px 0;
	width: 100%;
	border-bottom: 1px solid #e5e5e5;
	}	
	
.dotteddivline {
	height: 1px;
	margin: 10px 0 10px 0;
	width: 100%;
	border-bottom: 1px dotted #c5c5c5;
	}	
	
.subtitle {
	text-align: left;
	font-weight: bold;
	color: #a2c43a;
	font-size: 15px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}	
	
.thanxtxt {
	text-align: left;
	color: #e0671e;
	font-size: 18px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
	
.normaltxt {
	text-align: left;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
.normaltxt a:link, .normaltxt a:visited {
	color:#a1c439;
	font-weight: bold;
	text-decoration:none;
	}	
.normaltxt a:active, .normaltxt a:hover {
	color:#a1c439;
	font-weight: bold;
	text-decoration: underline;
	}		
	
.mediumtxt {
	text-align: left;
	color: #000000;
	font-size: 14px;
	line-height: 1.3em;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
.mediumtxt a:link, .mediumtxt a:visited {
	color:#a1c439;
	font-weight: bold;
	text-decoration:none;
	}	
.mediumtxt a:active, .mediumtxt a:hover {
	color:#a1c439;
	font-weight: bold;
	text-decoration: underline;
	}	
			
.smallertxt {
	text-align: left;
	font-size: 11px;
	color: #6d6d6d;
	line-height: 1.3em;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
.smallertxt a:link, .smallertxt a:visited {
	color:#a1c439;
	text-decoration:none;
	}	
.smallertxt a:active, .smallertxt a:hover {
	color:#a1c439;
	text-decoration: underline;	
	}

.bulletlist {
	margin: 0 0 10px 0;
	padding: 5px 0 0 10px;
	list-style: none;
	color: #000000;
	}
	
.bulletlist ul {
	list-style: none;
	margin: 0;
	border: 0;
	}
	
.bulletlist li {
	color: #000000;
	padding: 0 0 8px 14px;
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	background-image: url(../gif/bullet.gif);
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	background-repeat: no-repeat;
	background-position: 0 .3em;
	}	
.bulletlist a:link, .bulletlist  a:visited {
	color: #a1c439;
	font-weight: bold;
	text-decoration: none;
	}
.bulletlist a:active, .bulletlist a:hover  {
	color:#a1c439;
	font-weight: bold;
	text-decoration:underline;
	}
	

	


/* LOGO COMPONENTS */

#logoholder {
	width: 245px;
	height: 60px;
	margin: 0 auto;	
	padding: 25px 15px 115px 690px;	
	background: url(../png/logo.png) top left no-repeat;
	}	
	
#logoleft {
	width: 340px;
	height: 125px;
	margin: 0;	
	padding: 0;	
	float: left;
	}	
	
#logoright {
	width: 488px;
	height: 50px;
	margin: 0;	
	padding: 75px 25px 0 0;	
	float: right;
	}		
		
.email {
	margin: 0;
	padding: 55px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.email li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.email a {
	float: left;
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 55px; /* for IE5/Win only */
	}
	
.email a:hover {
	background-position: 0 -55px;
	}

.email a:active, .email a.selected {
	background-position: 0 -55px;
	}
	
.emailimg a {
	width: 245px;
	background: url(../png/email.png) top left no-repeat;
	}		





/* BODY COMPONENTS */
	
#bodyareaholder {
	width: 920px;
	margin: 0 auto;	
	padding: 0 15px 0 15px;
	background: url(../png/body-tile.png) top right repeat-y;
	}
		
#bodyarealeft {
	width: 250px;
	margin: 0;	
	padding: 45px 0 15px 0;	
	float: left;
	background: url(../gif/lh-top-tile.gif) top right repeat-x;
	}
	
#bodyarearight {
	width: 590px;
	margin: 0;	
	padding: 45px 40px 15px 40px;	
	float: right;	
	background: url(../gif/rh-top-tile.gif) top right repeat-x;
	}
	
#bodysplitright1 {
	width: 370px;
	margin: 0;	
	padding: 0 20px 0 0;	
	float: left;
	border-right: 1px solid #efefef;
	}
	
#bodysplitright2 {
	width: 180px;
	margin: 0;	
	padding: 0;	
	float: right;	
	}
	
#formbg {
	width: 340px;
	margin: 0;	
	padding: 5px 15px 15px 15px;
	background: url(../gif/light-grey-tile.gif) top right repeat;
	}	
	
.formtext {
	width: 340px;
	margin: 15px 0 5px 0;	
	padding: 0;
	font-size: 105%;
	}	
	
.formfield {
	width: 340px;
	margin: 0 0 5px 0;	
	padding: 0;
	}
	
.formdropdown {
	width: 340px;
	}
	
.input {
	color: #000000;
	width: 330px;
	padding: 4px;
	font-size: 110%;
	background-color: #ffffff;
	border: 1px solid #d5d5d5;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}			
	
#fancyboxholder {
	padding: 10px;
	width: 500px;
	}		
	
.googlemaps {
	margin: 0;
	padding: 250px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.googlemaps li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.googlemaps a {
	float: left;
	padding: 250px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 250px; /* for IE5/Win only */
	}
	
.googlemaps a:hover {
	background-position: 0 -250px;
	}

.googlemaps a:active, .googlemaps a.selected {
	background-position: 0 -250px;
	}
	
.googlemapsimg a {
	width: 180px;
	background: url(../gif/googlemaps2.gif) top left no-repeat;
	}	
	
#footercurve {
	width: 950px;
	height: 35px;
	margin: 0 auto;	
	padding: 0 ;
	background: url(../png/footer-curve.png) top right no-repeat;
	}	
	
#headerimageholder {
	width: 920px;
	height: 160px;
	margin: 0 auto;	
	padding: 0 15px 0 15px;
	background: url(../png/body-tile.png) top left repeat-y;
	}	
	
		
	
	
/* MAIN NAV COMPONENTS */	
	
#mainnavholder {
	width: 250px;
	height: 180px;
	margin: 0;
	padding: 0 0 125px 0;
	}
		
#navigation {
    list-style: none;
	padding: 0;
	margin: 0;
	}

#navigation li {
	padding: 0;
	margin: 0;	
	}	
	
#navigation a * {
    display: none;
	}

#navigation a, #navigation a .hover {
    height: 36px;
	/*position: relative;*/
    display: block;
	}

#navigation a.home {
    background: url(../png/mainnav/home.png) 0 0 no-repeat;
	background-position: 0 0;
	width: 250px;
	}
#navigation .highlight a.home:hover, #navigation a.home .hover {
    background: url(../png/mainnav/home.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}		
#navigation .selected a.home {
    background: url(../png/mainnav/home.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}	
	
#navigation a.about-acrebut {
    background: url(../png/mainnav/about-us.png) 0 0 no-repeat;
	background-position: 0 0;
	width: 250px;
	}
#navigation .highlight a.about-acrebut:hover, #navigation a.about-acrebut .hover {
    background: url(../png/mainnav/about-us.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}		
#navigation .selected a.about-acrebut {
    background: url(../png/mainnav/about-us.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}
	
#navigation a.about-apsco {
    background: url(../png/mainnav/about-apsco.png) 0 0 no-repeat;
	background-position: 0 0;
	width: 250px;
	}
#navigation .highlight a.about-apsco:hover, #navigation a.about-apsco .hover {
    background: url(../png/mainnav/about-apsco.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}		
#navigation .selected a.about-apsco {
    background: url(../png/mainnav/about-apsco.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}
	
#navigation a.contact-details {
    background: url(../png/mainnav/contact-us.png) 0 0 no-repeat;
	background-position: 0 0;
	width: 250px;
	}
#navigation .highlight a.contact-details:hover, #navigation a.contact-details .hover {
    background: url(../png/mainnav/contact-us.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}		
#navigation .selected a.contact-details {
    background: url(../png/mainnav/contact-us.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}
	
#navigation a.our-services {
    background: url(../png/mainnav/our-services.png) 0 0 no-repeat;
	background-position: 0 0;
	width: 250px;
	}
#navigation .highlight a.home:hover, #navigation a.our-services .hover {
    background: url(../png/mainnav/our-services.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}		
#navigation .selected a.our-services {
    background: url(../png/mainnav/our-services.png) 0 0 no-repeat;
	background-position: -250px 0;
	width: 250px;
	}	
		
	
	
	
	
/* TITLES COMPONENTS */		
	
.title-welcome-to-acrebut {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/welcome-to-acrebut.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.title-about-acrebut {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/about-us.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.title-about-apsco {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/about-apsco.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-our-services {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/our-services.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-contact-us {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/contact-us.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-quick-message-form {
	display: block;
	width: 180px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/quick-message-form.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-address-and-telephone {
	display: block;
	width: 180px;
	height: 35px;
	margin: 0;
	background: url(../png/titles-small/address-and-telephone.png) 0px 0px no-repeat;
	text-indent: -999em;
	}	
	
.title-privacy-policy {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/privacy-policy.png) 0px 0px no-repeat;
	text-indent: -999em;
	}		
	
.title-terms-and-conditions {
	display: block;
	width: 590px;
	height: 40px;
	margin: 0;
	background: url(../png/titles-large/terms-and-conditions.png) 0px 0px no-repeat;
	text-indent: -999em;
	}			
	
	
	
	
	
/* COPYRIGHT COMPONENTS */	
	
#copyrightholder {
	width: 920px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	}
	
#copyrightleft {
	width: 225px;
	margin: 0;	
	padding: 5px 0 0 25px;	
	float: left;
	}
	
#copyrightright {
	width: 610px;
	margin: 0;	
	padding: 0 20px 0 40px;	
	float: right;	
	}	
	
.transcendit {
	margin: 0;
	padding: 20px 0 0 0;
	list-style: none;
	display: inline;
	overflow: hidden;
	text-align: left;
	}

.transcendit li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

.transcendit a {
	float: left;
	padding: 20px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/: 20px; /* for IE5/Win only */
	}
	
.transcendit a:hover {
	background-position: 0 -20px;
	}

.transcendit a:active, .transcendit a.selected {
	background-position: 0 -20px;
	}
	
.transcenditimg a {
	width: 198px;
	background: url(../png/buttons/transcendit.png) top left no-repeat;
	}	
	
.copyrighttxt {
	text-align: left;
	color: #c0bc37;
	font-size: 11px;
	line-height: 15px;
	font-family: Arial, Helvetica, "Lucida Grande", "Verdana", sans-serif;
	}		
.copyrighttxt a:link, .copyrighttxt a:visited {
	color: #d9d67b;
	font-weight: bold;
	text-decoration:none;
	}	
.copyrighttxt a:active, .copyrighttxt a:hover {
	color: #d9d67b;
	font-weight: bold;
	text-decoration: underline;
	}