/* CSS Document */
body{background:#fff; color:#FFF; font-size::12px; font-family:Arial; margin:0; padding:0;}
div, ul, h1, h2, h3, li, p, img{margin:0; padding:0;}
ul{list-style-type:none;}
img{border-width: 0;border:none;}
a{color:#fff;text-decoration:none;}
a:hover{text-decoration:none;color:#09F; text-decoration:none; }

/*COLOUR*/
.coleftColour{color:#09F;}
.coleftColour2{color:#09F; font-size:14px; font-weight:600;}

/* HEAD PANEL*/
#tophead{width:800px; height:414px; position:relative; margin:0 auto; padding:0;top:0;}

/* MENU PANEL*/
#tophead #menu{width:800px; height:34px; position:absolute; margin:380px 0; padding:0; top:0; left:0;}

/* CONTENT PANEL*/
#content{z-index:1; width:800px; height:380px; position:relative; margin:0 auto; padding:0; top:0;}
#content #left{z-index:10; width:380px; height:300px; margin:-368px 0 0 30px; padding:0; top:0; left:0px; color:#FFF;}
#content #left h1{z-index:10; color:#FFF; font-size:12px; font-weight:300; text-align:justify; margin:10px 30px 0 0;}

#content #right{z-index:10; width:360px; height:300px; position:absolute; top:0; right:0px; margin:45px 0; padding:0px; color:#FFF; font-size:12px;}
#content #right h1{z-index:10; color:#FFF; font-size:12px; font-weight:300; text-align:justify; margin:0 50px 0 2px;}

/* PROJECTS PANEL*/
#pro{width:800px; height:340px; position:relative; margin:0 auto; padding:0; top:0; background:url(../pro/p1.jpg);}
#pro #proleft{width:500px; position:absolute; margin:28px 0 0 30px; padding:0; top:0; left:0; color:#FFF; line-height:24px; font-size:12px;}
#pro #proright{width:286px; position:absolute; margin:67px 100px 0 0; padding:0; top:0; right:0; color:#FFF; line-height:24px; font-size:12px;}


/* SERVICES PANEL*/
#services{width:800px; height:330px; position:relative; margin:0 auto; padding:0; top:0; background-color:#000;}
#services #left{width:360px; height:300px; position:absolute; margin:30px 0 0 30px; padding:0; top:0; left:0px; color:#FFF; line-height:24px; font-size:12px;}
#services #left h1{color:#FFF; font-size:12px; font-weight:300; text-align:justify; margin:10px 30px 0 0;}

#services #right{width:360px; height:200px; position:absolute; top:0; right:0px; margin:78px 0; color:#FFF; font-size:12px; line-height:24px;}
#services #right h1{color:#FFF; font-size:12px; font-weight:300; text-align:justify; margin:0 50px 0 2px;}

/* CONTACT PANEL*/
#contact{width:800px; height:300px; position:relative; margin:0 auto; padding:0; top:0; background-color:#000;}
#contact #coleft{width:350px; height:300px; position:absolute; margin:30px 0 0 30px; padding:0; top:0; left:0px; color:#FFF;}
#contact #coleft h1{color:#FFF; font-size:14px; font-weight:300; text-align:justify; margin:10px 30px 0 0;}

#contact #coright{z-index:10; width:360px; height:300px; position:absolute; top:0; right:0px; margin:50px 0; padding:0px; color:#FFF; font-size:12px;}
#contact #coright h1{z-index:10; color:#FFF; font-size:12px; font-weight:300; text-align:justify; margin:0 50px 0 2px;}

/* FOOTER*/
#footer{width:800px; height:60px; position:relative; margin:0 auto; padding:0;}
#footer #footerleft{position:absolute; top:0; left:0; margin:0; padding:0px; color:#999;}
#footer #footerleft p{width:600px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:10px;  font-weight:300;  position:absolute; top:0px; left:0px; z-index:1; padding:0; margin:30px 0;}
#footer #footerleft a{ width:120px; display:block; text-decoration:none; color:#999; margin:-13px 0 0 50px; }
#footer #footerleft a:hover{display:block; text-decoration:none; color:#09F; margin:-13px 0 0 50px;}


#footer #footerright{width:360px; position:absolute; top:0; right:0; margin:40px 0; padding:0px; color:#999;}
#footer #footerright p{width:166px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:300; position:absolute; top:0px; right:0px; z-index:1; padding:0; margin:-10px 0; text-align:right;} 
#footer #footerright a{display:block; text-decoration:none; color:#999;}
#footer #footerright a:hover{color:#fff; text-decoration:none; color:#09F;}

#footer1{width:800px; height:60px; position:relative; margin:-10px auto; padding:0;}
#footer1 #footerleft{position:absolute; top:0; left:0; margin:-10px 0; padding:0px; color:#999;}
#footer1 #footerleft p{
	width:600px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:300;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:30px 0;
}
#footer1 #footerleft a{ width:120px; display:block; text-decoration:none; color:#999; margin:-13px 0 0 50px; }
#footer1 #footerleft a:hover{display:block; text-decoration:none; color:#09F; margin:-13px 0 0 50px;}


#footer1 #footerright{width:360px; position:absolute; top:0; right:0; margin:30px 0; padding:0px; color:#999;}
#footer1 #footerright p{width:166px; font-family:Arial, Helvetica, sans-serif; font-size:10px; font-weight:300; position:absolute; top:0px; right:0px; z-index:1; padding:0; margin:-10px 0; text-align:right;} 
#footer1 #footerright a{display:block; text-decoration:none; color:#999;}
#footer1 #footerright a:hover{color:#fff; text-decoration:none; color:#09F;}