@charset "UTF-8";
/* CSS Document
The Ad Ranch - www.adranch.com
2010 - "White Site" 
Design By: Laurie Baalman, Chris Greta
Web By:  Brian Brown
Web Colors:
#ff3333 - red
#ffffff - white
#000000- black
#CCCCCC - light grey
*/

BODY, HTML{
	background:#FFFFFF;
	margin: 0px;
  	border: 0px;
  	padding: 0px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 130%;
	
}
a:link { 
	color: #ff3333;
	font-weight:600;
	text-decoration: none;
	}
a:visited { 
	color: #ff3333;
	font-weight:600;
	text-decoration: none;
	}
a:hover { 
	color: #000000;
	text-decoration: none;
	}
a:active { 
	color: #000000;
	text-decoration: none;
	}
#header{
	width: 960px;
	height: 100px;
	margin-left: auto;
  	margin-right: auto;
}

#content {
	width: 960px;
	text-align:center;
	margin-left: auto;
  	margin-right: auto;
	overflow:hidden;
}

#wrap {
	text-align:left;
	width: 960px;
	height: 450px;
	margin:0 auto; 
	clear:both; 
	/*border:1px solid #c9c9c9; */
	overflow:hidden;
	
}

#footer {
	width: 960px;
	 margin-left: auto;
  	margin-right: auto;
	clear:both; 
}
#social_media{
	width: 960px;
	margin-left: auto;
  	margin-right: auto;
	clear:both;

}
.social_media_link{
	float:right;
	margin: 5px;
}
.rebrand {
	padding: 225px 0 125px 0;
}

.brilliant{
	padding: 125px 0 0 0;
	margin: 0 0 50px 0;
}
.mil{
	margin: 0 0 30px 0;
}
.less{
	margin: 0 0 30px 0;
}
.cheap{
	padding: 125px 0 0 0;
	text-align:center;
	margin: 0 0 20px 0;
}
.ready {
	margin: 0 0 20px 0;
	text-align:center;
}
.start{
	text-align:center;
}
.logo {
	float:left;
	margin: 0 75px 0 0;
}
.menu_links {
	float:right;
	margin: 0 0 0 55px;

}
/*home page slider*/

#wrap-inner-withslide {
	width:960px; 
	overflow:hidden;
}
.indent-front{
	margin-left: 10px;
}

/* Easy Slider */
#slider{
	position:relative; 
	text-align:left; 
}
#slider ul, #slider li {
	margin:0; 
	padding:0; 
	list-style:none;
}
#slider li {
	width:960px; 
	height:376px; 
	overflow:hidden; 
	/*background: url(../images/slider-li-bg.png) no-repeat; */
	color:#FFFFFF; 
	position:relative; 
}	
.left-container {
	float:left; 
	width:380px; 
	/*overflow:hidden; */
	margin-top:40px;
	margin-left: 30px;
}

.right-container {
	float:left; 
	width:380px; 
	/*overflow:hidden; */
	margin-top:40px;
	margin-left: 120px;
}

.post-title-large {
	padding-top: 5px;
	font-size:25px; 
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	
}
.post-title a:hover {
	color:#ffffff; 
}
.post-excerpt {
	font-size:12px; 
	color:#000000;
}
.slider-image-container{
	position:relative; 
	width:400px; 
	height:300px; 
	float:right; 
	margin-top:28px;
	text-align:center;
}
.name {
	color:#ff3333;
	font-weight:600;
}

ol#controls{
	margin:0; 
	height:28px; 
	position:relative; 
	top:-15px;
	padding-left: 30px;
}
ol#controls li{
	margin:0 10px 0 0; 
	padding:0; 
	float:left; 
	list-style:none; 
	height:25px; 
	line-height:25px;
}
ol#controls li a{
	float:left; 
	height:25px; 
	line-height:25px;	
	background:#FFFFFF url(../images/button_bg_off.gif) no-repeat;  
	color:#000;  
	text-shadow:0 1px 0 #fff; 
	padding:0 8px; 
	text-decoration:none; 
	-moz-border-radius-bottomleft:4px; 
	-moz-border-radius-bottomright:4px; 
	-moz-border-radius-topleft:4px; 
	-moz-border-radius-topright:4px; 
}
ol#controls li.current a{
	background:#FFFFFF url(../images/button_bg_on.gif) no-repeat; 
	color:#fff; 
	text-shadow:none;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{
	outline:none;
}

/*portfolio*/
a.portfolio-image {
	display:block; 
	width:400px; 
	height:26px; 
	position:relative; 
	top:16px; 
	left:-8px; 
	z-index:2;
}

/*Color Box Extra Content */
.hidden{display:none;}
