/*-----------------------------------------------------------------------------
[Mordek] Screen Stylesheet

version:   1.0
date:      24/05/07

-----------------------------------------------------------------------------*/



body {
	background-color:#003366;
	color:#003366;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding-bottom:20px;
}

#container {
	width:740px;
	margin:0 auto;
	margin-bottom:20px;
	background-color:#003366;
}

.clr
{
	clear: both;
	font-size: 1px;
	line-height: 0em;
	height: 0;
}

.left {
float:left;
}
.right {
float:right;
}
img {
	border:none;
}


h1 {
	background-image:url(images/mordek.gif);
	background-repeat:no-repeat;
	height:91px;
	width:300px;
	margin:0px;
	padding:0px;
	float:left;
}

h1 span {
	display:none;
}

h2 {
	background-image:url(images/h2-header-bg.gif);
	background-repeat:no-repeat;
	height:91px;
	width:440px;
	margin:0px;
	padding:0px;
	float:left;
}
h2 span {
text-align:right;
margin-right:20px;
margin-top:50px;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#fff;
}

h3, h4 {
	font-size:11px;
	margin-bottom:5px;
	margin-top:15px;
}

p {
	margin-bottom:10px;
	margin-top:10px;
}

ul {
	margin-bottom:10px;
	margin-top:0px;
	padding-left:5px;
	margin-left:20px;
}
li {
list-style-image:url(images/tickblue.gif);
}
.small-images {
float:left;
width:120px;
text-align:center;
}
.small-images img {
margin:0px;
margin-top:8px;
}
.half {
width:48%;
}
.center {
text-align:center;
}

#mainmenu {
	padding:0;
	padding-top:10px;
	margin:0;
	list-style:none;
	width:740px;
	border-top:5px solid #FF9900;
}
#footermenu {
	padding:0;
	padding-top:10px;
	margin:0;
	list-style:none;
	width:740px;
}
#mainmenu li, #footermenu li {
	padding:0;
	margin:0;
	line-height:25px;
	list-style:none;
	float: left;
  	position: relative;
}
#mainmenu span {
	display:none;
}
#mainmenu a.mainlink {
	color:#FFF;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	margin-right:30px;
	float:left;
}
#footermenu a.mainlink {
	color:#FFF;
	font-size:11px;
	text-transform:uppercase;
	margin-right:30px;
	float:left;
}

#home-link {
margin-left:30px;
}
.submenu {
width:200px;
position:absolute;
top:25px;
left:0px;
margin:0;
padding:0;
background-color:#FFCC33;
display: none;
border-top:1px solid #000;
border-right:2px solid #000;
border-left:5px solid #FF9900;
border-bottom:2px solid #000;
}

#mainmenu li > ul {
	top: 25px;
	left:0px;
	}
	
li:hover ul, li.over ul{ display: block; }

.submenu li {
height:22px;
line-height:22px;
padding:0;
margin:0;
width:200px;
}

.submenu a {
text-decoration:none;
font-weight:normal;
color:#000;
font-size:11px;
padding-right:10px;
padding-left:10px;
display:block;
}

.submenu a:hover {
background-color:#336699;
color:#fff;
}

#footer {
	clear:both;
	text-align:center;
	margin-top:40px;
	color:#336699;
	font-size:10px;
}
#footer a {
	color:#fff;
	font-weight:bold;
}
#tag-line {
font-size:11px;
font-weight: bold;
color:#fff;
}

/*-----------------------------------------------------------------------------
home-page
*/
#small-images-2 {
float:left;
width:120px;
text-align:center;
}
#small-images-2 img {
margin:0px;
margin-bottom:15px;
}
#home-page h2 span {
font-size:11px;
font-weight:normal;
margin-left:140px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
}


#home-page #column-1 {
float:left;
width:110px;
}

#home-page #column-2 {
float:left;
background-color:#fff;
color:#003366;
width:510px;
}
#home-page #column-2-inner {
padding:5px 10px 5px 10px;
}

#home-page #column-2-inner p {
margin-bottom:5px;
margin-top:0px;
}
#home-page #column-3 {
float:right;
width:110px;
}
#home-page #column-3 img {
margin-left:10px;
}
#morning {
color:#336699;
}
#morning a {
color:#336699;
}
/*-----------------------------------------------------------------------------
cabins-page, cabins-page-2
*/


#cabins-page #column-1, #cabins-page-2 #column-1 {
float:left;
width:530px;
background-color:#fff;
}

#cabins-page-2 #column-1 {
text-align:center;
}
#cabins-page #column-1-inner, #cabins-page-2 #column-1-inner {
padding:10px 20px 10px 20px;
}

#cabins-page #column-2, #cabins-page-2 #column-2 {
float:right;
width:200px;
}

#cabins-page #column-2 img, #cabins-page-2 #column-2 img {
margin-bottom:10px;
}

.blue-box, .orange-round, .orange-box {
margin:20px 0px 20px 0px;
}
.blue-box {
background-color:#d0e2e9;
padding-bottom:10px;
}
.blue-box h3 {
color:#fff;
background-color:#336699;
padding:8px;
}
.blue-box ul {
margin:10px 20px 10px 20px;
}
.blue-box ul li {
list-style-image:url(images/tickblue2.gif);
}
.orange-round ul li {
list-style-image:url(images/dotor.gif);
}
.orange-box h3 {
color:#fff;
background-color:#FFCC00;
padding:8px;
}
.orange-tick {
background-color:#ffffcc;
width:48%;
}
.orange-tick h4 {
margin:5px;
}
.orange-tick ul li {
list-style-image:url(images/tickora.gif);
}

.text-left {
text-align:left;
}
#cabins-page-2 #column-1 p{
margin-bottom:100px;
}

/*-----------------------------------------------------------------------------
roofing-page
*/

#roofing-page #column-1, #roofing-page #column-3 {
width:235px;
}
#roofing-page .margin-bottom {
margin-bottom:40px;
} 
#roofing-page #column-2 {
width:270px;
float:left;
}
#roofing-page #column-2 #column-2-inner {
margin:0px 10px 0px 10px;
padding:10px 20px 10px 20px;
background-color:#fff;
}
#roof-profiles {
text-align:center;
margin-top:35px;
}
#roof-profiles p {
margin-top:0px;
margin-bottom:20px;
}

/*-----------------------------------------------------------------------------
sheds-page
*/

#sheds-page #column-1, #sheds-page #column-3 { /*same as roofing-page*/
width:235px;
}
#sheds-page #column-1 img, #sheds-page #column-3 img {/*same as roofing-page*/
margin-bottom:40px;
} 
#sheds-page #column-2 {/*same as roofing-page*/
width:270px;
float:left;
}
#sheds-page #column-2 #column-2-inner {/*same as roofing-page*/
margin:0px 10px 0px 10px;
padding:10px 20px 60px 20px;
background-color:#fff;
}

#sheds-page #column-2 #column-2-inner h3 {
margin-top:80px;
}
#sheds-page #container-3 {
background-color:#fff;
padding:10px;
}
#btm-column-1, #btm-column-2 {
width:250px;
float:left;
}
#btm-column-3 {
width:200px;
float:right;
}
#btm-column-4 {
float:left;
text-align:center;
width:480px;
}
#btm-column-1 {
float:left;
}
#sheds-page .spacer {
width:10px;
float:left;
}
#btm-column-1 {
background-color:#D0E2E9;
}
#btm-column-1 h3 {
background-color:#336699;
color:#fff;
padding:8px;
margin:0px;
}
#btm-column-1 li {
list-style-image:url(images/tickblue2.gif);
line-height:20px;
}
#btm-column-2 {
background-color:#ECE199;
}
#btm-column-2 li {
list-style-image:url(images/tickmust.gif);
line-height:20px;
}
#btm-column-2 h3 {
background-color:#e2a54a;
color:#fff;
padding:8px;
margin:0px;
}

#btm-column-3 h3 {
background-color:#4e7233;
color:#fff;
padding:8px;
margin:0px;
}
.padding-10 {
padding:10px;
}

#btm-column-3 .padding-10 {
background-color:#E0EAC9;
}

/*-----------------------------------------------------------------------------
budgethomes-page
*/

#budgethomes-page #column-1, #budgethomes-page #column-3 { /*same as roofing-page*/
width:235px;
}
#budgethomes-page #column-1 img {/*same as roofing-page*/
margin-bottom:15px;
} 
#budgethomes-page #column-2 {/*same as roofing-page*/
width:270px;
float:left;
}
#budgethomes-page #column-2 #column-2-inner {/*same as roofing-page*/
margin:0px 10px 0px 10px;
padding:10px 20px 45px 20px;
background-color:#fff;
}

#budgethomes-page #column-2 #column-2-inner h3 {
margin-top:80px;
}
 
#budgethomes-page #column-3 {
float:left;
}

#budgethomes-page #column-3 #column-3-inner {
margin:0px 10px 0px 10px;
padding:10px 20px 50px 10px;
background-color:#fff;
}

#budgethomes-page #container-3 {
background-color:#fff;
padding:10px;
}

#budgethomes-page .spacer {
width:10px;
float:left;
}

/*-----------------------------------------------------------------------------
budgethomesplans-page-2
*/


#budgethomesplans-page-2 #column-1 {
float:left;
width:530px;
background-color:#fff;
}

#budgethomesplans-page-2 #column-1 {
text-align:center;
}
#budgethomesplans-page-2 #column-1-inner {
padding:10px 20px 10px 20px;
}

#budgethomesplans-page-2 #column-2 {
float:right;
width:200px;
}

#budgethomesplans-page-2 #column-2 img {
margin-bottom:10px;
}

.blue-box, .orange-round, .orange-box {
margin:20px 0px 20px 0px;
}
.blue-box {
background-color:#d0e2e9;
padding-bottom:10px;
}
.blue-box h3 {
color:#fff;
background-color:#336699;
padding:8px;
}
.blue-box ul {
margin:10px 20px 10px 20px;
}
.blue-box ul li {
list-style-image:url(images/tickblue2.gif);
}
.orange-round ul li {
list-style-image:url(images/dotor.gif);
}
.orange-box h3 {
color:#fff;
background-color:#FFCC00;
padding:8px;
}
.orange-tick {
background-color:#ffffcc;
width:48%;
}
.orange-tick h4 {
margin:5px;
}
.orange-tick ul li {
list-style-image:url(images/tickora.gif);
}

.text-left {
text-align:left;
}
#budgethomesplans-page-2 #column-1 p{
margin-bottom:10px;
}

/*-----------------------------------------------------------------------------
guttering-page
*/
#guttering-page #column-1 {
width:400px;
float:left;
}
#guttering-page #column-1 img {
margin-bottom:10px;
}
#guttering-page #column-2 {
width:330px;
float:right;
background-color:#fff;
}
#guttering-page #column-2 #column-2-inner {
padding:10px;
}

.inline {
display:inline;
}

#guttering-page #column-2 #column-2-inner ul li {
list-style-image:url(images/bluesquare.gif);
}
.width-60 {
width:60%;
}
.width-40 {
width:40%;
}

/*-----------------------------------------------------------------------------
other-page
*/
#other-page #column-1 { /*same as guttering-page*/
width:400px;
float:left;
}

.margin-bottom {
margin-bottom:57px;
}
#other-page #column-2 {/*same as guttering-page*/
width:330px;
float:right;
background-color:#fff;
}
#other-page #column-2 #column-2-inner {/*same as guttering-page*/
padding:10px 20px 10px 20px;
}

sup {
font-size:8px;
}

#fence-colours {
background-color:#fff;
}
#fence-colours td {
width:51px;
}

/*-----------------------------------------------------------------------------
about-page
*/

#about-page #column-1, #about-page #column-3 {
width:200px;
}
#about-page #column-1 img, #about-page #column-3 img {
margin-bottom:10px;
} 
#about-page #column-2 {
width:340px;
float:left;
}
#about-page #column-2 #column-2-inner {
margin:0px 10px 0px 10px;
padding:10px 20px 10px 20px;
background-color:#fff;
}
#about-page #column-2 #column-2-inner a {
font-weight:bold;
color:#003366;
}
#about-page .spacer {
height:75px;
}
.spacer-2 {
height:25px;
}