/*
Design by Free CSS Templates  - emporium
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.validated { margin-top: 5px;
 }

body {
	margin: 0;
	padding: 0;
	
	background: black url(images/exp-header-10.jpg) repeat-x left top; 
	font-size: 12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align: justify;
	color: #5C5C5C;
}

.clear {
	clear:both;
	}
	
.large-text {
	font-size:14px;
	}	


h3 {
	margin-bottom: 30px;
	margin-top: 0px;
	font-size:16px;
	}
	
h4 {
	margin: 0;
	font-size:14px;
	}	
	


h1 {
	margin: 0;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 32px;
	color:white;
	background-color: transparent;
}

h2 {
	font-size: 23px;
}

p, ul, ol {
	
	text-align: justify;
	line-height: 20px;
}


dl {
	margin:0;
	}

dd {
	margin:0;
	padding:0;
	}
	

.l {
	text-align:left;
	}
.r {
	text-align:right;
	}	
.j {
	text-align:justify;
	}
.c {
	text-align:center;
	}
	
	

a {
	color: #1B75A9;
}

a:hover, a:active {
	text-decoration: none;
	color: #1B75A9;
}

a:visited {
	color: #0C374F;
	text-decoration: underline;
}

a.no-underline:link {
	text-decoration: none;
	}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

#wrapper {
	
	
	
	
	
	
}

/* Header */

#header {
	width: 880px;
	margin: 0;
	padding: 0;
	position:relative;
	top:0;
	left:0; 
	margin: 0 auto;
	height: 80px;
	border-left: 10px #FFFFFB solid;
	border-right: 10px #FFFFFB solid;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: white url(images/menu-logo2.jpg) no-repeat center center;
}

#phone {
	position:absolute;
	bottom:90px;
	right:-6px;
	width:261px;
	height:90px;
	
	background: url(images/orange-logo.jpg) no-repeat right center;
	clear:both;
	
	}
	
#phone a { 
	text-decoration:none;
	}
	
#phone img {
	
	position:relative;
	top:11px;
	clear:both;
	}		

/* Menu */

#menu {
	float: left;
	width: 880px;
	height: 58px;
	margin:10px 0;
	
	
}

#menu ul {
	margin: 0;
	padding-top:5px;
	padding-left:0;
	list-style: none;
	line-height: normal;
	width: 880px;
	
	
}

#menu li {
	
	text-align: center;
	padding:0;
	margin:0;
	
	
}


#menu a {
	display: block;
	padding: 16px 40px 0 45px;
	text-decoration: none;
	height:32px;
	text-transform: uppercase;
	font-size: 14px;
	color: #FFFFFF;
	background-color: transparent;
	
	margin:0;
	
}

#menu li#home-li { width:113px; float: left;}
#menu li#portfolio-li { width:211px; background: url(images/menu-1.jpg) no-repeat left bottom; float: left; }
#menu li#pick-design-li { width:184px; background: url(images/menu-2.jpg) no-repeat left bottom; float: left; }
#menu li#get-quote-li { width:176px; background: url(images/menu-3.jpg) no-repeat left bottom; float: left;}
#menu li#logo-li { width:167px; background: url(images/menu-phone.jpg) no-repeat left bottom; float: left;  } 

#menu a#home-a { width:38px;  padding-left:35px;  }
#menu a#portfolio-a { width:126px }
#menu a#pick-design-a {width:99px }
#menu a#get-quote-a {width:91px }

#menu a#logo-link{
	padding: 16px 0px 0 43px;
	text-transform: none;
	margin-left:0px;
	width:120px;
	color:#CFCFCF;
	
}

#menu #s{
	font-size:16px;
	border:none;
	
}


		

#menu a:hover { 
	color: #FFFFFF;
	background-color: transparent;
}



.nav-number {
	font-family:"Times New Roman", Times, serif;
	font-weight:700;
	font-size:14px;
	}

/** LOGO */

#logo {
	width: 880px;
	height: 128px;
	margin: 0 auto;
	padding-right: 15px;
}

#logo h1, #logo h2 {
	
	margin: 0;
	padding: 50px 0 0 0px;
	line-height: normal;
	
}

#logo h1 { 
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:36px;
	width:580px;
	
	
}

#logo h2 {
	
	padding: 0px 0 0 0px;
	font: 16px Georgia, "Times New Roman", Times, serif;
	
	color:black;
	width:380px;
	background-color: transparent; 
}



img#logo { 
	width:209px;
	height: 94px;
	margin-top: 10px;
	margin-bottom: 20px;
	}

/* Page */

#page {
	width: 880px;
	margin: 0 auto;
	background: #FFFFFB;
	padding:0 10px;
	
}

/* Content */

#content {
	float: left;
	width: 600px;
	
	
}

/* Post */

.post {
	padding: 0px;
	margin-bottom: 20px;
}

.post h2.title {
	margin: 0;
	margin-bottom: 10px;
	padding: 18px;
	width: 560px;
	background: url(images/h1-bg3.jpg) no-repeat center left;
	font-size: 18px;
	color: #4A4A4A;
	
	
	
}

.post h1.first {
	background: url(images/h1bg-top.jpg) no-repeat center left;
	}



.post p {
	margin-top:0px;
	margin-bottom:18px;
}

.post .p-wrapper {
	padding:18px 18px 0 18px;
	background-color:white;
	width: 560px;
	border:1px solid #F0F0F0;
	margin-bottom:10px;
	
	
	}


/* home */	
.advantages {
	padding:18px 18px 0 18px;
	background-color:white;
	width: 320px;
	border:1px solid #F0F0F0;
	margin-bottom:10px;
}

.advantages ol {
	margin:0;
	margin-left:20px;
	margin-bottom:18px;
	padding-left:0;
	}
.advantages li {
	margin-left:0px;
	margin-bottom:10px;
	
	}	

.advantages li#last {
	
	margin-bottom:0;
	}
	
/* Big Navigation buttons */

/* PROGRESS BUTONS */

.progress-buttons {
	width:598px;
	}
.progress-buttons ul {
	list-style: none;
	margin:0;
	padding:0;
}	
	
.progress-buttons li {
	float:left;
	width:192px;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-right:10px;
	
	
	}

li.last-progress {
	margin-right:0px;
	}
	
.progress-buttons a, .progress-buttons a:link, .progress-buttons a:visited, .progress-buttons a:hover {
	color:white;
	text-decoration:none;
	display:block;
	padding:16px;
	padding-left:50px;
	width:126px;
	background-color: #99E6FF;
	margin:0;
	
	}
	

/* Progress buttons on about page */
	
.progress-buttons #poption-1 {
	background: url(images/progress-option-1.jpg) no-repeat left top;
	color:white;
	
	}	
.progress-buttons #poption-2 {
	background: url(images/progress-option-2.jpg) no-repeat left top;
	color:white;
	}	
.progress-buttons #poption-3 {
	background: url(images/progress-option-3.jpg) no-repeat left top;
	color:white;
	}
	
/* transparent */
.progress-buttons #transparent-1 {
	background: url(images/transparent-1.jpg) no-repeat left top;
	color:white;
	}	
.progress-buttons #transparent-2 {
	background: url(images/transparent-2.jpg) no-repeat left top;
	color:white;
	}			




.home-buttons {
	float:right;
	width:230px;
	}

.home-buttons ul {
	list-style: none;
	margin:0;
	padding:0;
}
.home-buttons li {
	width:230px;
	margin:0;
	margin-bottom:10px;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	}
	
.home-buttons #option-1 {
	background: url(images/option-1.jpg) no-repeat left top;
	color:white;
	}	
.home-buttons #option-2 {
	background: url(images/option-2.jpg) no-repeat left top;
	color:white;
	}	
	.home-buttons #option-3 {
	background: url(images/option-3.jpg) no-repeat left top;
	color:white;
	}	
	
	
.home-buttons a, .home-buttons a:link, .home-buttons a:visited, .home-buttons a:hover {
	color:white;
	text-decoration:none;
	display:block;
	padding:16px;
	padding-left:60px;
	width:154px;
	background-color: transparent;
	margin:0;
	
	}
	
.home-buttons a:hover{
	text-decoration: none;
	}
	
		
a#about-me {
	display:block;
	height:98px; 
	border:1px solid #F0F0F0; 
	width:208px;
	padding:10px 20px 0 0px;
	color:#1B75A9;
	font-size:16px;
	text-align: right;
	background-color:white;
	background: url(images/small-world.jpg) no-repeat top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}		
	
.articles {
	margin-left:0;
	padding-left:0;
	list-style:none;
	}
.articles li {
	margin-left:0px;
	margin-bottom:10px;
	
	}	
	
ul.articles h4 {
	display:inline;
	font-size:14px;
	font-weight:bold;
	}
ul.articles h5 {
	display:inline;
	font-size:14px;
	font-weight:normal;
	}	
	
	
/* about me */

.about-me h2, .soft-header h2 {
	margin-bottom:5px;
	font-size:16px;
	color: #5C5C5C;
	}					



/* Sidebar */

#sidebar {
	float: right;
	width: 270px;
	margin: 0;
	padding: 0;
	font-size: 11px;
	
}

#sidebar h2 {
	display:none;
	}

#sidebar ul{
	margin: 0px;
	padding: 0px;
	text-align:left;
	list-style:none;
	margin-top:3px;
	
}


#sidebar li {
	
	border:1px solid #E2E2E2;
	margin-bottom:7px;
	background-color:#F9F9F9;
	font-weight:normal;
	
	}

#sidebar li a, #sidebar li a:visited,#sidebar li a:hover, #sidebar li a:active {
	text-decoration:none;
	display:block;
	border:1px solid white;
	padding:7px;
	padding-left:10px;
	color: #0C374F;
	}

#sidebar li a:hover {
	text-decoration:none;
	background: white url(images/alt-linkback-hover2.jpg) repeat-x top left;
	} 


			
	
li#view-all {
	text-align:right;
	list-style:none;
	margin-bottom:5px;
	
	}

li#view-all a {
	text-decoration:underline;
	padding-right: 15px;
	}
	
/* Interactive blog */
#sidebar li#blog-link {
	height:auto;
	margin-bottom:5px;
	background-image:none;
	border:none;
	
	}
#sidebar li#blog-link a, #sidebar li#blog-link a:hover {
	height:52px;
	background: url(images/blog-button.jpg) no-repeat top center;
	padding:0;
	}		

/* Testimonials - properties inheritted from faqs */
	
#sidebar li.testimonial-1 {
	height:auto;
	background-color:white;
	background-image:none;
	padding:2px;
	}
	
#sidebar li.testimonial-1 a, #sidebar li.testimonial-1 a:hover {
	background: url(images/bedsx4-tes.jpg) no-repeat top center;
	height:155px;
	border:none;
	padding:0;
	}		


#sidebar li.testimonial-2 {
height:auto;
	background-color:white;
	background-image:none;
	padding:2px;
	}
	
#sidebar li.testimonial-2 a, #sidebar li.testimonial-2 a:hover {
	background:  url(images/aes-tes.jpg) no-repeat top left;
	height:128px;
	border:none;
	padding:0; 
	}



/* Search */

#search {

}

#search h2 {
	margin-bottom: 20px;
}

#s {
	width: 140px;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #DFE1E0;
}

#x {
	padding: 3px;
	border: none;
	background: #0A5688;
	text-transform: lowercase;
	font-size: 11px;
	color: #FFFFFF;
}


/* Footer */
#footer-wrap {
}

#footer {
	width: 880px;
	margin: 0 auto;
	background: #E5E5E5;
	border: 10px #FFFFFF solid;
	background-image:url(images/footer-background.jpg);
	color: white;
	padding-top: 10px;
}

html>body #footer {
	height: 30px;
	
}

#footer p {
	font-size: 12px;
	margin:0;
	padding:0;
}

#legal {
	
	
	text-align: center;
	
}

#legal a {
	font-weight: normal;
	color: #9E9E9E;
}






/* GET QUOTE.PHP */


/* width of child elements contained within a floating div needed setting here for the sake of IE6 */
#spec-intro {
	margin-left: -40px;
	}


#get-quote {
	float:left;
	width: 293px;
	
		}
#get-quote h2, #general-enquiries h2 {
	width:255px;
	background-image:url(images/half-h1bg.jpg);
}

 
#general-enquiries {
	float: right;
	width: 293px;
	
	
	}
	
.enquiry-message {
	width:255px;
	margin:0 auto;
	}

.get-quote-separator {
	width:244px;
	
	}
	
.quote-wrapper {
	padding:18px 18px 18px 18px;
	background-color:white;
	width:255px;
	border:1px solid #F0F0F0;
	margin-bottom:10px;
	
	}	
	
.red {
	color: red;
	}
	
h1#phone {
	clear: both;
	padding-top: 15px;
	
	}		
	
	
/* FAQ & TESIMONIALS */

.small-text {
	font-size: 11px;
	line-height:5%;
	}	
	
.small-text ul {
	text-align: left;
	}	
	
.small-text p {
	font-size: 12px;
	}
	
.faq-content {
	
	}	
	
/* Portfolio */

table {
	width:100%;
	border-collapse:collapse;
	text-align: center;
	margin-bottom: 10px;
	
	}
	
.portfolio-wrapper {
	padding:18px 18px 0 18px;
	background-color:white;
	height:162px;
	border:1px solid #F0F0F0;
	margin-bottom:10px;
	
	
	}	


/* design sites */
	
table.design-sites {
	width:560px;
	border-collapse:collapse;
	text-align: center;
	margin:5px auto;
	
	}	
	

tr.table-head {	
	padding: 15px;
	height:39px;
	color: white;
	background-color:#000033;
	font-size: 14px;
	font-weight: 100;
	background:url(images/table-head.jpg) no-repeat top left;
	}
	
td {
	padding:13px;
	width:33%;
	background-color: #FDFDFD;
	border: 1px solid #E8E8E8;
	font-size: 12px;
	
	}
	


/*********** Client Webite Code ***********/
.client-website {	
	border:1px solid #F0F0F0;
	background-color:white;
	overflow:hidden;
	width:99.3%;
	margin-right:3px;
	margin-bottom:5px;
	
	}

.client-website h3 {
	margin-bottom:5px;
	padding-top:10px;
	margin-right:15px;
	}
	
.thumbnail-wrapper {
	float:left;
	width:182px;
	margin-right:15px;
	}
	
.portfolio-wrapper {				
	float:right;
	width:382px;
	border:none;
	margin-right:15px;
	margin-left:0;
	padding:0;
	
	}

.client-website img {
	border:1px solid #C2C2C2;
	padding:15px;
	margin:0;
	display:block;
	
	}
	
.client-website .external {
	text-align:center;
	display:block;
	padding-bottom:7px;
	margin:0;
	font-style: italic;
	}
	
.client-website a {
	text-decoration:none;
	}		
/*********** End Client Webite Code ***********/	



/* payment table */

table.payment {
	width:100%;
	border-collapse:collapse;
	text-align: center;
	margin-bottom: 10px;
	
	}
	
table.payment td {

	padding:8px;
	width: auto;
	background-color: white;
	
	
	
	}
	
td.right {
	text-align:right;
	padding-right:30px;
	font-weight: bold;
	font-size:10px;
	
	border:none;
	
	}
	
td.border {
	background-color: #F5F5F5;
	border: 1px solid #E8E8E8;	
	}	
	
							
table.payment thead {
	
	text-align: center;
	font-weight: bold;
	}	
	
/* Admin */

.articles input {
	width:450px;
	
	}
input#button {
	width:auto;
	margin:5px;
	
	}	
	
.articles form p label {
	float:left;
	width:65px;
	}
	
.articles form p {
	clear:left;
	margin:0;
	padding:0;
	margin-bottom:5px;
	}
	
/* Articles */

p.date {
	text-align:right;
	font-weight:bold;
	}

table.article td {
	border:1px solid #F0F0F0;
	}
	
table.article caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:4px;
	}	
	
table.article th {
	padding:10px;
	background-color: #003241;
	color:white;
	}
	
/* Article Index */

p.article-list {
	margin:0;
	}	
	
	
/* Landing Pages */

.land-wrapper {
	font-size:14px;
	}

.adv-land {
	height:277px;
	font-size:12px; 
	
	}
ol.land {
	
	}

ol.land li {
	
	margin-right:25px;
	margin-bottom:10px;
	}
	
.landing-specific {
	display:inline;
	padding-bottom:18px;
	margin-right:8px;
	
	}