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

html, body {
height: 100%;
}
body {
margin:0 auto; padding:0;
font-family : Helvetica, Arial, sans-serif;
color : #717171;
font-size : 12px;
height:100%;
background-color:#e7e7e5;

}
h1{font-size:22px; font-weight:100; color:#0099ff;}
h2{font-size:16px; font-weight:100; color:#663366;}
div#container{
    margin: 0;
	padding:0;
    background-image: url(images/bg.png);
	height:100% auto;
	background-position:center top;
	background-repeat:repeat-y; width:835px; clear:both; float:none; display:block; padding:0;
	margin-left: auto;
	margin-right: auto;
	}
div#container a{outline:none;}	
div#headerblock{
    margin:0px; padding:0px;
	margin-top:30px;
    background-image: url(images/menubg.png);
	background-position:center top;
	background-repeat:repeat-y; width:835px; height:100px; float:none; display:block; padding:0;
	margin-left: auto;
	margin-right: auto;}

.logo{margin:0px; padding:0px; width:203px; height:56px; float:left; margin-top:32px; margin-left:50px;}	
.clear{clear:both;}	
.colourband{margin:0; padding:0; width:805px; height:10px; float:none; margin-left:auto; margin-right:auto; background-color:#663366;}
.space{margin:0; padding:0; height:14px; background-color:none;}
.space2{margin:0; padding:0; width:auto; height:30px; background-color:none; background-color:#0099FF;}
#slider{float:none; margin-left:auto; margin-right:auto; width:766px; height:441px; top:0px;}

#col3{margin:0; padding:0; margin-top:30px; width:100%; height:260px; background-color:none;}
#boxes {height:245px; width:260px; margin-left:5px; padding-top:3px; float:left; background-image:url(images/boxes.png);}
#boxes a{width:150px; margin-left:20px; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#666666; text-decoration:none;}
#boxes a:hover{font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:normal; color:#0099ff; text-decoration:none;}
#boxes .boximg{margin-top:33px;}

#readmore{margin:0px; padding:0px; margin-top:30px;}
#readmore a{height:30px;font-size:13px; font-weight:bold; color:#663366;}
#readmore a:hover{height:30px;font-size:13px; font-weight:bold; color:#0099ff;}

#shadow{margin:0; padding:0; margin-left:16px; width:795px; height:23px; background-color:#ffffff;}
#bottomblock{margin:0; padding:0; width:auto; height:auto; background-color:#cecece;}
.social{margin:0; padding:0; width:80px; height:20px; float:left; margin-left:64px; margin-top:20px;}
.social a{padding-right:10px;}
#contact{margin:0px; padding:0px; background-image: url(images/contactbg.png); height:65px; width:835px; float:none; margin-left: auto; margin-right: auto;}
#contact .cntright{margin:0px; padding:0px; height:62px; width:400px; float:right; margin-top:0px; margin-right:35px;}
#contact .cntright p{font-family: Arial, Helvetica, sans-serif; color:#717171; font-size:12px; line-height:1.6em;}
#contact .cntright a{ color:#663366; font-size:12px; text-decoration:none;}
#contact .cntright a:hover{color:#0099ff; text-decoration:underline;}


#footer{margin:0px; padding:0px; background-image: url(images/footerbg.png); background-repeat:no-repeat; height:140px; width:835px; float:none; margin-left: auto; margin-right: auto;}
.footerleft{margin:0px; padding:0px; height:60px; width:500px; float:left; margin-left:35px; margin-top:10px;}
.footerleft p{font-family: Arial, Helvetica, sans-serif; color:#717171; font-size:11px; line-height:1.6em;}
.footerleft a{color:#717171; font-size:11px; text-decoration:none;}
.footerleft a:hover{color:#0099ff; text-decoration:underline;}
.footerright{margin:0px; padding:0px; height:40px; width:280px; float:right; margin-top:-45px; padding-right:15px;}

#nivo-txt{margin:0; padding:0; width:320px; min-height:200px; margin-left:50px;
background: rgb(0, 0, 0); /* fallback color */ background: rgba(0, 0, 0, 0.6); position: absolute; top:350px; z-index:9999;}
#nivo-txt h1{font-size:20px; font-weight:100; color:#0099ff; margin-left:20px;}
#nivo-txt p{color:#e6e6e6; width:290px; font-size:11px; line-height:1.2em; margin-left:20px;}

#readmore2 {
	font: normal 12px Arial, Helvetica, sans-serif;
	margin-top:0px;
	float:right;
	margin-right:10px;
	width: 70px;
	height: 26px;
	
}
#readmore2 a {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	padding:5px;
	text-align:left !important;
	color:#ffffff;
	line-height:2.2em;
	text-decoration:none;
	background-color:#666666;
}
#readmore2 a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	margin:0;
	text-align:left !important;
	color:#ffffff;
	line-height:2.2em;
	text-decoration:none;
	background-color:#0099ff;
}

#maincont{margin:0; padding:0; margin-top:30px; width:100%; min-height:260px; background-color:none;}
.rightpar {width:460px; margin:0; padding:0; float:right; min-height:260px; padding-right:60px;}
.rightpar h1{font-family: Arial, Helvetica, sans-serif; font-size:18px; font-weight:100; color:#663366;}
.rightpar p{width:460px; margin:0; padding:0; float:right; font-family: Helvetica, Arial, sans-serif; color: #717171; font-size: 12px; line-height:20px;}
.rightpar a{font-family: "Droid Sans", Helvetica, Arial, sans-serif; color: #717171; font-size: 12px; line-height:18px; text-decoration:none;}
.rightpar a:hover{font-family: "Droid Sans", Helvetica, Arial, sans-serif; color: #0099ff; font-size: 12px; text-decoration:underline;}
.rightpar ul{padding:0px; margin:0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#717171; line-height:1.5em; list-style:square inside;}

.leftpar{width:200px; margin:0; padding:0; float:left; margin-left:50px;}
.leftpar p{width:200px; margin:0; padding:0; float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#663366; line-height:1.4em;}
.leftpar h1{font-family: Arial, Helvetica, sans-serif; font-size:14px; font-weight:100; color:#0099ff;}
.leftpar a{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#663366; text-decoration:none;}
.leftpar a:hover{font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#0099ff; text-decoration:none;}

#col4{margin:0; padding:0; margin-top:10px; width:70%; float:right; height:160px; background-color:none;}

#main{margin:0; padding:0; margin-left:65px; width:700px; min-height:400px;}
#map{position:relative; padding-left:35px;}