@import url("http://fonts.googleapis.com/css?family=Raleway:900,800,600,500,400,300,200,100"); 
@import url("http://fonts.googleapis.com/css?family=Open+Sans:400,300,200,100"); 
 

* {
font-family: "Open Sans", Arial, Helvetica, sans-serif;
font-size:16px;
}
 



.pagetitles , 
a.pagetitles,
h1.pagetitles,
h2.pagetitles ,
h3.pagetitles {
margin: 0px 0 0px 0;
padding:0 0 4px 0;
font-weight:100;
text-transform:  none;
color: #333;
letter-spacing:-2px;
text-align:left; 
font-size:50px;
font-family: "Raleway", sans-serif;
}

.mobile .pagetitles{ 
font-size: 32px;
font-weight:300; line-height:1em;
margin: 0px 0 8px 0;
padding:0 0 4px 0;
}


.subtitles , 
a.subtitles,
h1.subtitles,  
h2.subtitles,  
h3.subtitles, 
h4.subtitles   {
margin:  0;
padding: 0px  0;
font-weight: 300;
text-transform: none;
color: #006699;
font-size: 24px;
letter-spacing:0px;
font-family: "Raleway", sans-serif;
}


.mobile .subtitles , 
.mobile a.subtitles,
.mobile h1.subtitles,
.mobile h2.subtitles ,
.mobile h3.subtitles{ font-size:24px;font-weight: 300; line-height:1em;}

 
.quotationsLeft,
h1.quotationsLeft,
h2.quotationsLeft,
h3.quotationsLeft ,
.quotationsRight,
h1.quotationsRight,
h2.quotationsRight,
h3.quotationsRight {
width: 225px;
min-height:80px;
background-image:url(../images/quotes.png);
background-repeat:no-repeat;
font-size:1.4em;
color: #006699; 
letter-spacing:0px;
line-height:24px; 
/*border-top:1px solid ;border-bottom:1px solid ; border-color:#ccc;*/
}

.quotationsLeft ,
.quotationsRight  ,
.quotationsLeft * , 
.quotationsRight * {
font-family:  Raleway ,Arial, Helvetica, sans-serif;
font-weight: 100
}
.quotationsLeft strong{font-weight:300; clear:both; display:block; text-align:left; }
.quotationsRight  strong{ font-weight:300; clear:both; display:block; text-align:right}
 
.quotationsLeft{margin:0 18px 6px 0;  background-position: 0px   0px; text-align: right; float:left ;	padding:  15px  15px  15px 5px;   } 
.quotationsRight{	margin:0 0 0 18px ; background-position: 0px  0px; float:right;text-align:right;	padding: 15px 5px 15px  15px; } 


.mobile .quotationsLeft,
.mobile h1.quotationsLeft,
.mobile h2.quotationsLeft,
.mobile h3.quotationsLeft ,
.mobile .quotationsRight,
.mobile h1.quotationsRight,
.mobile h2.quotationsRight,
.mobile h3.quotationsRight {background-position: 0px  10px; background-size:50px; margin:5px auto; display:block; clear:both; float:none; width:98%; text-align:left; padding: 20px 30px; border-top:1px solid ;border-bottom:1px solid ; border-color:#ccc;font-size:1.4em; color:#333 ;letter-spacing:0px; font-weight:300}




.white ,  a.white:link,a.white:visited,a.white:hover { color:#FFFFFF ;}
.red ,  a.red:link, a.red:visited { color: #FF0000 ;}
.red_bold ,  a.red_bold:link, a.red_bold:visited { color: #FF0000 ; font-weight:bold;}
.orange, a.orange{color:#FD922D;}
.green, a.green:link,a.green:visited{
color: #8CBC00;
}
.blue, a.blue:link,a.blue:visited { color: #006699; }
.gray, a.gray:link,a.gray:visited{color: #606060}
.silver ,  a.silver:link,a.silver:visited,a.silver:hover {color: #cccccc;}
.pink ,  a.pink:link,a.pink:visited,a.pink:hover{color:#FF0099;}
.black ,  a.black:link,a.black:visited,a.black:hover{color:#000;}
.clr{ display:block; clear:both}
.underline{ text-decoration:underline}

.italic{font-style:italic;}
.bold ,  a.bold:link, a.bold:visited {font-weight:bold;}
  
.block{ clear:both; display:block}

.smaller{
font-size: 0.8em;
}
.evenSmaller{
font-size: 0.7em;
}

.bigger{
font-size: 1.2em;
}

 .evenBigger{
font-size: 1.4em;
}

.bold *{ font-weight:bold}

hr{
border:0; 
height:8px; 
margin:5px auto 0 auto; width:100%; 
clear: both;
background-color: transparent;
background-image:url(../images/semiTransLine.png);
background-repeat:repeat-x; background-position:left bottom;
} 

 


.image-left{ border:1px solid #e1e1e1; padding:5px; margin:5px 20px 5px 5px; float:left; max-width:50%;border-radius:4px;}
.image-right{border:1px solid #e1e1e1; padding:5px; margin:5px 5px 5px 20px; float:right;  max-width:50%; border-radius:4px;}

.image-left-no-border{ border:none; padding:0px; margin:5px 20px 5px 5px; float:left; max-width:50%;border-radius:4px;}
.image-right-no-border{border: none; padding:0px; margin:5px 5px 5px 20px; float:right;  max-width:50%; border-radius:4px;}

.image-centered{border:2px solid #e1e1e1; padding:5px; margin:5px 5px 5px 20px; float:none; display:block; clear:both;  max-width:100%;margin:5px auto; text-align:center}

 
.contentFull ul, 
.contentRight ul, 
.contentRight ul { }
.contentFull ul li , 
.contentRight ul li , 
.contentRight ul li {
list-style:disc;
list-style-position:inside;
color:#696969
}

ul.tickList{ margin-bottom:10px;}

ul.circleList li { list-style-image: url(../images/listStyles/circle.png); }
ul.squareList li { list-style-image: url(../images/listStyles/square.png);}
ul.arrowList li { list-style-image: url(../images/listStyles/arrow.png);}

.contentFull ul.tickList, 
.contentRight ul.tickList, 
ul.tickList{list-style: none;}
.contentFull ul.tickList li , 
.contentRight ul.tickList li, 
ul.tickList li { list-style: none;margin:5px 0px;list-style-position:outside; background-image:url(../images/tick.png); padding-left:14px; background-position:left 8px; background-repeat:no-repeat}

.contentFull p a, 
.contentFull ul li a,
.contentRight p a, 
.contentRight ul li a { color: #006699;  border-bottom:0px solid #e1e1e1}
.contentFull a:hover, .contentRight  a:hover {
border-bottom:0px solid #888;
text-decoration: none;
}

.contentFull p,
.contentRight p{ margin:6px 0 10px 0 ; padding:0px 0; color:#595959 }

.mobile .contentFull p,
.mobile .contentRight p{ margin:10px 0 ; padding:6px 0; }
 
.bold { font-weight:bold; font-size:inherit}
.bold em{ font-weight:bold; font-size:inherit}
 
.contentFull  hr{ border-bottom:4px solid #e1e1e1; height:20px; margin:0 auto 25px auto; clear:both }

#teamPage{}
#teamPage ul{ margin-top:15px;}
#teamPage ul li .imageWrap{ float:left; width:180px; margin-right:20px;}
#teamPage ul li .imageWrap img{ width:100%;}
#teamPage ul li .textWrap{ float:left; width:800px;}
#teamPage li h4{ font-size:18px; font-weight:bold; display:block; color:#333}
#teamPage li h5{ font-size:15px; font-weight:bold; display:block; color:#555}
#teamPage li .textWrap p{ font-size:13.5px; margin:3px 0; padding:0px 0}
#teamPage li a{ color:#006699; font-weight:bold;}
#teamPage li hr{ margin:15px auto; padding:0 0 15px 0}
#teamPage li:last-child hr{ border:none; background:none}

#downloadsPage ul{ margin:10px auto}
#downloadsPage li { display:block; clear:both; margin:10px auto}
#downloadsPage li a.docLink{ padding-left:30px;  background-image:url(../images/fileTypes/word.png) ;background-position:left 50%;}
#downloadsPage li  a.pdfLink{ padding-left:30px; background-image:url(../images/fileTypes/pdf.png);background-position:left 50%;}
#downloadsPage li  a.xlLink{ padding-left:30px;  background-image:url(../images/fileTypes/xl.png) ;background-position:left 50%;}

/*
.home #contentWrapper *{ text-align:center}
.home #contentWrapper .pagetitles{ font-size:60px; margin:0 auto; padding:0; line-height:1.2em; }
.home #contentWrapper .subtitles{ font-size:30px; margin:0 auto 10px auto; padding:0}

.mobile .home #contentWrapper h1.pagetitles{ font-size:40px; }
.mobile .home #contentWrapper h1.subtitles{ font-size:30px; }

.home #contentWrapper p{ font-size:18px}
.home .contentFull p a { color: #006699; border:none;  }*/