/*
johnkzn@gmail.com
*/

*{margin:0; padding:0;}


/* General styles */
html {background: url('../images/bg-blue.gif') repeat-x 50% top;
}
body {
	background: url(''); 
	color:#333; 
	line-height:1.6em;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	font-size: 80%;
	font-family: Tahoma, sans-serif;
}

a {color:#0645AD; text-decoration:none; font-weight:400; border-bottom:;}
a:hover {color:black; text-decoration:none; border-bottom:;}
p,ul,ol,dl {margin:0 0 15px 0;}
strong {font-weight:700;}

h1 {font-size:2.2em;color:; font-family: 'Open Sans', sans-serif; font-weight:400; margin-bottom:5px;}
h2 {font-size:1.3em;color:; font-family: 'Open Sans', sans-serif; font-weight:400; margin-bottom:15px;}
h3 {font-size:1.6em;color:; font-family: 'Open Sans', sans-serif; font-weight:400; margin-bottom:5px;}

h6 {font-size:2.2em;color:; font-family: 'Open Sans', sans-serif; text-transform:none; font-weight:400; margin-bottom:5px;}



/* Main layout container */
#layout {margin:0px auto 0; width:auto;background:;} /*960px*/
#inner-layout {margin:0px auto 0; width:960px;background:red;} /*960px*/

/* Footer */
#footer {width:auto; padding-top:10px;background:#F7F7F7;border-top:thin #ccc solid;}
#footer h3 {font-size:1.0em;}
#footer p {text-align:center; line-height:1.5em; margin-top:-10px;}
#social-media-footer a {color:#31BAC4;}
#social-media-footer a:hover {color:gray;}

#header {
	background: url('') repeat-x 50% top;/*#70ACAD*/
	height:120px;
	padding-top:0px;
}

#header {font-weight:700;}
#header a {color:;}
#header a:hover {color:gray;}

#top-menu {
	clear:both;
	width:960px;
	height:40px;
	border-top: 2px #31BAC4 solid;
	padding-bottom:0px;
	background:#000;
	margin:0px auto 0;
	
}

.header-font a {
	color:#31BAC4;
}

/* Grid classes, fixed width, 960px with 12 columns */
.col {float:left; margin:0 10px; overflow:hidden; float:left; display:inline;}
.col img {max-width:100%;}
.row {width:960px; margin:0px auto 0; overflow:hidden; background:#fff;}
.row .row {margin:0 -10px; width:auto;	display:inline-block;}

.row-b {width:960px; margin:5px auto 0; overflow:hidden; background:white/*#31BAC4*/; padding:10px 0;}

.c1 {width:60px;}
.c2 {width:140px;}
.c3 {width:290px; height:260px; padding:5px;background:#E8E8E8;border-bottom:1px #fff  solid;}
.c4 {width:288px;background:#E8E8E8;padding:5px;border:1px #ccc solid;height:auto;} 
.c5 {width:380px;}
.c6 {width:460px;}
.c7 {width:540px;}
.c8 {width:620px;background:;}
.c9 {width:700px;}
.c10 {width:780px;}
.c11 {width:860px;}
.c12 {width:940px;}
.c12-footer {width:100%;}


#inner-wrap {width:auto; height:240px;}
#column-link {
	float:left;
	width:auto;
	padding:0px 0px 0px 5px;
}




/* Additional text classes */
.alignleft {text-align:left;}
.alignright {text-align:right;}
.aligncenter {text-align:center;}
.alignjustify {text-align:justify;}
.nomargin {margin:0; padding:0;}
.larger {font-size:1.2em;}
.smaller {font-size:0.9em;}
.spacer {margin:0 20px;}
.clear {clear:both;}
.hide {display:none;}
.border {border:1px solid red;}
.toplinks {font-size :1.4em; color:red; margin-top:15px;}
.toplinks a {color:;border:0; font-family:'Open Sans', sans-serif; font-weight:700; text-transform:;}
.toplinks-menu {background:#003D77;font-size :1.2em; color:#80BCC6; margin-top:0px;padding:5px 0; }
.toplinks-menu a {color:silver;border:0; font-family:'Open Sans', sans-serif; font-weight:700; text-transform:;}

.upper {text-transform:uppercase}

#news {
	padding:5px 5px 5px 5px;
 	border: 1px silver solid;
 	height:;
	background:#E8E8E8;
}


.c8 ul {
margin:0 0 0 15px;
padding:0 0 0 15px;
color:;
font-size:;
}


#text-box ol {
margin:0 0 0 10px;
padding:0 0 0 15px;
color:;
font-size:;
}

#text-box ul {
margin:0 0 0 15px;
padding:0 0 0 15px;
color:;
font-size:;
}


#quote-text {
	float:left;
	padding:0px 0px 0px 28px;
	width:auto; 
	height:auto;
	font-style:italic;
	background:  url('../images/quote.png') no-repeat left top;
}




#adaptive-header {
	color:#000;
	font-size:1.2em;
	font-weight:bold;
}


.left-box {height:auto; width:auto; border:1px solid #ccc; padding:5px; background:#fff;}

.button-container {min-height:;}

/* Jr Remove image border*/	
img {border-width: 0px;}


/* JR control adaptive issue for images*/	
.scale { display: block; border:; max-width: 100%; height: auto; }



/* RS Slides*/
#rs-slides {position:relative;width:940px; margin:0px auto 20px auto;background:#fff;}
#rs-slides img.output {width:100%; margin-bottom:15px;}


.profile-box img {float:left;padding:0px 10px 20px 0px}    

/**************************************************************************\
MEDIA
\**************************************************************************/
@media only screen and (max-width : 960px){
#layout, body.wider #layout {width:auto; margin:0; padding:0px;}
.row {width:100%;}
.row-b {width:100%;}
.col {margin:0;}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {width:100%;}
/*h1 {margin:-15px auto;}  JR-solution Ha! Ha!:-) */
h1 {font-size:1.6em; color: #333333;}
#gallery ul.thumbnails {display:none;}
#left-side-content {display:none} /*specials*/
#social-responsibility {display:none} /*photos*/
#adaptive-header {display:none}
.toplinks-menu {background:#fff;font-size :1.4em; color:#eee; margin-top:0px;padding:5px 0;}
.toplinks-menu a {color:#003D77;border:0; font-family:'Open Sans', sans-serif; font-weight:400; text-transform:;}

#header {background: url('');height:auto;}
.toplinks-menu {display:none;}

html {background: url('');}
.vis {display:none;}

/** #promo-container img {display:none;} **/

#rs-slides {width:100%;}
}
/**************************************************************************/
@media only screen and (max-width : 550px){

.profile-box {display:inline-block;clear:both;}
.profile-box img {padding:0px 10px 10px 0px}

}
/**************************************************************************/




/* Flexible iFrame */

.Flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.Flexible-container iframe,   
.Flexible-container object,  
.Flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}





.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* jr-buttons 
---------------------------------------------- */
.jr-button {
	display: inline-block;
	/*zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	/*display: inline;*/
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.jr-button:hover {
	text-decoration: none;
	color:#fff;
}
.jr-button:active {
	position: relative;
	top: 1px;
}


/*************************************/
.jr-button-2 {
	display: inline-block;
	vertical-align: baseline;
	margin-top: 8px;
	color:#fff;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 12px/100% Arial, Helvetica, sans-serif;
	padding: .2em .5em;
	-webkit-border-radius: .3em; 
	-moz-border-radius: .3em;
	border-radius: .3em;
	background:#FF4B4B;
	border: solid 1px red;
	
}

.jr-button-2:hover {
	background:#B61600;
	text-decoration: none;
	color:#fff;
}
.jr-button-2:active {
	position: relative;
	top: 1px;
}

.white a {
	color:#fff;
	font-weight:bold;
	text-transform:uppercase;
}

.white a:hover {
	color:#fff;
}



/*colour-style */
.blue {
	color: #d9eef7;
	border: solid 1px #0076a3;
	background: #0095cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
	background: -moz-linear-gradient(top,  #00adee,  #0078a5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
	background: #007ead;
	background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
	background: -moz-linear-gradient(top,  #0095cc,  #00678e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
	color: #80bed6;
	background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
	background: -moz-linear-gradient(top,  #0078a5,  #00adee);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}



.social-media-header {
	float:right;
	display:block;
	width:100%;
	padding:0px 0px 0px 0px;
	text-align:right;
}



#social-media-footer {
	float:right;
	padding:0px 0px 0px 0px;
	width:144px; 
	height:72px;
	background:;
}



#associations {
	float:left;
	padding:0px 0px 0px 10px;
	width:auto; 
	height:80px;
	background:;
}



#highlight {background:#cccccc ;padding:5px;}
#highlight p {color: #333333;}



.rounded-corners {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
}




.silver-bg {background:#F7F7F7;}



/* OK LIST *************/
#ok-list ul {
  list-style-type: none;
  padding-left: 0px;
  color:;
}

.ok-list li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px
}

.ok-list li:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: FontAwesome;
  font-size:1.4em;
  content: "\f058";
  color: #31BAC4;
}


.fb-like-box {width:220px;height:auto;margin-left:10px;}



.team  {
	float:left;
	margin:0px 10px 20px 0px
}



/* #Orange Flat Button
==================================================*/
.orange-flat-button {
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 60px;
  padding: 0;
  font-size: 22px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #f39c12;
  border: 0;
  border-bottom: 2px solid #e8930c;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -2px #e8930c;
  box-shadow: inset 0 -2px #e8930c;
}
.orange-flat-button:active {
  top: 1px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}




.blue-bg {
	background:#E8E8E8;
	padding:20px;
}