/*
Theme Name: Modular Ceilings
Theme URI: http://freshwebsolutions.net/
Description: Premium Fresh Web Solution CMS Website
Version: 2.6
Author: Mark Fethney
Author URI: http://freshwebsolutions.net/
Tags: Classy, Black, Fresh 
*/
/*html {background:url(images/page-bg.gif);}*/
body {background:#000;}
#wrapper {width:990px;background:#000;margin:10px auto;color:#fff;font-family:helvetica,veranda,sans-serif;font-weight:normal;font-size:13px;}
a {color:#ddd;}

#nav li a:hover {
	color:#333;
	background: url(images/bg1px25w.png);
	}
#header {background:url(images/header.jpg) no-repeat;width:980px; height:156px; margin:0 5px;}
#footer ul {list-style-type:none;}
.thirdboxcontent p {padding:0 10px 10px 10px;}

.full {float:left;width:960px;padding:10px 15px 0px 15px;}
.half {float:left;width:465px;padding:10px 0px 0px 18px;}
.third {float:left;width:310px;padding:10px 0px 0px 15px;}
.twothird {float:left;width:636px;padding: 10px 0px 0px 15px;}

.halfboxtop { background:url(images/box-half-top.png) no-repeat;float:left;width:475px;height:35px;}
.halfboxcontent {background:url(images/box-half-content.png) repeat-y;float:left;width:455px;padding:0 0 0 20px;}
.halfboxbottom {background:url(images/box-half-bottom.png) no-repeat;float:left;width:475px;height:36px;}

.thirdboxtop { background:url(images/box-third-top.png) no-repeat;float:left;width:313px;height:32px;}
.thirdboxcontent {background:url(images/box-third-content.png) repeat-y;float:left;width:313px;}
.thirdboxbottom {background:url(images/box-third-bottom.png) no-repeat;float:left;width:313px;height:31px;}

.twothirdboxtop { background:url(images/box-twothird-top.png) no-repeat;float:left;width:636px;height:26px;}
.twothirdboxcontent {background:url(images/box-twothird-content.png) repeat-y;float:left;width:636px;padding:0 10px;}
.twothirdboxbottom {background:url(images/box-twothird-bottom.png) no-repeat;float:right;width:636px;height:26px;}

.fullboxtop { background:url(images/box-full-top.png) no-repeat;float:left;width:980px;height:28px;}
.fullboxcontent {background:url(images/box-full-content.png) repeat-y;float:left;width:940px;padding:0 25px 0 15px;}
.fullboxbottom {background:url(images/box-full-bottom.png) no-repeat;float:left;width:980px;height:28px;}
.fullboxcontent p {padding:0 15px;}
.c {clear:both;}

#contactform {width:265px;padding:0 0 0 25px;}
#contactform p strong {background:url(images/contacts.png) no-repeat;text-indent:35px;height:32px;display:block;font-size:20px;line-height:28px;}
.iesucks {}
a, a:hover, a:visited {text-decoration:none;}
p, p span {padding:0 10px;margin:0;font-family:helvetica,veranda,sans-serif !important;}

ul , li {}

h2, h2 a {font-size:16px;color: #ccc;}
img {outline:none;
	border:0px none;
}
#facts p img {width:24px;height: 24px;}
#facts p {font-size:15px;}

#contactform textarea {width:222px;height:135px;background:#080808;color:#fff;border:1px solid #454545;}

#contactform input {width:220px;background:#080808;color:#fff;border:1px solid #454545;}

#contactform #go {
	border:0px;
	width:70px;
	height:28px;
	margin:5px 0 0 0px;
	background:url(images/contact-btn.png) no-repeat;
}

#contactform label {float:left;font-size:12px;padding:5px;}

.homelge {height:435px;}
.homemid {height:345px;}

#nav {float:left;margin:116px 0 0 330px; height:40px;
}
#nav ul {
	margin:0;
	padding:0;
	list-style:none;
	width:650px;
	float:left;
	background: url(images/navbg.png) repeat-x;
}
#nav li {
	float:left;
}
#nav li a {
	display:block;
	font-size:15px;
	padding: 0.8em 0.6em 0.8em 0.6em;
	line-height:1em;
	text-decoration:none;
	color: #fff;
	float:left;
}

#navsearch {
	display:inline;
	padding: 0.8em 0.6em 1em 1.6em;

}



#s3slider {
    width: 620px; /* important to be same as image width */
    height: 418px; /* important to be same as image height */
    position: relative !important; 
	overflow: hidden; /* important */
	
}
                    


#s3sliderContent {
    width: 624px;
    position: absolute;
	top: 0;
	
}


.s3sliderImage {
    margin-left:-8px;
    position: relative;
    right:24px;
    display: none;
}

.s3sliderImage a img {border:none; }

.s3sliderContent img { margin:0;padding:0;}
.s3sliderImage span {
    position: absolute;
	font: 10px/15px Helvetica, Arial, sans-serif;
    padding: 10px 13px;
    width: 590px;height:55px;
    background-color: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
	-khtml-opacity: 0.6;
    opacity: 0.6;
    color: #ccc;
    display: none;
}

.s3sliderImage span i {
	float:left;
	font: 10px Arial, Helvetica, sans-serif; color:#fff;
	display:inline;list-style:none;
}
.clear {
	clear: both;
}
.s3sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 290px;
}

#colourchanger {
  position: relative;
  width: 620px;
  height: 425px;
  margin:0 0 0 20px;
}

#colourchanger p {
  font-size: 1em;
  margin: 0 5px 5px 5px;
  padding: 10px 0;
}

#animdata {
  position: absolute;
  width: 600px;
  height: 374px;
  text-align: left;
  margin: 10px 8px;
background:url(images/white.jpg); 
}

#animdata a {
  position: float;
  text-decoration: none;
}

#animdata a img {
  position: absolute;
  visibility: hidden;
  margin: 0px;
  padding: 0px;
 
}

#animdata a .framecntrl {
  display: block;
  position: absolute;
  padding: 0;
}

#animdata a:hover .framecntrl {
  color: #FFF;
}
.mint {background-color:#414b73;}
.coffee {background:url(images/clouds-thumb.jpg);}
.red {background-color:red;}
.lilac {background-color:#7f7180;}
.teal {background-color:teal;}
.jade {background-color:#5c6b52;}
.cream {background-color:#c7c4b5;}
.black {background-color:#181818;}

.framecntrl {margin:5px 1px 0 1px;border: 1px solid #454545; width:73px;height:35px;text-align:center;line-height:25px;}

/* - frame 1 - */
a#frame1:hover img {
  visibility: visible;border:none;
}

a#frame1 .framecntrl {
  top: 375px;
  left: 1px;
}

/* - frame 2 - */
a#frame2:hover img {
  visibility: visible;border:none;
}

a#frame2 .framecntrl {
  top: 375px;
  left: 75px;
}

/* - frame 3 - */
a#frame3:hover img {
  visibility: visible;border:none;
}

a#frame3 .framecntrl {
  top: 375px;
  left: 150px;
}

/* - frame 4 - */
a#frame4:hover img {
  visibility: visible;border:none;
}

a#frame4 .framecntrl {
  top: 375px;
  left: 225px;
}

/* - frame 5 - */
a#frame5:hover img {
  visibility: visible;border:none;
}

a#frame5 .framecntrl {
  top: 375px;
  left: 300px;
}

/* - frame 6 - */
a#frame6:hover img {
  visibility: visible;border:none;
}

a#frame6 .framecntrl {
  top: 375px;
  left: 375px;
}

/* - frame 7 - */
a#frame7:hover img {
  visibility: visible;border:none;
}

a#frame7 .framecntrl {
  top: 375px;
  left: 450px;
}

/* - frame 8 - */
a#frame8:hover img {
  visibility: visible;border:none;
}

a#frame8 .framecntrl {
  top: 375px;
  left:525px;
}