/*  This is the base css file for the entire Sandler Ltd Website.
	"url" 30/09/2011 by Zebedee Creations
	These styles cover the globaly inherted styles, layout styles, 
	font styles, colour palette and background styles. 
	
	Table of Contents:
		1. Global Styles
		2. Layout Styles
		3. Font Styles
		4. Colour Palette
		5. Background Styles
		6. Hidden elements
		7. Additional Logos

*/

/* 1. Global Styles - start -  */

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 62.5%;
line-height:1.5em;
padding:6px 0px 0px 0px;
}

.underline
{
text-decoration:underline;
}

/* List item styles */

li.listItem
{
background:url('../images/contentListItem.png') no-repeat 0px 5px;
padding:0px 10px 0px 10px;
margin:0px 0px 5px 0px;
}

/* Global Styles - end -  */

/* 2. Layout Styles - start -  */

div#wrapperOuter
{
width:960px;
margin:0 auto;
}

div#wrapperInner
{
float:left;
width:100%;
margin:0px 0px 34px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 5px 10px 5px rgba(38, 100, 126, 0.8);
-moz-box-shadow: 0px 5px 10px 5px rgba(38, 100, 126, 0.8);
box-shadow: 0px 5px 10px 5px rgba(38, 100, 126, 0.8);
behavior: url(PIE.htc);
}

div#header
{
float:left;
width:100%;
padding:10px 0px 0px 0px;
}

a#logo
{
float:left;
width:277px;
height:90px;
margin:0px 0px 0px 10px
}

div#additionalLogos
{
display:inline;
float:left;
}

div#contactUs
{
float:right;
width:205px;
min-height:8.0em;
padding:8px;
margin:0px 10px 0px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
}

div#contactUs ul
{
float:left;
width:190px;
min-height:71px;
border:1px solid #d3d3d5;
padding:8px 0px 0px 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
}


ul#navigation
{
width:100%;
height:51px;
float:left;
clear:both;
border-top:1px dotted #818890;
border-bottom:1px dotted #818890;
margin:11px 0px 0px 0px;
display:table;
}

ul#navigation li
{
vertical-align:middle;
display:table-cell;
/*border-right:1px solid #e1e2e3;
padding: 0px 30px 0px 30px;*/
}

ul#navigation li a
{
border-right:1px solid #e1e2e3;
padding: 10px 30px 10px 30px;
}

div#slideShow
{
float:left;
width:100%;
height:253px;
}

div#slideShow a
{
position:relative;
z-index:999;
float:right;
padding:10px 70px 10px 65px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#slideShow ul
{
float:right;
margin:43px 77px 0px 0px;
}

div#slideShow ul li
{
padding:0px 0px 0px 28px;
}

div#slideShow div.blogLink
{
margin:40px 45px 0px 0px;
float:right;
clear:right;
padding:9px 10px 8px 10px;
}

div#slideShow a span
{
display:block;
width:150%;
}

div#siteSummary
{
float:left;
padding:10px 2% 15px 3%;
}

div#siteSummary div.container
{
float:left;
width:66%;
margin:0px 0px 10px 0px;
}

div#siteSummary div.container h1 
{
float:left;
width:100%;
margin:0px 0px 10px 0px;
}

div#siteSummary div.container h2
{
margin:0px 0px 10px 0px;
}

div#siteSummary q
{
padding:0px 0px 0px 25px;
margin:15px 0px 0px 0px;
}

div#siteSummary > p,
div#siteSummary q 
{
width:25%;
float:right;
}

div#siteSummary q span
{
padding: 0px 28px 0px 0px;
}

div#siteSummary > p
{
clear:right;
margin:10px 0px 0px 0px;
}

div#content
{
float:left;
width:98%;
padding:13px 0px 13px 19px;
border-top:7px solid #f3f3f3;
}

div#content div.container
{
position:relative;
float:left;
width:32%;
min-height:262px;
padding:10px 0px 10px 0px;
margin:0px 10px 0px 0px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
}

div#content div.container ul
{
width:88%;
min-height:262px;
margin:0 auto;
border:1px solid #d3d3d5;
padding:8px 0px 8px 12px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
}

div#content div.container ul li h2
{
width:95%;
border:2px solid #eceded;
padding:9px 0px 9px 0px;
margin:0px 0px 10px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#content div.container ul li.moreLink
{
position:absolute;
bottom:20px;
width:48%;
border:2px solid #e18e74;
padding:3px 0px 5px 0px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}

div#content div.container ul li.moreLink a
{
width:85%;
display:block;
padding:0px 5% 0px 6%;
}

div#content div.container ul li.lastItem
{
margin-bottom:4em;
}

div#content div.contentContainer2 li.listItem,
div#content div.contentContainer3 li.listItem
{
margin:0px 0px 15px 0px;
}

div#footer
{
border-top:1px dotted #818890;
float:left;
width:99%;
min-height:46px;
padding:5px 0px 0px 1%;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

div#footer img
{
float:left;
margin: 0px 0px 0px 0px;
}

div#footer ul
{
width:90%;
float:left;
margin:0px 0px 0px 6px
}

div#footer ul li 
{
display:inline;
float:left;
margin:0px 5px 0px 0px;
}

div#contactUs ul li.contactUsListItem3  
{
padding:0px 0px 0px 23px;
margin:5px 0px 0px 0px;
}

div#contactUs ul li.contactUsListItem2
{
padding:0px 0px 0px 23px;
margin:10px 0px 0px 0px;
}

div#contactUs ul li.contactUsListItem4
{
padding:0px 0px 0px 23px;
margin:5px 0px 0px 0px;
}

div#footer a
{
color:#0F4577;
text-decoration:none;
}

div#footer ul li a span
{
text-decoration:underline;
}

/* Layout Styles - end -  */

/* 3. Font Styles - start -  */

div#contactUs ul li.contactUsListItem1,
div#slideShow ul,
div#slideShow a,
div#siteSummary h1,
div#siteSummary h2,
div#content div.container h2
{
font-family: “Trebuchet MS”, Trebuchet MS, Georgia, serif ;
}

ul#navigation
{
font-family: Arial, Helvetica, sans-serif;
font-size:1.5em;
font-weight:bold;
}

ul#navigation li
{
text-align:center;
}

ul#navigation li a
{
text-decoration:none;
}

div#contactUs ul li.contactUsListItem1
{
font-size:1.8em;
}

div#slideShow ul
{
font-size:2.0em;
line-height:1.5em;
font-weight:bold;
}

div#slideShow a
{
font-size:1.9em;
text-decoration:none;
}

div#siteSummary
{
line-height:2.0em;
}

div#siteSummary h1 
{
font-size:2.9em;
line-height:1.0em;
font-weight:bold;
}

div#siteSummary h2
{
font-size:1.9em;
font-weight:bold;
}

div#siteSummary p,
div#content div.container ul
{
font-size:1.1em;
}

div#footer,
div#content div.container ul a
{
font-size:1.0em;
}

div#siteSummary q
{
font-size:1.5em;
font-family: Georgia, Trebuchet MS, serif ;
font-style:italic;
font-weight:bold;
}

div#siteSummary > p
{
font-size:1.3em;
font-family: Georgia, Trebuchet MS, serif ;
font-style:italic;
font-weight:bold;
}

div#content div.container h2
{
font-size:1.8em;
text-align:center;
font-weight:bold;
}

div#content div.container ul li.moreLink a
{
font-size:1.1em;
text-decoration:none;
font-weight:bold;
}

div#footer ul
{
line-height:1.8em;
}

div#contactUs ul li.contactUsListItem2,
div#contactUs ul li.contactUsListItem3,
div#contactUs ul li.contactUsListItem4 
{
font-size:1.3em;
}

/* Font Styles - end -  */

/* 4. Colour Palette - start -  */

ul#navigation,
ul#navigation a,
div#contactUs ul li,
div#slideShow ul,
div#content div.container ul,
#footer 
{
color:#0f4577;
}

div#contactUs ul li a
{
color:#f85c1f;
}

ul#navigation a:hover,
ul#navigation a.active
{
color:#F85C1F !important;
}

div#slideShow a,
div#siteSummary,
div#content div.container ul li.moreLink a
{
color:#fff;
}

div#siteSummary > p
{
color:#34b7aa;
}

div#content div.container li.listItem a
{
color:#fa5a03;
}

/* Colour Palette - end -  */

/* 5. Background Styles - start -  */

body 
{
background:#42afdc url('../images/bodyBackgroundTile.jpg') repeat-x;
}

div#wrapperInner,
div#contactUs ul,
div#content div.container ul
{
background:#fff;
}

a#logo
{
background:url('../images/sandlerLogo.jpg') no-repeat;
}

div#contactUs
{
background:#e6edf0;
}

ul#navigation
{
background:url('../images/navigationBackgroundTile.jpg') repeat-x center;
}

div#slideShow 
{
background:url('../images/homePageSlide1.jpg') no-repeat;
background-size:cover;
}

div#slideShow ul li
{
background:url('../images/slideshowBulletList.png') no-repeat left center;
}

div#slideShow a
{
background:#4fd7c5;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#4fd7c5) to(#1d8583)); /*old webkit*/
background: -webkit-linear-gradient(#4fd7c5, #1d8583); /*new webkit*/
background: -moz-linear-gradient(#4fd7c5, #1d8583); /*gecko*/
background: -ms-linear-gradient(#4fd7c5, #1d8583); /*IE10*/
background: -o-linear-gradient(#4fd7c5, #1d8583); /*opera 11.10+*/
background: linear-gradient(#4fd7c5, #1d8583); /*future CSS3 browsers*/
-pie-background: linear-gradient(#4fd7c5, #1d8583); /*PIE*/
behavior: url(PIE.htc);
}

div#slideShow a span
{
background:url('../images/ourBlogBulletItem.png') no-repeat right center;
}

div#slideShow div.blogLink
{
background:url('../images/blogLinkBackground.png') no-repeat;
}

div#siteSummary
{
background:#0f4577;
}

div#siteSummary q
{
background:url('../images/quoteImage1.png') no-repeat top left;
}

div#siteSummary q span
{
background:url('../images/quoteImage2.png') no-repeat bottom right;
}

div#content div.container
{
background:#e6edf0;
}

div#content div.container ul li h2
{
background:#fff;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff) to(#ddd)); /*old webkit*/
background: -webkit-linear-gradient(#fff, #ddd); /*new webkit*/
background: -moz-linear-gradient(#fff, #ddd); /*gecko*/
background: -ms-linear-gradient(#fff, #ddd); /*IE10*/
background: -o-linear-gradient(#fff, #ddd); /*opera 11.10+*/
background: linear-gradient(#fff, #ddd); /*future CSS3 browsers*/
-pie-background: linear-gradient(#fff, #ddd); /*PIE*/
behavior: url(PIE.htc);
}

div#content div.container ul li.moreLink
{
background:#f6ae96;
background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6ae96) to(#ce3a1a)); /*old webkit*/
background: -webkit-linear-gradient(#f6ae96, #ce3a1a); /*new webkit*/
background: -moz-linear-gradient(#f6ae96, #ce3a1a); /*gecko*/
background: -ms-linear-gradient(#f6ae96, #ce3a1a); /*IE10*/
background: -o-linear-gradient(#f6ae96, #ce3a1a); /*opera 11.10+*/
background: linear-gradient(#f6ae96, #ce3a1a); /*future CSS3 browsers*/
-pie-background: linear-gradient(#f6ae96, #ce3a1a); /*PIE*/
behavior: url(PIE.htc);
}

div#content div.container ul li.moreLink a
{
background:url('../images/moreLinkImage.png') no-repeat center right;
}

#footer 
{
background:url('../images/footerBackgroundTile.jpg') repeat-x;
}

div#contactUs ul li.contactUsListItem2 
{
background:url('../images/headerContactUsTel.jpg') no-repeat left center;
}

div#contactUs ul li.contactUsListItem3 
{
background:url('../images/headerContactUsEmail.jpg') no-repeat left center;
}

div#contactUs ul li.contactUsListItem4 
{
background:url('../images/headerContactUsTel.jpg') no-repeat left center;
}

/* Background Styles - end -  */

/* 6. Hidden elements - start -  */

a#logo span,
div#additionalLogos li span,
div.headerBlog h1 span
{
position: absolute;
clip: rect(0px,0px,0px,0px);
}


/* Hidden elements - end -  */

/* 7. Additional Logos - start -  */

div#additionalLogos li
{
float:left;
}

div#additionalLogos
{
margin:36px 0px 0px 0px;
}

div#additionalLogos img.additionalLogoItem1
{
width:119px;
height:48px;
margin:0px 0px 0px 27px;
}

div#additionalLogos img.additionalLogoItem2
{
width:88px;
height:27px;
margin:18px 0px 0px 22px;
}

div#additionalLogos img.additionalLogoItem3
{
width:62px;
height:34px;
margin:11px 0px 0px 14px;
}

div#additionalLogos img.additionalLogoItem4
{
width:74px;
height:44px;
margin:0px 0px 0px 14px;
}

div#additionalLogos img.additionalLogoItem5
{
height:56px;
margin:0px 0px 0px 14px;
}


/* Additional Logos - end -  */