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

 

* {
font-family: "Montserrat", 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:300;
text-transform:  none;
color: #1267B2;
letter-spacing:-2px;
text-align:left;
font-size:40px;
font-family: "Montserrat", sans-serif;
}

.mobile .pagetitles{ 
font-size: 32px;
font-weight:400; 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: #2DA3DE;
font-size: 25px;
letter-spacing:0px;
font-family: "Montserrat", sans-serif;
}


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

 
.quotationsLeft,
h1.quotationsLeft,
h2.quotationsLeft,
h3.quotationsLeft ,
.quotationsRight,
h1.quotationsRight,
h2.quotationsRight,
h3.quotationsRight {
width: 450px;
min-height:70px;
background-color:#fff;
font-size:19px;
color: #1267B2;
letter-spacing:0px;
line-height:24px;
padding:34px 34px;
border-radius:24px 6px 24px 6px;
background-image:url(../images/quotes.png);
background-repeat:no-repeat;
background-size: 38px auto;
border:3px solid;
border-color:#e9e9e9;
font-style:italic
}

.quotationsLeft ,
.quotationsRight  ,
.quotationsLeft * , 
.quotationsRight * {
font-weight: 500
}
.quotationsLeft strong, .quotationsRight strong{font-weight:bold; clear:both; display:block; font-size:1.2em; margin-bottom:10px;}
.quotationsLeft strong{  text-align:left;}
.quotationsRight  strong{  text-align:right}
 
.quotationsLeft{margin:0 18px 6px 0;  background-position: 5% 8%; text-align: left; float:left ;   } 
.quotationsRight{	margin:0 0 0 18px ;   background-position:97% 8%; float:right;text-align:left;	  } 
 

.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}






.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/listStyles/tick.png);
padding-left:15px;
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 }


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

.contentFull p a { color: #006699; font-weight:bold  }



.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, * .orange , *.orange , * p.orange {
color:#FD6823;
font-weight:bold;
}
.green, a.green:link,a.green:visited{
color: #8CBC00;
}


#cvLibraryWrap{ margin:0 auto 100px auto}
#cvLibraryWrap iframe{width:700px; height:100%; background:#fff;   border: none; margin:5px 0}