/*
Theme Name: Premier Concrete
Theme URI: http://www.twosugars.co.za
Description: Where quality & service matter
Version: 1.0.0
Author: Two Sugars Advertising
Author URI: http://www.twosugars.co.za/
*/




/* GENERAL SHEET START HERE-----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	text-align:left;
	font-family:'Calibri',Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #dddddd;
	background: #000000;
}
a {text-decoration: underline;	color:#97be0d;}
a:hover {text-decoration: none;	color:#97be0d;}
p {	margin: 0px 0px; padding-top:10px; padding-bottom:10px;}


h1{
	font-size:30px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	font-family:'Calibri',Arial, Helvetica, sans-serif;
}
h2{
	font-size:22px;
	color:#fff;
	font-weight:normal;
	text-transform:uppercase;
	font-family:'Calibri',Arial, Helvetica, sans-serif;
}
h3 {
	font-size:18px;
	color:#fff;
	font-weight:normal;
	font-family:'Calibri',Arial, Helvetica, sans-serif;
}
h4 {
	font-size:16px;
	color:#fff;
	font-weight:normal;
	font-family:'Calibri',Arial, Helvetica, sans-serif;
}
/* GENERAL SHEET END HERE-----------------------------------------------------------------*/
















/* HEADER START HERE-----------------------------------------------------------------*/
#header{
		margin: 0 auto;
		border-bottom:2px #c9c9c9 solid;
}
#header-holder{
		margin: 0 auto;
		width:950px;
		height:200px;
}



#header-logo{
		width:400px;
		height:120px;
		padding-top:80px;
		float:left;
}	
		#header-logo a{
				width:347px;
				height:95px;
				display:block;
				background: url(images/header-logo.png) top left no-repeat;
		}	
		
		
		
		
#header-menu{
		width:500px;
		height:50px;
		padding-top:150px;
		float:right;
		position:relative;
		padding-right:40px;
}



	#header-menu ul	{
		margin: 0; 
		padding: 0; 
		text-align:right;
	}
	#header-menu li	{
		display:inline-block;
		margin: 0; 
		padding: 0;
		padding-right:2px;
	}
	#header-menu li a	{
		display: block;
		padding-top:10px;
		padding-left:10px;
		padding-right:10px;
		padding-bottom:10px;
		
		color: #dddddd;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px;
		text-decoration:none;
		text-align:center;
		text-transform:uppercase;
	}
	#header-menu .current-menu-item a, #header-menu .current_page_item a, #header-menu a:hover {
		color: #97be0d;
	}
	#header-menu ul ul { 
		display: none; 
	}
	
	
	#header-menu #menu-facebook a {
		display:inline-block;
		width:35px;
		height:35px;
		background:url(images/facebook.png) no-repeat;
		float:right;
		position:absolute;
		top:150px;
		right:0px;
	}
/* HEADER END HERE-----------------------------------------------------------------*/
















/* DISPLAY START HERE-----------------------------------------------------------------*/
#display{
		margin: 0 auto;
		padding-top:30px;
		padding-bottom:30px;
		background:#262626;
}	
#display-padding{
		margin: 0 auto;
		width:960px;
		height:356px;
		padding-left:14px;
		background:url(images/display-bg.jpg) no-repeat;
		background-position:14px 0px;
		overflow:hidden;
}	
#display-holder{
		width:945px;
		height:356px;
}
/* DISPLAY END HERE-----------------------------------------------------------------*/
















/* CONTENT START HERE-----------------------------------------------------------------*/
#content{
	margin: 0 auto;
	background:#262626;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	padding-bottom:50px;
}
#content-holder{
	margin: 0 auto;
	width:900px;
}
#content-middle{
	margin: 0 auto;
	width:600px;
	text-align:justify;
}	
#content-middle2{
	margin: 0 auto;
	width:700px;
	text-align:justify;
}	
/* CONTENT END HERE-----------------------------------------------------------------*/
















/* FOOTER START HERE-----------------------------------------------------------------*/
#footer{
	margin:	0 auto;
	background:url(images/footer-bg.jpg) top left repeat-x;
}
#footer-holder{
	margin:	0 auto;
	width:900px;
	padding-bottom:30px;
}

#footer-legal{
	margin:	0 auto;
	width:900px;
	padding-top:0px;
	padding-bottom:30px;
	text-align: center;
	font-size: 14px;
	color:#5a5a5a;
}

#footer-legal span{
	color:#353535;
}
#footer-legal a{
	text-decoration: none;
	color:#5a5a5a;
}
#footer-legal a:hover{
	text-decoration: underline;
	color:#fff;
}


			
	#footer-holder ul	{
		margin: 0; 
		padding: 0; 
		text-align:center;
	}
	#footer-holder li	{
		display:inline-block;
		margin: 0; 
		padding: 0;
		padding-right:2px;
	}
	#footer-holder li a	{
		display: block;
		width:81px;
		height:25px;
		padding-top:90px;
		padding-left:20px;
		padding-right:20px;
		
		overflow:hidden;
		background:url(images/menu-icon-general.png) no-repeat;
		background-position:center -117px;
		
		text-transform:uppercase;
		color:#bbbbbb;
		text-decoration:none;
		font-size:16px;
		text-align:center;
	}
	#footer-holder .current-menu-item a, #footer-holder .current_page_item a, #footer-holder a:hover {		
		background:url(images/menu-icon-general.png) no-repeat;
		background-position:center 0px;
		color:#bbbbbb;
		text-decoration:none;
	}
	
	
	
	
	
				#footer-holder .home a {		
					background:url(images/menu-icon-home.png) no-repeat;
					background-position:center -117px;
				}
						#footer-holder .home.current-menu-item a, #footer-holder .home.current_page_item a, #footer-holder .home a:hover {	
							background:url(images/menu-icon-home.png) no-repeat;
							background-position:center 0px;
						}
				#footer-holder .company a{		
					background:url(images/menu-icon-company.png) no-repeat;
					background-position:center -117px;
				}
						#footer-holder .company.current-menu-item a, #footer-holder .company.current_page_item a, #footer-holder .company a:hover {			
							background:url(images/menu-icon-company.png) no-repeat;
							background-position:center 0px;
						}
				#footer-holder .team a{		
					background:url(images/menu-icon-team.png) no-repeat;
					background-position:center -117px;
				}
						#footer-holder .team.current-menu-item a, #footer-holder .team.current_page_item a, #footer-holder .team a:hover {		
							background:url(images/menu-icon-team.png) no-repeat;
							background-position:center 0px;
						}
				#footer-holder .services a{		
					background:url(images/menu-icon-services.png) no-repeat;
					background-position:center -117px;
				}
						#footer-holder .services.current-menu-item a, #footer-holder .services.current_page_item a, #footer-holder .services a:hover {			
							background:url(images/menu-icon-services.png) no-repeat;
							background-position:center 0px;
						}
				#footer-holder .projects a{		
					background:url(images/menu-icon-projects.png) no-repeat;
					background-position:center -117px;
				}
						#footer-holder .projects.current-menu-item a, #footer-holder .projects.current_page_item a, #footer-holder .projects a:hover {			
							background:url(images/menu-icon-projects.png) no-repeat;
							background-position:center 0px;
						}
				#footer-holder .contact a{		
					background:url(images/menu-icon-contact.png) no-repeat;
					background-position:center -117px;
				}
						#footer-holder .contact.current-menu-item a, #footer-holder .contact.current_page_item a, #footer-holder .contact a:hover {		
							background:url(images/menu-icon-contact.png) no-repeat;
							background-position:center 0px;
						}
	
	
	
	#footer-holder ul ul { 
		display: none; 
	}
/* FOOTER END HERE-----------------------------------------------------------------*/















/* OTHER START HERE-----------------------------------------------------------------*/
.row {margin:0 auto;}
.col {float: left;}
.col-right{float: right;}
.clear{clear:both;height:0;}


.imagemap {position: relative;}
.imagemap img {display: block;}
.imagemap .area {display: block; position: absolute; transition: box-shadow 0.15s ease-in-out;}
.imagemap .area:hover {box-shadow: 0px 0px 1vw rgba(0,0,0,0.5);}


.color-green{color:#97be0d;}
	
.ruler{
	display:block;
	width:100%;
	height:1px;
	border-bottom:1px #3D3D3D solid;
	padding-top:10px;
	margin-bottom:20px;
}


.space1{height:10px;}
.space2{height:20px;}
.space3{height:30px;}
.space4{height:40px;}
.space5{height:50px;}




#content ul, #info ul {
	margin:0px 0px;
	padding-left:0px;
}
#content ul ul, #info ul  ul {
	margin:0px 0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:20px;
}
#content ol, #info ol{
	margin:0px 0px;
	list-style:none;
	padding-left:20px;
	padding-bottom:10px;
	background: url(images/list-arrow.png) no-repeat;
	background-position:0px 0px;	
}	
#content li, #info li{
	margin:0px 0px;
	list-style:none;
	padding-left:20px;
	padding-bottom:10px;
	background: url(images/list-arrow.png) no-repeat;
	background-position:0px 0px;	
}







.message-success{
	margin: 0 auto;
	padding:10px;	
	border:1px #E6DB55 solid;
	background-color:#FFFFE0;
	color:#584b46;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	display:none;
	text-align:center;
}
.message-error{
	margin: 0 auto;
	padding:10px;	
	border:1px #BD0C18 solid;
	background-color:#FEE9EA;
	color:#BD0C18;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; /* future proofing */
	-khtml-border-radius: 3px; /* for old Konqueror browsers */
	display:none;
	text-align:center;
}










.project-back{
	display:block;
	width:115px;
	height:36px;
	padding-top: 10px;
	margin-left: 10px;
	float:left;
	text-align: left;
}
.project-back:before{
	content: '< ';
}

.project-tabs{
	display:block;
	width:570px;
	height:36px;
	padding-top: 5px;
	margin-left: 10px;
	float:left;
	text-align: center;
	background: #333333;
	border-radius: 20px;
}
.project-tabs a{
	display: inline-block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 8px;
	padding-bottom: 8px;
	color:#97be0d;
	font-weight: normal;
	width: 255px;
	text-decoration: none;
}
.project-tabs a.selected{
	color:#fff;
	/*font-weight: bold;*/
	background: #97be0d;
	border-radius: 20px;
}

.project-note{
	display:block;
	width:105px;
	margin-right: 30px;
	padding-right: 45px;
	height:36px;
	float:right;
	text-align: right;
	background: url(images/project-note.png) top right no-repeat;
}


.box{
	display:inline-block;
	width:280px;
	height:200px;
	margin-bottom:10px;
	margin-right:10px;
	vertical-align:top;
	text-align:center;
}
.box-cover{
	display:block;
	width:280px;
	height:200px;
	vertical-align:top;
	text-align:center;
	background: url(images/box-content.png) repeat;
}
.box-title{
	display:block;
	vertical-align:top;
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	background-color:#97be0e;
	font-size:14px;
	color:#333;
	text-transform:uppercase;
	clear:both;
	position:relative;
}
.box-title a{
	display:block;
	width:28px;
	height:28px;
	float:right;
	position:absolute;
	top:5px;
	right:5px;
	background: url(images/box-title-icon.png) no-repeat;
}
.box-content{
	display:block;
	vertical-align:top;
	text-align:left;
	padding-bottom:20px;
	padding-top:20px;
	font-size:12px;
	line-height:20px;
	padding-left: 20px;
	padding-right: 20px;
}



#project-slides{
	margin: 0 auto;
	display:block;
	position:relative;
	margin-top:30px;
	overflow:hidden;
}
#project-slides .slide{
	margin: 0 auto;
	width:860px;
	height:580px;
	position:absolute;
	top:0px;
	overflow:hidden;
}
#project-slides-link a{
	position:relative;
	top:-53px;
	padding-left:10px;
	color:#FFF;
}
/* OTHER END HERE-----------------------------------------------------------------*/


















/* FORM START HERE-----------------------------------------------------------------*/
/* FORM END HERE-----------------------------------------------------------------*/