/* 
	Resets defualt browser settings
	reset.css
*/
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,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
:focus { outline:0; }
a:active { outline:none; }
body { line-height:1; color:black; background:white; }
ol,ul { list-style:none; }
table { border-collapse:separate; border-spacing:0; }
caption,th,td { text-align:left; font-weight:normal; }
blockquote:before,blockquote:after,q:before,q:after { content:""; }
blockquote,q { quotes:"" ""; }

/* body settings */

{	border: 0;	margin: 0;	padding: 0;        }


body { background-color:#fff; margin:0 auto; font:normal 70%/1.5 Helvetica, Arial, sans-serif;
	   -webkit-font-smoothing: subpixel-antialiased;
	   padding: 0px;
}

/* Background Images */

.back {
	background-image:url(../images/RA-Contact-2013.png);
	background-repeat:no-repeat;
	height: 462px;
	width: 879px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

.ra {
	background-image: url(../images/about-ra-page-2013.png);
	background-repeat: no-repeat;
	height: 462px;
	width: 879px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}

.BEM {
	background-image: url(../images/RA-LaniFord-MMC-BEM.png);
	background-repeat: no-repeat;
	height: 462px;
	width: 879px;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}

.ra-bem-banner {
	background-image: url(../images/RA-BEM-banner.png);
	background-repeat: no-repeat;
	height: 300px;
	width: 800px;
	margin-top: 5px;
	left: 101.5px;
	position: relative;
}

.banner-1 {
	background-image: url(../images/RA-MarcelBriaire_Dressup.png);
	background-repeat:no-repeat;
	height: 300px;
	width: 800px;
	margin-top: 5px;
	left: 101.5px;
	position: relative;
}
.banner-2 {
	background-image: url(../images/Concept+Design1.png);
	background-repeat:no-repeat;
	height: 300px;
	width: 800px;
	margin-top: 5px;
	left: 101.5px;
	position: relative;
}
.banner-3 {
	background-image: url(../images/creativera-1-1.png);
	background-repeat:no-repeat;
	height: 300px;
	width: 800px;
	margin-top: 5px;
	left: 101.5px;
	position: relative;
}
.ad {
	background-image: url(../images/RA-RWC-PROMONEWS.png);
	background-repeat:no-repeat;
	height: 270px;
	width: 770px;
	margin-top: 40px;
	left: 123px;
	position: relative;
	clear: both;
}
.banner-4 {
	background-image: url(../images/web-design.png);
	height: 300px;
	width: 800px;
	margin-top: 5px;
	left: 101.5px;
	position: relative;
}
.banner-5 {
	background-image: url(../images/video-ra2.png);
	height: 300px;
	width: 800px;
	margin-top: 5px;
	left: 101.5px;
	position: relative;
}

.test {
	background-image: url(../images/MarcelBriaire-1.png);
	height: 300px;
	width: 800px;
	margin-top:-327px;
	left: 150px;
	position:relative;
}

/*
	Slideshow
*/

#slides {
	position:relative;
	top:20px;
	left:3px;
	width:770px;
	margin:0 auto;
	z-index:100;
	
}

/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/

.slides_container {
	width:770px;
	overflow:hidden;
	position:relative;
	display:none;
}

/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/

.slides_container div.slide {
	width:770px;
	height:270px;
	display:block;
}

.slides_container a img {
	display:block;
}

/*
	Next/prev buttons
*/

#slides .next,#slides .prev {
	position:absolute;
	top:107px;
	left:-39px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}

#slides .next {
	left:585px;
}

/*
	Anchors
*/

a:link,a:visited { color:#000000; text-decoration:none; }

a:hover,a:active { color:#999999; text-decoration:none; }

/* Containers */

#outer				{ width:1010px; margin:0 auto; background-color:#FFF; }
#wrapper			{ width:1000px; margin:0 auto; background-color:#FFF; }
#ra-logo			{ margin:2px 0px; float:left;}
#social-media-icons	{ margin:5px 0px; float:right; }
#social-media-icons ul li	{ display:inline; }
#topnav				{ clear:both; overflow:hidden; }
#topnav ul			{ border-top:1px #000 solid; border-bottom:0 #000 solid;
					  margin:5px 0px; padding:10px 0 0 60.5px; }
#topnav ul li		{ display:inline; list-style:none;}
#topnav ul li a		{ }
#leftnav			{ clear:both; overflow:hidden; }
#leftnav ul			{ border-top:1px #000 solid; border-bottom:0 #000 solid;
					  margin:5px 0px; padding:10px 0 0 60.5px; }
#leftnav ul li		{ }
#leftnav ul li a	{ }
#bottom-thumbnails	{ width:1000px; float:right; position:relative; clear:both; z-index:100; }
#bottom-thumbnails5	{ width:1000px; float:right; position:relative; clear:both; z-index:100; }


/* Text */

#contact-info 		{
	font-size: 14px;
	font-style: normal;
	color: #000;
	text-indent: 0px;
	padding: 3px 0 0 8px;

	float:left;
	clear:both;
	font-weight: lighter;
}
#about-info {
	font-size: 13.4px;
	font-style: normal;
	float: right;
	clear:both;
	font-weight: 500;
	color: #fff;
	line-height: 129%;
	padding-top: 5px;
	padding-right: 3px;
	text-align: left;
	width: 436px;
	height: 450px;
}

#bem-laniford {
	font-size: 13.4px;
	font-style: normal;
	float: right;
	clear:both;
	font-weight: 500;
	color: #fff;
	line-height: 129%;
	padding-top: 5px;
	padding-right: 3px;
	text-align: left;
	width: 436px;
	height: 450px;
}

#footer				{ clear:both; margin-top:280px; left:0px; border-top:1px #000 solid;
				  padding-bottom:20px; right:0px; padding-top:2px; }
#footer-1			{ clear:both; margin-top:0px; left:0px; border-top:1px #000 solid;
				  padding-bottom:60px; right:0px; padding-top:2px; }
#footer-2			{ clear:both; margin-top:250px; left:0px; border-top:1px #000 solid;
				  padding-bottom:20px; right:0px; padding-top:2px; position:relative; }
#footer-3			{ clear:both; margin-top:30px; left:0px; border-top:1px #000 solid;
				  padding-bottom:20px; right:0px; padding-top:2px; position:relative; }
#footer-4			{ clear:both; margin-top:250px; left:0px; border-top:1px #000 solid;
				  padding-bottom:20px; right:0px; padding-top:2px; }

.footer-text	{ text-align:center; }

/* Videos */

#nbpromo			{ position:relative; top:0px; left:60px; padding:0; margin-top:20px; }

#nbinfo				{
	font-size: 11px;
	font-style: normal;
	float: left;
	clear:both;
	font-weight:600;
	color: #000;
	line-height: 112%;
	padding-top: 5px;
	padding-right: 0px;
	text-align: center;
	width:1000px;
}

/* Widgets */	

#twtr-profile-widget { position:relative; top:0px; left:61px; float:left; padding:0; margin-top:-290px;
					clear:both; z-index:100; }
					
#twitter-follow {
	clear: both;
	float: left;
	position: relative;
	margin-top: -105px;
	left: 310px;
}

#twitter-follow2 {
	clear: both;
	float: left;
	position: relative;
	margin-top: -105px;
	left: 310px;
}
					
.twitter-follow-button a:link,a:visited { color:#ffffff; text-decoration:none; }					
.twitter-follow-button a:hover,a:active { color:#FFD700; text-decoration:none; }

/* Images */

.image-frame	{ padding:10px; border:1px #000 solid; margin-right:11px; margin-top:50px; 
				margin-left:11px; }
.image-frame2	{ padding:10px; border:1px #000 solid; margin:14.3px; margin-top:20px; }
.image-frame3	{ padding:10px; border:1px #000 solid; margin-right:11px; margin-top:20px; margin-left:11px; }
.image-gallery	{ padding:10px; border:1px #000 solid; margin:0 10px; margin-top:20px; display:inline; }

/* Image Gallery */

div.img a:hover img {border: 1px solid #ffffff;}

div.img img {font-weight:bolder;}


/* Miscellaneous */



/* Transparent (Opacity) Elements */



 
 /* Navigation */

.menu li	{ padding:0; border:0; margin:0; list-style-type:none; float:left; margin-right:58px; }
.menu li a:link, .menu li a:visited {
	display: block; height: 40px;
	} 

.home 		{ background-image: url(../nav/rahome-11.png); width:98px; }
.home a 	{ background-image: url(../nav/rahome-1.png); }

.about 		{ background-image: url(../nav/raabout-11.png); width:98px; }
.about a 	{ background-image: url(../nav/raabout-1.png); }

.artists 	{ background-image: url(../nav/raartists-11.png); width:98px; }
.artists a { background-image: url(../nav/raartists-1.png); }

.creative 	{ background-image: url(../nav/racreative-11.png); width:98px; }
.creative a 	{ background-image: url(../nav/racreative-1.png); }

.news 	{ background-image: url(../nav/ranews-11.png); width:98px; }
.news a 	{ background-image: url(../nav/ranews-1.png); }

.contact 	{ background-image: url(../nav/racontact-11.png); width:98px; }
.contact a 	{ background-image: url(../nav/racontact-1.png); }

.menu li a:hover 	{ background: none; }

.menu li a span 	{ display:none; }

.homepage .homepage a { background-image:url(../nav/rahome-11.png); }
.aboutpage .aboutpage a { background-image:url(../nav/raabout-11.png); }
.artistspage .artistspage a { background-image:url(../nav/raartists-11.png); }
.creativepage .creativepage a { background-image:url(../nav/racreative-11.png); }
.newspage .newspage a { background-image:url(../nav/ranews-11.png); }
.contactpage .contactpage a { background-image:url(../nav/racontact-11.png); }

.homepage .homepage a:hover { background-image:url(../nav/rahome-11.png); }
.aboutpage .aboutpage a:hover { background-image:url(../nav/raabout-11.png); }
.artistspage .artistspage a:hover { background-image:url(../nav/raartists-11.png); }
.creativepage .creativepage a:hover { background-image:url(../nav/racreative-11.png); }
.newspage .newspage a:hover { background-image:url(../nav/ranews-11.png); }
.contactpage .contactpage a:hover { background-image:url(../nav/racontact-11.png); }

/* leftnav */

.menu2 li { padding:0; border:0; margin:0; list-style-type:none; margin-bottom:39px; }
.menu2 li a:link, .menu2 li a:visited { display:block; height:40px; }

.advertising	{ background-image:url(../nav/adra-2.png); width:98px; }
.advertising a	{ background-image:url(../nav/adra-1.png);}

.fashion		{ background-image:url(../nav/fashionra-2.png); width:98px; }
.fashion a		{ background-image:url(../nav/fashionra-1.png);}

.website		{ background-image:url(../nav/websitera-2.png); width:98px; }
.website a		{ background-image:url(../nav/websitera-1.png);}

.main		{ background-image:url(../nav/mainra-2.png); width:98px; }
.main a		{ background-image:url(../nav/mainra-1.png);}

.menu2 li a:hover 	{ background: none; }
.menu2 li a span 	{ display:none; }


.advertisingpage .advertisingpage a	{ background-image:url(../nav/adra-2.png);}
.fashionpage .fashionpage a		{ background-image:url(../nav/fashionra-2.png);}
.websitepage websitepage a		{ background-image:url(../nav/websitera-2.png);}
.mainpage .mainpage a	{ background-image:url(../nav/mainra-2.png);}

.advertisingpage .advertisingpage a:hover	{ background-image:url(../nav/adra-2.png);}
.fashionpage .fashionpage a:hover		{ background-image:url(../nav/fashionra-2.png);}
.websitepage websitepage a:hover		{ background-image:url(../nav/websitera-2.png);}
.mainpage .mainpage a:hover	{ background-image:url(../nav/mainra-2.png);}