/* 
R&B Main CSS Document
Created: 11/6/15
Updated: 23/2/16
*/


/**
 * @license
 * MyFonts Webfont Build ID 3027970, 2015-05-18T21:34:29-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: AFDiwa-Light by ACME Collection
 * URL: http://www.myfonts.com/fonts/fw-acme/af-diwa/light/
 * Copyright: ɑ2001. Acme Fonts, London and the Designer.
 * Licensed pageviews: 10,000
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3027970
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e3402");

  
@font-face {font-family: 'AFDiwa-Light';src: url('../webfonts/2E3402_0_0.eot');src: url('../webfonts/2E3402_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/2E3402_0_0.woff2') format('woff2'),url('../webfonts/2E3402_0_0.woff') format('woff'),url('../webfonts/2E3402_0_0.ttf') format('truetype');}
 

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

body,html {
	margin:0;
	padding:0;
	height:100%;
}
body {
	color:#000;
	
	font-size:16px;
	line-height:31px;
	
	font-family: AFDiwa-Light;
	font-weight: normal;
	font-style: normal;
	
	background:url(../res/bg.png) repeat-x;
}
a {
	color:#000;
}
strong {
	font-weight:bold;
}

#wrapper {
	min-height:100%;
	position:relative;
	margin-bottom: -110px; /* height of footer */
}
#wrapper:after {
	content: "";
	display: block;
	height: -110px; /* height of footer */
}

.red {
	color:#bf1e2d;
}
.blue {
	color:#347bff;
}
.yellow {
	color:#f0d33f;
}


#headerInner {
	width:930px;
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#logoWrap {
	margin-top:15px;
	width:432px;
	float:left;	
}
#menuWrap {
	vertical-align:bottom;
	text-align:right;
	width:230px;
	position:relative;
	top:120px;
	float:right;
}
#menuWrap a {
	font-size:16px;
	text-decoration:none;	
}
#menuWrap a {
	margin-left:16px;	
}

.hr {
	margin-top:6px;
	background:url(../res/hr.png) no-repeat;
	clear:both;
	height:2px;
	width:930px;	
}


#main {
	position:relative;
	width:930px;
	padding-bottom:90px; /* height of footer */
	margin-top:30px;
	margin-left:auto;
	margin-right:auto;
}
#main strong {
	font-weight:bold;
}
#main p {
	margin-bottom:30px;	
}
#introCopy {
	font-size:18px;
	line-height:33px;
	font-family: AFDiwa-Light;
	font-weight: normal;
	font-style: normal;
	
	width:565px;	
}
#generalCopy {
	font-size:18px;
	line-height:33px;
	font-family: AFDiwa-Light;
	font-weight: normal;
	font-style: normal;
}

#introCopy, #generalCopy {
	padding-top:40px;
}

.gap {
	height:10px;	
}
/* SIDE WIDE font resizing */
@media only screen and (max-width: 975px) {
	#introCopy, #generalCopy {
		font-size:14px !important;
		line-height:26px;
		padding-top:20px;
	}
}
@media only screen and (max-width: 650px) {
	#introCopy, #generalCopy {
		width:100%;
		padding-top:0px;
	}
}




#footer {
	width:100%;
	height:60px;
}
#footerInner {
	font-size:10px;
	text-align:right;
	width:930px;
	margin-left:auto;
	margin-right:auto;
	
}
#footerInner #twitterLogo {
	position:relative;
	float:left;
	top:36px;
	margin-right:15px;	
}
#footerInner #rbLogo {
	position:relative;
	margin-top:15px;
	margin-left:15px;
	width:40px;
	height:auto;
}


@media only screen and (max-width: 975px) {
	#wrapper {
		width:90% !important;
		margin-left:auto !important;
		margin-right:auto !important;	
	}
	#headerInner, #main, #footer, .hr {
		width:100% !important;
	}
	#footerInner {
		width:90%;
		padding:10px;
	}

}
@media only screen and (max-width: 800px) {
	#logoWrap {
		width:50%;
	}
	#logo {
		width:400px;
		height:auto;	
	}
}
@media only screen and (max-width: 730px) {
	#logo {
		width:300px;
		height:auto;	
	}
	#menuWrap {
		top:90px;	
	}
}
@media only screen and (max-width: 590px) {
	#logoWrap, #menuWrap {
		float:none;	
		width:100%;
		text-align:left;
		top:auto !important;
	}
	#footerInner span {
		float:left;
		width:70%;
		padding-top:35px;
		line-height:18px;
		text-align:left;
	}
	#footerInner #rbLogo {
		position:relative;
		top:5px;
		
		float:right !important;
		margin-left:15px;	
	}
	#menuWrap a {
		margin:0px 16px 0px 0px !important;	
	}
}
@media only screen and (max-width: 465px) {
	#footerInner span {
		width:50%;
	}
	
}
@media only screen and (max-width: 360px) {
	#logoWrap img {
		width:100%;
	}
}