html {
  -webkit-text-size-adjust:none; /* prevent iPhone from resizing text */
}

body {
	margin:0px;
	padding:0px;
	color:#000000;
	background-color:#FFFFFF;
	background-image:url('/img/background.png');
	background-repeat:repeat-x;
	font-family:Verdana, Arial, sans-serif;
	font-size:11px;
}

        textarea {
            font-family:Verdana, Arial, sans-serif;
            font-size:11px;
            border-style:solid;
            border-width:1px;
            border-color:#CCCCCC;
            }

textarea:hover {
	border-color:#AAAAAA;
}

textarea:focus {
	border-color:#AAAAAA;
}

        input {
            font-family:Verdana, Arial, sans-serif;
            font-size:11px;
            border-style:solid;
            border-width:1px;
            border-color:#CCCCCC;
            }
            
input:hover {
	border-color:#AAAAAA;
}

input:focus {
	border-color:#AAAAAA;
}

        select {
            font-family:Verdana, Arial, sans-serif;
            font-size:11px;
            border-style:solid;
            border-width:1px;
            border-color:#CCCCCC;
            }
            
select:hover {
	border-color:#AAAAAA;
}

select:focus {
	border-color:#AAAAAA;
}

            
.button {
	position:relative;
	margin:0px;
	padding:0px;
    width:130px;
	height:16px;
	line-height:16px;
	float:left;
	text-align:center;
	color:#FFFFFF;
	background:url('/img/buttonselected.png');
	background-repeat:no-repeat;
}

.button span {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	width:130px;
	height:16px;
	cursor:pointer;
}

.button img {
	width:130px;
	height:16px;
	border-style:none;
}

.button:hover img {
	visibility:hidden;
}

.captcha {
	margin:0px;
	padding:0px;
	width:210px;
	height:45px;
	border-style:solid;
	border-color:#CCCCCC;
	border-width:1px;
}

ul {
	margin:0px;
	padding:0px;
	list-style-position:inside;
}

li {
	margin:0px;
	padding:5px;
}

.wrapper {
	margin:0px auto;
	padding:1px;
	padding-top:0px;
	padding-bottom:0px;
	width:978px;
	border-style:solid;
	border-color:#e0e0e0;
	border-width:1px;
	border-top-style:none;
	background-color:#FFFFFF;
	overflow:hidden;
	background-image:url('/img/dotted-line.gif');
	background-repeat:repeat-y;
	background-position:right top;
}

	.logo {
	    border-style:none;
	    padding:0px;
            margin:0px;
            width:643px;
	    height:156px;
	    float:left;
	    overflow:hidden;
	    }

	.logo img {
	    width:642px;
	    height:155px;
	    border:0;
	}

	* html a:hover {
	    visibility:visible;
	}

	.servicelink {
	    position:relative;
	    border-style:none;
	    padding:0px;
            margin:0px;
            width:335px;
	    height:39px;
	    line-height:36px;
	    float:right;
	    text-align:left;
	    background:url('/img/servicelinkselected.png');
	    background-repeat:no-repeat;
	    background-color:#FFFFFF;
	    }

	.servicelink img {
	    width:335px;
	    height:38px;
	    border:0;
	}

	.servicelink a {
	    font-size:14px;
	    font-weight:bold;
	    text-decoration:none;
	    color:#000000;
	}

	.servicelink a:hover {
	    color:orange;
	}

	.servicelink a:hover img {
	    visibility:hidden;
	}

	.servicelink span {
	    position:absolute;
	    left:0px;
	    top:0px;
	    padding:0px;
            margin:0px;
	    width:335px;
	    height:41px;
	    cursor:pointer;
	}
		
.menubarleft {
	margin:0px;
	padding:0px;
	width:10px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url('/img/menubutton.png');
	background-repeat:repeat-x;
}

.menubarright {
	margin:0px;
	padding:0px;
	width:361px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url('/img/menubutton.png');
	background-repeat:repeat-x;
}
		
.menudivider {
	margin:0px;
	padding:0px;
	width:1px;
	height:20px;
	float:left;
	overflow:hidden;
	background-image:url('/img/menudivider.png');
	background-repeat:no-repeat;
}

.menubutton {
	position:relative;
	margin:0px;
	padding:0px;
    width:100px;
	height:20px;
	line-height:18px;
	float:left;
	text-align:center;
	background:url('/img/menubuttonselected.png');
	background-repeat:repeat-x;
}

.menubutton span {
	position:absolute;
	left:0px;
	top:0px;
	margin:0px;
	padding:0px;
	width:100px;
	height:20px;
	cursor:pointer;
}

.menubutton img {
	width:100px;
	height:20px;
	border-style:none;
}

.menubutton a {
	font-size:11px;
	text-decoration:none;
	color:#FFFFFF;
}

.menubutton a:hover img {
	visibility:hidden;
}


	.contentleft {
	    border-style:none;
	    padding:0px;
        margin:20px;
        margin-right:0px;
        width:638px;
	    text-align:left;
	    float:left;
	    display:inline; /* to stop double-margin problem in IE6 */
	    }

	.contentright {
	    border-style:none;
	    padding:0px;
        margin:20px;
        margin-left:0px;
        width:250px;
	    text-align:left;
	    float:right;
	    display:inline; /* to stop double-margin problem in IE6 */
	    }

h1 {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	margin-top:0px;
	margin-bottom:20px;
}

h2 {
    font-size:12px;
    font-weight:bold;
    color:#606060;
    text-decoration:none;
	margin-top:0px;
	margin-bottom:10px;
}

        .link {
	    color:#1A4E83;
            text-decoration:none;
	    }

        .link:hover {
	    color:orange;
	    text-decoration:underline;
	    }

	.phoneus {
	    border-style:none;
	    padding:0px;
        margin:0px;
	    width:100%;
	    color:#000000;
	    }

	.phoneus img {
	    width:63px;
	    height:55px;
	    border:0;
	    float:left;
	    margin-top:-7px;
	    position:relative; /* to stop top of image cropping in IE6 */
	    }

	.phonenumber {
        font-size:20px;
	    font-weight:bold;
	    }

	.contactus {
	    border-style:none;
	    padding:0px;
        margin:0px;
	    margin-top:20px;
	    width:100%;
	    height:103px;
	    }

	.contactdetails {
	    text-align:right;
	    border-style:none;
        margin:0px;
	    padding:0px;
	    }

	.contactus img {
	    width:98px;
	    height:103px;
	    border:0;
	    float:right;
	    }

	.reference {
	    border-style:none;
	    padding:0px;
        margin:0px;
	    margin-top:20px;
	    text-align:justify;
	    width:100%;
	    }

	.referencetext {
	    color:#606060;
	    font-style:italic;
    }

	.referencename {
	    color:#303030;
        font-weight:bold;
    }

	.referencecompany {
	    color:#303030;
    }

	.servicebox {
	    border-style:solid;
	    border-width:1px;
	    border-collapse:collapse;
	    border-color:#C0C0C0;
	    padding:0px;
        margin:0px;
	    margin-top:20px;
	    margin-bottom:30px;
	    margin-right:10px;
	    width:150px;
	    height:216px;
	    float:left;
	    }

	.servicebox h2 {
	    display:block;
	    padding:5px;
        margin:0px;
	    width:140px;
	    color:#000000;
	    font-weight:bold;
	    font-size:11px;
	    }

	.serviceboxtext {
	    display:block;
	    padding:5px;
            margin:0px;
	    width:140px;
	    }

	.serviceboxlink {
	    display:block;
	    padding:5px;
	    padding-top:0px;
            margin:0px;
	    width:140px;
	    text-align:right;
	    }

	.servicebox img {
	    width:150px;
	    height:64px;
	    border:0;
	}
	
    .servicebox img:hover {
		opacity:0.8;
		filter:alpha(opacity=80);
    }
    
.footer {
	margin:5px auto;
	padding:0px;
	width:978px;
	border-style:none;
	color:#AAAAAA;
	text-align:center;
}

	.contactlabel {
	    width:240px;
	    float:left;
	    margin-bottom:20px;
	}

	.contacterror {
	    width:15px;
	    float:left;
	    margin-bottom:20px;
	    color:red;
	    visibility:hidden;
	}

	.contactfield {
	    width:320px;
	    float:left;
	    margin-bottom:20px;
	}
	
	.portfolioitem {
		margin:0px;
		margin-bottom:30px;
		padding:0px;
		width:100%;
		float:left;
	}
	
	.portfolio {
	    margin-right:15px;
	    margin-bottom:40px;
	    float:left;
	    width:199px;
	    border-style:solid;
	    border-width:1px;
	    border-collapse:collapse;
	    border-color:#C0C0C0;
	    cursor:pointer;
	}

	.portfolio img {
	    margin-right:15px;
	    margin-bottom:40px;
	    float:left;
	    width:199px;
	    border-style:solid;
	    border-width:1px;
	    border-collapse:collapse;
	    border-color:#C0C0C0;
	}

	a:hover img.portfolio {
	    border-color:orange;
	    opacity:0.8;
		filter:alpha(opacity=80);
	}

	.service {
	    margin-right:15px;
	    float:left;
	    width:150px;
	    height:64px;
	    border-style:solid;
	    border-width:1px;
	    border-collapse:collapse;
	    border-color:#C0C0C0;
	}

	.service img {
	    margin-right:15px;
	    float:left;
	    width:150px;
	    height:64px;
	    border-style:solid;
	    border-width:1px;
	    border-collapse:collapse;
	    border-color:#C0C0C0;
	}

	a:hover img.service {
	    border-color:orange;
	    opacity:0.8;
		filter:alpha(opacity=80);
	}
	
.controlbutton {
	position:absolute;
	top:20px;
	margin:0px;
	padding:0px;
	width:42px;
	height:42px;
	border-style:none;
	cursor:pointer;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.controlbutton:hover {	  
	opacity:1;
	filter:alpha(opacity=100);
}

.textbox {
	position:fixed;
	left:20px;
	bottom:20px;
	margin:0px;
	padding:0px;
	background-color:transparent;
	border-style:none;
	color:#FFFFFF;
	text-align:left;
}

.textbox a {
	color:orange;
    text-decoration:none;
}

.textbox a:hover {
	text-decoration:underline;
}

.newsbanner {
	margin:0px;
	padding:0px;
	float:right;
	width:300px;
	height:38px;
	border-style:none;
}

.line {
	margin:0px;
	margin-top:8px;
	margin-bottom:8px;
	padding:0px;
	border-style:none;
	width:100%;
	height:1px;
	background-color:#c0c0c0;
}