@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------- GLOBAL ------------------------------------------------------------- */


#body{
	background:url(../images/body_bg.png) left top no-repeat;
}


#header-box{
	background:url(../images/header-box_bg.png) left top no-repeat;
}

#header{
	background-color:#FFF;
}

#search-form input.text{
	border:0;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#cccccc;
	text-transform:uppercase;
}

#search-web{
	background:url(../images/search-web_btn.png) left top no-repeat;
}

#footer-nav{
	border-top:1px dotted #cccccc;
}

#footer-nav a{
	color:#787d84;
	font-size:10px;
	font-weight:bold;
}

#footer-nav a:hover{
	color:#cccccc;
	
}

#copyright, #copyright a{
	color:#787d84;
	font-size:10px;
	text-transform:uppercase;
	
}

#copyright a:hover{
	color:#CCCCCC;
}

#footer{
	background:url(../images/footer-border.png) left top repeat-x;	
}

/* ------------------------------------------------------------- TYPOGRAPHY ------------------------------------------------------------- */

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
}

p{
	line-height:1.3em;
}

a{
	text-decoration:none;
	color:#f72c10;
}

a:hover{
	color:#cccccc;	
}

a img{
	border:0;
}

h1{
	font-size:18px;
	color:#FFFFFF;
	height:34px;
	padding:1px 0 0 16px;
	font-weight:normal;
	position:relative;
	left:-17px;
	margin:0;
}

h1.short{
	width:431px;
	background:url(../images/header-short.png) left top no-repeat;
}

h1.long{
	width:629px;
	background:url(../images/header-long.png) left top no-repeat;
}

h2, h2 a{
	font-size:30px;
	color:#5e2477;
	font-weight:normal;
}

h2.news-title{
margin-bottom:20px;
}

h3{
	font-size:17px;
	color:#999999;
	font-weight:normal;
}

/* ------------------------------------------------------------- CLASSES ------------------------------------------------------------- */

.arrow-list li{
	background:url(../images/bullet-arrow.png) left 2px no-repeat;		
}

.dotted-line{
	border-top:1px dotted #e3e3e3;
}

.grey{
	color:#999999 !important;
}

.red{
	color:#f72c10 !important;
}

.purple{
	color: #993399 !important;
}

a.purple:hover{
	color:#999999 !important;
}

.date{
	font-size:13px;
	color:#cccccc;
}

.line{
	background:url(../images/line_bg.png) left top repeat-x;	
}

.pagination{
	font-size:13px;
	color:#363636;
}

/* ------------------------------------------------------------- NAV ------------------------------------------------------------- */


#nav a:hover, #nav a.active{
	background-position:0px -22px;
}

#nav_who-we-are a{
	background:url(../images/nav_who-we-are.png) left top no-repeat;
}

#nav_clients a{
	background:url(../images/nav_clients.png) left top no-repeat;	
}

#nav_news a{
	background:url(../images/nav_news.png) left top no-repeat;
}

#nav_get-in-touch a{
	background:url(../images/nav_get-in-touch.png) left top no-repeat;	
}


/* ------------------------------------------------------------- HOMEPAGE ------------------------------------------------------------- */

#homepage-slider{
	background:#FFF url(../images/slider_bg.png) 5px 0px no-repeat;
}

#homepage-slider-text{
	color:#FFFFFF;
	font-size:24px;
	text-shadow:#000 0px 0px 2px;
}

#homepage-slider-text p{
	font-size:24px;
	background-color:#000000 !important;
}


#homepage-slider-buttons a.left{
	background:#FFFFFF url(http://www.maclaurinmedia.com/images/left-slice-arrow.png) left top no-repeat;
}

#homepage-slider-buttons a.right{
	background:transparent url(http://www.maclaurinmedia.com/images/right-slice-arrow.png) right top no-repeat;
}

#homepage-slider-buttons a.button{
	background:transparent url(http://www.maclaurinmedia.com/images/slider-button.png) left top no-repeat;
}

#homepage-slider-buttons a:hover, #homepage-slider-buttons a.active{
	background-position:0px -14px;
}

#homepage-slider-buttons a:active, #homepage-slider-buttons a:focus{
	outline:none;	
}

#home-box-left{
	background-color:#FFF;
}

#home-left-box-inner{
	border:1px solid #D1D1D1;
	font-size:16px;
	color:#333333;
}

.redone #home-left-box-inner{
	background-color:#fff;
	font-size:13px;
	-webkit-box-shadow: 1px 1px 7px rgba(204,204,204,0.43);
	-moz-box-shadow: 1px 1px 7px rgba(204,204,204,0.43);
	box-shadow: 1px 1px 7px rgba(204,204,204,0.43);
	/*
	filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color='#2BCCCCCC');
	*/
}

#home-left-box-inner .arrow-list li a{
	/*font-size:14px;*/
	font-style:italic;
	color: #F72C10;
}

hr.dotted{
	width:100%;
	margin:1em 0;
	height:1px;
	background-color:#FBFBFB;
	color:#FBFBFB;
	border:0;
	border-top:1px dotted #cacaca;
}

#home-contact-link{
	float:right;
	width:293px;
	height:23px;
	margin-top:15px;
}

.arrow-list li a:hover{
	color:#CCCCCC !important;
}

#home-box-right{
	background-color:#e3e3e3;
}

#home-box-right.redone{
	background:#FFFFFF url(../images/home-right-box_bg.png) left top repeat-y;
}

.arrow-list a{
	color:#787d84;	
}

#home-box-right .arrow:focus, #home-box-right .arrow:active{
	outline:none;	
}

#social-media{
	background:url(../images/social-media_bg.png) left top no-repeat;
	color:#333333;
	font-size:12px;
}

.redone #social-media{
	background:url(../images/social_media_bg.png) left top no-repeat;
}

#social-media h1{
	left:-8px;
	width:426px;
	margin-bottom:5px;
}

#home-box-right #left-arrow{
	background:url(../images/left-arrow_active.png) left top no-repeat;
}

#home-box-right #right-arrow{
	background:url(../images/right-arrow_active.png) left top no-repeat;
}

#home-box-right #left-arrow.active, #home-box-right #left-arrow:hover{
	background:url(../images/left-arrow.png) left top no-repeat;
}

#home-box-right #right-arrow.active, #home-box-right #right-arrow:hover{
	background:url(../images/right-arrow.png) left top no-repeat;
}


#bambuser img{
	
}

#youtube a{
	font-size:12px !important;
	font-weight:normal !important;
}

.fadeIn{
	background-color:#FFF;
}

/* ------------------------------------------------------------- ABOUT ------------------------------------------------------------- */

#text{
	background-color:#FFF;
}

.text-box{
	border:1px solid #eaeaea;
}

#text h1{
	left:-28px;
}

.quote-box-right{
	background-color:#fafafa;
}

.quote-box-right p{
	margin:0;
	font-size:18px;
	color:#92969e;
}

#about-box{
	background-color: #e3e3e3;
}

#about-inner{
	background-color:#FFF;	
}

#about-inner p{
	font-size:13px;
	color:#666666;
}

#about-inner img{
	border:1px solid #e7e7e7;
}

/* ------------------------------------------------------------- CLIENTS ------------------------------------------------------------- */

#clients-index-outer{
	background-color:#FFF;	
}

#clients-index{
	background-color:#e3e3e3;
}

#clients-index .first{
	float:left;
	width:364px;
	background:url(../images/header-short.png) left top no-repeat !important;
	padding-left:16px;
	height:34px;
	
}

#clients-index .first-inactive{
	float:left;
	width:364px;
	background:url(../images/header-short_inactive.png) left top no-repeat !important;
	padding-left:16px;
	height:34px;
	
}

.index-link{
margin-bottom:15px !important;
}

#clients-index  .inactive{
	background:url(../images/header-short_inactive.png) left top no-repeat;
}

#clients-index .index-link{
	background-color:#c4c4c4;
	color:#FFF;
	text-align:center;
}

#clients-index .active-link{
	background:#38124b url(../images/active-client_bg.gif) left top repeat-x;
}

#clients-index .index-link:hover{
}

.client{
	background-color:#FFF;
}

.client p{
	color:#c2c2c2;
	font-weight:bold;
	text-transform:uppercase;
}


.client a{
   width:177px;
   height:177px;
   z-index:50;
}

.client a:hover{
	border:2px solid #521F6A;
}

#client-additional{
	background-color:#FFFFFF;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

#client-additional p{
	color:#993399;
	font-size:13px;
	background:url(../images/bullet-arrow.png) left 2px no-repeat;
	font-weight:bold;
	line-height:1.5em;
}

#client-image{
	background-color:#FFF;
}

#client-text{
	background-color: #e3e3e3;
}

#client-text-inner{
	background-color:#FFF;	
}

#client-text-inner h1{
	width:233px;
}

#client-text-inner p{
	font-size:13px;
	color:#333333;
	line-height:2em;
}

#client-text-inner img{
	border:1px solid #e7e7e7;
}


/* ------------------------------------------------------------- NEWS ------------------------------------------------------------- */

.categories li{
	border-bottom:1px dotted #eaeaea;
}

.categories a{
	font-size:12px;
	color:#000000;
}

.categories a:hover{
	color:#cccccc;
}

/* ------------------------------------------------------------- CONTACT ------------------------------------------------------------- */

#contact-left{
	background-color:#FFF;
}

#contact-info{
	color:#333333;
}

#contact-info h4{
	color:#333333;
	text-transform:uppercase;
}

#contact-right{
	background-color:#e3e3e3;
}

#contact-right-inner{
	background-color:#FFF;	
}

#map{
	border:2px solid #E3E3E3;
	overflow:hidden;
}

.contact-form label{
	color:#000;
	font-size:15px;
}

.contact-form input.text, .contact-form textarea{
	background-color:#FFFFFF;
	border:1px solid #E3E3E3;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}
.redborder, .redborder{border:1px solid red !important;}
.contactMeErrMessage{display:none;color:red;font-weight:700}
.Message{display:none;}

.job-form label{
	color:#000;
	font-size:15px;
}

.job-form input.text, .job-form textarea{
	background-color:#FFFFFF;
	border:1px solid #E3E3E3;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#contact-bottom{
	background:url(../images/contact-form-bottom.gif) left top no-repeat;	
}

#contact-bottom a:active, #contact-bottom a:focus{
	outline:none;
}

h1.accred{
	position:relative !important;
	top:0px !important;
	left:-28px !important;
	width:472px !important;
	
}

.back-link{
color:purple;
padding-left:20px;
background:url(../images/bullet-arrow.png) no-repeat scroll left 2px transparent;
color:#993399;
}


.noTop{
margin-top:0 !important;
}

.noTop label{
display:none;
}



.social-media-site a img{
	float:left;
	margin:0 18px 0 25px;
	border:3px solid #E3E3E3;
}

/*
#youtube img{
	border:3px solid #E3E3E3;
	margin-top:10px;
}
*/

.social-media-site .txt{
	float:left;
	width:206px;
	
}

.nobullet{
	list-style-type:none;
}