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


*{

padding:0;
margin:0;
}

body {
font-family: Arial, Helvetica, sans-serif; /*fonts for the main document*/
font-size: 17px; /*font size for the main document*/
color: #FFFFFF; /*font color for the main document*/
background-color:#181818;
}

/*	TEXT STYLES	*/

.pagetitle {
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
}

.h1 {
	font-family:"Cooper Black";
	font-size:50px;
}

.h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:31px;
}
.h3 {
	color:#000;
}

.large-text {
	font-size:18px;
}

/* TEXT SYLES END */

.top-bg {
	background-color:#181818;
	width:100%;
	min-height:135px;
}

.main-bg {
	background-image:url(../images/bg.jpg);
	background-repeat:repeat-x;
	width:auto;
}

.container {
    width: 980px; /*the size of the site*/
    margin: 0 auto; /*centers our content on every screen size*/
}

.logo {
	width:980px;
	min-height:28px;
	padding-top:22px;
	margin:0 auto;
}
.header {
	background-image:url(../animation/builders-banners/movingbanner-home1.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-building {
	background-image:url(../animation/builders-banners/movingbanner-building.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}

.header-cladding {
	background-image:url(../animation/builders-banners/movingbanner-cladding.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}

.header-extension {
	background-image:url(../animation/builders-banners/movingbanner-extensions.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-garage {
	background-image:url(../animation/builders-banners/movingbanner-garages.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-bathroom {
	background-image:url(../animation/builders-banners/movingbanner-kitchen-bathroom.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-lofts {
	background-image:url(../animation/builders-banners/movingbanner-lofts.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-roofing {
	background-image:url(../animation/builders-banners/movingbanner-roofing.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-combuild {
	background-image:url(../animation/builders-banners/movingbanner-commercial-building.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-joinery {
	background-image:url(../animation/builders-banners/movingbanner-joinery.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-electrical {
	background-image:url(../animation/builders-banners/movingbanner-electrician.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-painting {
	background-image:url(../animation/builders-banners/movingbanner-painting.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-plumbing {
	background-image:url(../animation/builders-banners/movingbanner-plumbing.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-refurb {
	background-image:url(../animation/builders-banners/movingbanner-refurb.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.header-renovations {
	background-image:url(../animation/builders-banners/movingbanner-renovations.gif);
	width: 980px;
	height:220px;
	margin-top:6px;
	margin-bottom:4px;
}
.headertext {
	height:60px;
	width:500px;
	float:right;
	margin-top:30px;
	margin-right:30px	
}

.contact-us-container {
	width:670px;
	padding-top:20px;
	margin:0 auto;
}

.contact-form {
	width:670px;
	min-height:200px;
	margin:0 auto;
}

.textcontainer {
	width:680px;
	margin: 0 auto;
}

.textcontainer-map {
	width:670px;
	margin-top:377px;
	margin:0 auto;
}

.textcontainer-area {
	width:640px;
	min-height:200px;
	padding-top:30px;
	margin:0 auto;
}

.text {
	width: 670px;
	min-height:100px;
	margin:0 auto;
	padding-top:15px;
}

.hometext {
	width: 630px;
	min-height:100px;
	margin:0 auto;
	padding-top:20px;
}

.hometextmain {
	margin:0 auto;
	width: 980px;
	min-height:500px;
	padding-top:20px;
}

.cstudies-container {
	width:940px;
	background-color:#FFF;
	min-height:20px;
	margin-top:40px;
	padding: 10px;
}

.contact-form-container {
	width:700px;
	min-height:100px;
	height: 600px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

.gallery {
	width: 870px;
	margin:0 auto;
	min-height:300px;
	padding-top:20px;
}

.your-specialilty {
	width: 980px;
	min-height:500px;
	padding-top:20px;
}

.side-left {
	width:268px;
	height:455px;
	float:left;
	margin-right:10px;
}

/*	DOMMESTIC ELEMENTS	*/

.imagecontainer {
	width:670px;
	height:400px;
	margin:0 auto;
	margin-top:60px;
	margin-bottom:20px;
}

.imageframeleft {
	background-image:none;
	width:301px;
	height:384px;
	float:left;
}

.imageframeright {
	background-image:none;
	width:301px;
	height:384px;
	float:right;
	padding: 0 0 10px 10px;
}

.bgboxright {
	background-color:#ffffff;
	color:#000000;
	font-size:16px;
	width:271px;
	height:354px;
	padding:10px;
	float:right;
	border: thick solid #fe8100;
}

.bgboxright2 {
	background-color:#ffffff;
	background-repeat:no-repeat;
	width:700px;
	padding:10px;
	font-size:16px;
	color:#000000;
	border:thick;
	border-style:solid;
	border-color:#fe8100;
	margin-right: auto;
	margin-left: auto;	
}


.bgboxrightlink  { 
color: #000;
text-decoration: none;
}

.quote-text {
	width: 980px;
	min-height:100px;
	margin:0 auto;
	padding-top:20px;
}

/*	DOMMESTIC ELEMENTS END	*/





/*	CONTACT US	*/

.mapboxleft {
	background-image:none;
	background-repeat:no-repeat;
	width: 301px;
	height:384px;
	float:left;
}

/*	CONTACT US END	*/


.thrdcontainer {
	width:980px;
	margin:auto;
	color:#000;
}

.bottom-full-bg {
	background-color:#ffffff;
	color:#000000;
	width:980px;
	height:95px;
	padding-top:10px;
}

.bottom-bg-repeat {
	background-color:#ffffff;
	color:#000000;
	background-repeat:repeat-x;
	width:100%;
	height:158px;
	margin-top:40px;
}

.bottom-full-bg-home {
	background-color:#ffffff;
	color:#000000;
	width:980px;
	height:158px;
	padding-top:17px;
}

.thirdcontainer {
	width:980px;
	margin:auto;
	color:#000;
}

.footer {
	width:980px;
	min-height:200px;
	margin:0 auto;
	padding-top:20px;
}


/*	NAVIGATION	*/	

.navigation {
	background-image:none;
	width:980px;
	height:28px;
	margin-top:0px;
	padding-top:6px;
}

ul {
  font-family: Arial, Verdana;
  font-size: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

ul li {
  display: block;
  position: relative;
  float: left;
}

li ul { display: none; }

ul li a {
  display: block;
  text-decoration: none;
  color: #ffffff;
  border-top:;
  padding: 5px 15px 5px 15px;
  background:;
  margin-left: 1px;
  white-space: nowrap;
}

ul li a:hover { background: #000000; }

li:hover ul {
  display: block;
  position: absolute;
}

li:hover li {
  float: none;
  font-size: 11px;
}

li:hover a { background:#333; }

li:hover li a:hover { background:#666; }


/*	NAVIGATION END	*/	


/*	BOTTOM SLIDER */

#slider {
	float:left;
	width:268px;
	height:455px;
	background-color:#ffffff;
	background:url(../nivo-slider/images/loading.gif) no-repeat 50% 50%;
	margin-right:20px;
	margin-top:0px;
}

#slider-top {
	position:relative;
	width:301px;
	height:384px;
	float:left;
	margin-top:0px;
	background-color:#ffffff;
	background:url(../nivo-slider/images/loader.gif) no-repeat 50% 50%;
}

#slider img {
	position:relative;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	position:absolute;
	left:260px;
	bottom:-42px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}

.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:2px;
	left:3px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8; /* Overridden by captionOpacity setting */
	width:100%;
	z-index:8;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}

/*	BOTTOM SLIDER END	*/
