@charset "utf-8";
/* CSS Document */

@font-face {
 font-family: "sitefont";
 src: url("../site_fonts/FocoLight.eot"); /* EOT for IE */
}
@font-face {
 font-family: "sitefont";
 src: url("../site_fonts/FocoLight.ttf") format("truetype"); /* TTF for CSS3 */
}
a {outline:none;text-decoration:none;}
body,a,p,h1,h2,h3,h4,h5,th,td,label { font-family: "sitefont",Arial; font-weight:normal;}
body {
	background-image: url(../images/tile.png);
	background-repeat: repeat;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
img{border:none;}
#wrapper{
	position:absolute;
	width:100%;
}

#greyline{
	width:100%;
	height:200px;
	position:absolute;
	top:201px;
	left:0px;
	background-color: #E9E9E9;
}
#lgreyline{
	width:300px;
	min-height:1205px;
	position:absolute;
	top:0px;
	left:301px;
	background-color: #F7F7F7;
	background-image: url(../images/lg_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
}
#quote{
	position:absolute;
	top:0px;
	left:301px;
	background-image: url(../images/estimate.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 135px;
	width: 100px;
	background-color: #F7F7F7;
	color:#FFF;
	font-size:30px;
	text-align: center;
	padding-right: 100px;
	padding-left: 100px;
	padding-top: 65px;
}
#contact{
	position:absolute;
	top:0px;
	left:602px;
	background-image: url(../images/contact.png);
	background-repeat: no-repeat;
	background-position: 180px center;
	height: 200px;
	width: 300px;
	color:#8d8e8f;
	font-size:30px;
	line-height:200px;
	text-align: center;
	text-indent: -75px;
}
#logo{
	position:absolute;
	top:201px;
	left:0px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 200px;
	width: 300px;
	color:#8d8e8f;
	font-size:30px;
	line-height:200px;
	text-align: center;
	text-indent: -75px;
	background-color: #fafafa;
}
#webdesign{
	position:absolute;
	top:201px;
	left:301px;
	background-image: url(../images/anda.png);
	background-repeat: no-repeat;
	background-position: right center;
	height: 143px;
	width: 200px;
	color:#8d8e8f;
	font-size:30px;
	text-align: center;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 57px;
	line-height: 40px;
	background-color: #e9e9e9;
}
#webdevelopment{
	position:absolute;
	top:201px;
	left:601px;
	background-image: url(../images/andb.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 143px;
	width: 201px;
	color:#8d8e8f;
	font-size:30px;
	text-align: center;
	background-color: #e9e9e9;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 57px;
	line-height: 40px;
}
#pagetitle{
	position:absolute;
	top:402px;
	left:0px;
	height: 170px;
	width: 300px;
	color:#8d8e8f;
	font-size:30px;
	text-align: center;
	padding-top: 30px;
	line-height: 40px;
	font-weight:normal;
}
#pagetitle p,#pagetitle h1 {
	margin: 0px;
	padding: 0px;
	font-size:30px;
}
#row3col2{
	position:absolute;
	top:402px;
	left:301px;
	height: 180px;
	width: 280px;
	color:#8d8e8f;
	font-size:18px;
	text-align: center;
	line-height: 25px;
	padding: 10px;
}
#row3col2 p{margin:0px;padding:5px 0px 10px 0px;}
#row3col2 h1{font-size:18px;margin:0px;padding:5px 0px 10px 0px;}
#row3col3{
	position:absolute;
	top:402px;
	left:602px;
	height: 200px;
	width: 300px;
	color:#8d8e8f;
	font-size:18px;
	text-align: center;
	padding-top: 0px;
}
#row3col3 h3{
	line-height: 40px;
	font-size:24px;
	color:#b40d63;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#row3col3 p{
	margin:0px;
	font-size:14px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#row3col3 .link{color:#8d8e8f;}
#row3col3 .link:hover{color:#b40d63;}

#row4col2{
	position:absolute;
	top:603px;
	left:301px;
	height: 200px;
	width: 300px;
}
#row4col3{
	position:absolute;
	top:603px;
	left:602px;
	color:#ADADAD;
	font-size:30px;
	text-align: center;
	padding-top: 0px;
	/*background-image: url(../images/view_more.png);
	background-position: 230px center;
	background-repeat: no-repeat;*/
	height: 160px;
	width: 200px;
	font-size:30px;
	text-align: center;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 40px;
	line-height: 40px;
}

#row5col3{
	position:absolute;
	top:804px;
	left:602px;
	height: 100px;
	width: 139px;
	color:#893b8a;
	font-size:18px;
	text-align: left;
	padding-top: 100px;
	background-image: url(../images/neespr.png);
	background-position: center 40px;
	background-repeat: no-repeat;
	padding-right: 75px;
	padding-bottom: 0px;
	padding-left: 86px;
}

/*enquiry contact form*/
#row3col2-quote .thanks{	
	position:absolute;
	top:30px;
	right:30px;
	font-size:36px;
	width:300px;
	line-height:40px;
	text-align:right;
}
#row3col2-contact .thanks{
	position:absolute;
	top:30px;
	right:30px;
	font-size:36px;
	width:300px;
	line-height:40px;
	text-align:right;
	}

#row3col2-quote {
	position:absolute;
	top:402px;
	left:301px;
	height: 582px;
	width: 581px;
	color:#FFF;
	font-size:16px;
	text-align: left;
	line-height: 20px;
	padding: 10px;
	background-color: #b40d63;
}
#row3col2-quote .form {
	padding-bottom: 10px;
}
#row3col2-quote label {
	padding-top: 5px;
	display: block;
}
#row3col2-quote .form input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;font-family: "sitefont",Arial;
}
#row3col2-quote .form textarea {
	width:575px;height:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top:5px;padding-left:5px;font-family: "sitefont",Arial;
}
#row3col2-quote .form-title {
	display: block;
	width: 100%;
}
#row3col2-quote .submit input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "sitefont", Arial;
	background-color: #69073A;
	font-size: 18px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/*contact form*/
#row3col2-contact {
	position:absolute;
	top:402px;
	left:301px;
	height: 582px;
	width: 581px;
	color:#333;
	font-size:16px;
	text-align: left;
	line-height: 20px;
	padding: 10px;
	background-color: #ABD151;
}
#row3col2-contact .form {
	padding-bottom: 10px;
}
#row3col2-contact label {
	padding-top: 5px;
	display: block;
}
#row3col2-contact .form input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 5px;font-family: "sitefont",Arial;
}
#row3col2-contact .form textarea {
	width:575px;height:100px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top:5px;padding-left:5px;font-family: "sitefont",Arial;
}
#row3col2-contact .form-title {
	display: block;
	width: 100%;
}
#row3col2-contact .submit input {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-family: "sitefont", Arial;
	background-color: #59731E;
	font-size: 18px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}

/*blank page*/
#content{
	position:absolute;
	top:402px;
	left:301px;
	height: 562px;
	width: 541px;
	color:#333;
	font-size:16px;
	text-align: left;
	line-height: 20px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;
}


#content-neespr {
	position:absolute;
	top:402px;
	left:301px;
	height: 562px;
	width: 541px;
	color:#333;
	font-size:16px;
	text-align: left;
	line-height: 20px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 30px;

	background-image: url(../images/neesprhuge.png);
	background-repeat: no-repeat;
	background-position: center -300px;
}
#content-neespr h3{color: #BA0183;font-size:24px;}
#content-neespr  a{color: #BA0183;}
#content-neespr  a:hover{color: #7E0159;}

#content-webdev{
	position:absolute;
	top:402px;
	left:301px;
	height: 592px;
	width: 571px;
	color:#333;
	font-size:16px;
	text-align: left;
	line-height: 20px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
#content-webdev ul.main{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#content-webdev ul.main li{display:block;width:282px;float:left;}
#content-webdev ul.main li h3{
	color: #07375F;
	font-size: 18px;
	margin-bottom:5px;
}
#content-webdev ul.main li h3 .smallh3{
	color: #BA0183;
	font-size: 14px;
	display: inline-block;
}

#content-webdev ul.main li ul{
	margin:0px;padding:0px;list-style:none;
}
#content-webdev ul.main li ul li{
	display:inline-block;
	width:250px;
	font-size: 14px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-bottom:2px;
	padding:5px;
	background-color: #F8EFF4;
}
#moreinfo{
	position:absolute;
	top:603px;
	left:0px;
	height: 180px;
	width: 270px;
	color:#333;
	font-size:18px;
	text-align: left;
	line-height: 20px;
	background-color: #F8EFF4;
	padding:10px;
	padding-left:20px;
	}
#moreinfo p{margin:0px;}
#moreinfo img{display:block;height:50px;width:50px;position:absolute;bottom:10px;right:10px;border:none;}
#moreinfo a{color: #BA0183;}
#moreinfo a:hover{
	color: #7E0159;
}

#randomfact{
	position:absolute;
	top:603px;
	left:0px;
	height: 180px;
	width: 270px;
	color:#333;
	font-size:18px;
	text-align: left;
	line-height: 20px;
	background-color: #EAF2FD;
	padding:10px;
	padding-left:20px;
	}
#randomfact p{margin:0px;}

#portfolio{
	position:absolute;
	top:402px;
	left:301px;
	height: 602px;
	width: 601px;
	color:#333;
	font-size:16px;
	text-align: left;
	line-height: 20px;
	padding: 0px;
}
#portfolio .item{width:280px;height:180px;padding:10px;float:left;}
#portfolio .item .back,#portfolio .item .forth{text-decoration:none;color:#333333;background-color:#F7F7F7;font-size:180px;width:140px;height:180px;display:inline-block;float:left;line-height:180px;text-align:center;}

#comment{
	position:absolute;
	top:603px;
	left:0px;
	height: 180px;
	width: 270px;
	color:#333;
	font-size:18px;
	text-align: left;
	line-height: 20px;
	background-color: #fafafa;
	padding:10px;
	padding-left:20px;
	}
#comment p{margin:0px;}

#footer-row6col3{
	position:absolute;
	top:1005px;
	left:602px;
	height: 200px;
	width: 300px;
	color:#8D8E8F;
	font-size:18px;
	text-align: center;
}
#footer-row6col2{
	position:absolute;
	top:1005px;
	left:301px;
	height: 200px;
	width: 300px;
	color:#f7f7f7;
	font-size:18px;
	text-align: center;
}
#footer-row6col2 a{color:#f7f7f7;}
#footer-row6col3 a{color:#8D8E8F;}