/*   
Theme Name: Rapid Racking Theme
Theme URI: http://www.urbanjungledesign.com.au
Author: Urban Jungle Design
Author URI: http://www.urbanjungledesign.com.au
Version: 1.0

*/

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	/*background-image: url(http://www.rapidracking.com.au/wp-content/themes/rapidrackingtheme/images/bg-img.jpg);*/
	background-repeat: repeat-x;
	background-color: #0000F6;
	background-image: url(http://www.rapidracking.com.au/wp-content/themes/rapidrackingtheme/images/bg-image.jpg);
	background-position: bottom;
}
.oneColFixCtrHdr #container {
	width: 840px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.oneColFixCtrHdr #header {
	background-image: url(http://www.rapidracking.com.au/wp-content/themes/rapidrackingtheme/images/top-bg.jpg);
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
	background: #FFFFFF;
min-height: 400px;
}

.oneColFixCtrHdr #mainContent p{
	
margin: 0px;
pardin: 0px;

}
.oneColFixCtrHdr #footer {
	background-color: #F4F4F4;
	background-image: url(http://www.rapidracking.com.au/wp-content/themes/rapidrackingtheme/images/bottom-bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	height: 150px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
.logo {
	float: left;
}

.navbar {display:inline-block;}



.menu {
	display:table-row;
	padding:0;
	list-style-type:none;
	white-space:nowrap;
	clear: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 40px;
	
  }
.navbar li {
	display:inline;
	text-align: right;
}
.navbar a, .menu a:visited {
	display:block;
	float:left;
	font-size:14px;
	color:#000;
	text-decoration:none;
	margin-right: 3px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	color:#FF0000;
	height: 24px;
	
	
	
	height: 20px;
	
  }
.navbar a:hover {
	background-image: url(http://www.rapidracking.com.au/wp-content/themes/rapidrackingtheme/images/button-hover.jpg);
	background-position:center;
	background-repeat:repeat-x;
	color: #FFFFFF;
	
	  }
	  
	  .navbar {
	height: 123px;
	padding-top: 80px;
	margin: auto 0px;
	  } 
.footer-container {
	width: 840px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

#footer .cols {

width: 280px;
float: left;
}

#footer .colsright {

width: 280px;
float: left;
text-align: left;
color: #666;
font-size: 13px;
padding-top: 20px;
}


#footer .colsright a{
text-decoration: none; }



#footer .footerhead {
	text-align: left;
	color: #0000F6;
	margin: 0px;
	padding-top: 20px;
	padding-left: 10px;
	font-weight: bold;
}

#footer .footercontent {
	color: #B9B9FF;
	padding: 10px 0px 0px 20px;
	text-align:left;
	margin: 0px;
	font-size:14px;
}

#footer .copyright {
	color: #9EB9FF;
	text-align:left;
	font-size:14px;
	padding-top: 20px;
}
.header {
	height: 42px;
	background-repeat: repeat-x;
	background-position: top;
	font-size: 32px;
	font-weight: 300;
	color: #0000F6;
}

.header-container {
	width: 840px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.text-body {
font-size: 14px;
padding:20px;
}
.text-body h1{
color: #0000F6;
font-size: 28px;
padding-top: 0px;
font-weight: normal;
padding-left: 0px;
padding-bottom: 10px;
}

.text-body h6{
color: #0000F6;
font-size: 25px;
padding-top: 0px;
font-weight: normal;
padding-left: 0px;
margin: 0px;
padding-bottom: 5px;
}
.text-body p{
color: #555;
padding-top: 10px;
padding-left: 0px;

padding-bottom: 5px;
}
h1 {
margin: 0px;
padding: 0px; 

}

h2 {
margin: 0px;
padding: 0px; 

}

h3 {
margin: 0px;
padding: 0px; 

}

h4 {
margin: 0px;
padding: 0px; 

}

.cols {
text-align: left;
padding-top: 20px;
list-style-type:none;
font-size: 14px;
}
.cols a{
text-align: left;
color: #000;
text-decoration: none;
list-style-type:none;
margin: 0px;
padding: 0px;
}

.cols a:hover{
text-align: left;
color: #ff0000;
text-decoration: none;
list-style-type:none;
}

.cols ul{
text-align: left;
padding: 0px;
margin: 10px 0px 0px 10px;
list-style-type:none;

}

.cols h4 {
color: #0000F6;
font-size: 16px;
font-weight: normal;
}

.text-body h2 {
color: #ff0000;
padding-top: 10px;
font-size: 16px;
font-weight: normal;

}

.text-body h4 {
color: #0000F6;
padding: 10px;

font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0px;
text-align: center;
font-weight: normal;


}

.text-body h5 {
color: #ff0000;
font-size: 14px;
font-weight: normal;
padding: 10px 0 0 0;
margin: 0px;

}

.alignleft {
float: left;
padding-right: 10px;
}

.alignright {
float: right;
padding-left: 10px;
}

.producttext {
height: 220px; 
padding-right: 0px;
}

.producttext p{
padding-left: 5px;

}

.productimage {
padding-left: 15px;
}

.box-container {
	color: #FF0000;
	width: 840px;
height: 460px;
}


.box-one {
	color: #FF0000;
	width:375px;
	height: 200px;
	background-image:url(images/box-LIGHT-bg.jpg);
	background-repeat:no-repeat;
	padding-top: 30px;
	padding-left: 15px;
	float: left;
	margin-right: 25px;
	
	
}

.box-two {
	color: #FF0000;
	width:375px;
	height: 200px;
	background-image:url(images/box-med-bg.jpg);
	background-repeat:no-repeat;
	padding-top: 30px;
	padding-left: 15px;
	float: left;
}

.box-three {
	color: #FF0000;
	width:375px;
	height: 200px;
	margin-right: 25px;
	background-image:url(images/box-heavy-bg.jpg);
	background-repeat:no-repeat;
	padding-top: 30px;
	padding-left: 15px;
	float: left;
}

.box-four {
	color: #FF0000;
	width:375px;
	height: 200px;
	background-image:url(images/box-custom-bg.jpg);
	background-repeat:no-repeat;
	padding-top: 30px;
	padding-left: 15px;
	float: left;
}

.box-title h6 {
	color: #0000F6;
	font-size: 24px;
}

.box-description {
	color: #666666;
	width: 260px;
	padding: 5px 0 10px 0;
	font-size: 16px;
	height: 95px;
margin: 0px;
	
}
.box-button {
	color: #FF0000;
	width: 80px;
	height: 38px;
	font-size: 11px;
	background-image: url(images/boxbutton.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	
	padding-left: 8px;
}



.box-container a{
color: #FF0000;
text-decoration:none ;


}

.box-container a:hover{
color: #FF0000;
text-decoration:underline ;
}


.clear { clear:both }

.textwidget {
padding-top: 10px;
padding-right: 20px;

}