/* *****************************
| Design Upgraded V2.0 (C) 2009 |
| Philemon Yalamu				|
| :: www.artech.com.pg			|
| :: www.colourartpng.com.pg	|
| 								|
| 								|
| Email: artechpng@gmail.com	|
******************************** */

*{	margin:0;
	padding:0;
	}

body{
	background-color:#000000; 
	margin:0 auto;
	padding:0;
	font-family:verdana, arial, "times new roman";
	font-size:10pt;
	color:#1B4A67;
	}

a{	
	color:#009cfd;
	text-decoration:none;
	}

a:hover{
	color:#ffffff;
	background-color:#FFA20F;
	width:100%;
	text-decoration:none;
	}	

hr{
	color:#EFA402;
	height:1px;
	width:84%;
	}
	
h3{
	font-size:14pt;
	color:#0d6fab;
	text-align:center;
	}

#wrap {/*Part that centers doc*/
	Display:block;
	position:relative;
	top:0;
	margin:auto;
	width:950px;
}

.floatL {
	background: #000000 url(../imgs/floatL.gif) no-repeat; 
	position:absolute;
	left:0px;
	top:0px;
	width:112px;
	height:414px;
}

.logo {
	background: #000000 url(../imgs/logo.gif) no-repeat; 
	position:absolute;
	left:112px;
	top:0px;
	width:142px;
	height:144px;
}

#header {
	background: #000000 url(../imgs/index_03.gif) no-repeat; 
	position:absolute;
	left:254px;
	top:0px;
	width:439px;
	height:110px;
	}

.jmpMnu{
	padding-top:64px;
	padding-left:20px;
	text-align:left;
	}

/*gallery Preview*/	
#time{
	background: transparent url(../imgs/time.gif) no-repeat;
	position:absolute;
	left:693px;
	top:0px;
	width:189px;
	height:199px;
	}
	
.floatR {
	background: #000000 url(../imgs/floatR.gif) no-repeat; 
	position:absolute;
	left:882px;
	top:0px;
	width:68px;
	height:332px;
	}

.banner {
	background: #000000 url(../imgs/banner.gif) no-repeat; 
	position:absolute;
	left:254px;
	top:110px;
	width:440px;
	height:89px;
}

.banner .banner_tp{
	position:relative;
	padding-left:23px;
	padding-top:12px;
	width:410px;
	height:69px;
	}

.aboutlnk {
	position:absolute;
	left:112px;
	top:144px;
	width:142px;
	height:45px;
}

.contactLnk {
	position:absolute;
	left:112px;
	top:189px;
	width:142px;
	height:39px;
	}

.paintLnk{
	position:absolute;
	left:254px;
	top:199px;
	width:228px;
	height:42px;
}

.designLnk{
	position:absolute;
	left:482px;
	top:199px;
	width:177px;
	height:42px;
}

.craftLnk {
	position:absolute;
	left:659px;
	top:199px;
	width:191px;
	height:42px;
}

.spaceR {
	position:absolute;
	left:850px;
	top:199px;
	width:32px;
	height:42px;
}

.srvcsLnk {
	position:absolute;
	left:112px;
	top:228px;
	width:142px;
	height:40px;
}

.contentHr{
	background: #000000 url(../imgs/content_hr.gif) no-repeat; 
	position:absolute;
	left:254px;
	top:241px;
	width:628px;
	height:17px;
}

.contentHr p.breadcrumb{
	padding-top:3px;
	padding-left:92px;
	font-size:0.8em;
	font-weight:bold;
	color:#c0c0c0;
	text-align:left;
	}

/*content settings inside here*/
table{
	width:400px;
	margin:0 100px 0;
	padding:0px;
	background:#ebebeb;
	text-align:center;
	border:2px solid #D7D9DA;
	}	
	
#content{
	background: #000000 url(../imgs/content.gif) repeat-y left top; 
	position:absolute;
	left:254px;
	top:258px;
	width:620px;
	height:550px;
	margin-left:0;
}
	
#content p{
	margin-left:20px;
	padding-left:30px;
	line-height:1.4em;
	padding-right:50px;
	text-align:justify; 
	}
	
#content ul{
	margin-left:20px;
	padding-left:30px;
	line-height:1.4em;
	padding-right:50px;
	text-align:justify; 
	}
	
.timLnk{
	position:absolute;
	left:112px;
	top:268px;
	width:142px;
	height:39px;
}

.otlnk{
	position:absolute;
	left:112px;
	top:307px;
	width:142px;
	height:37px;
}

.spacerL{
	position:absolute;
	left:112px;
	top:344px;
	width:83px;
	height:70px;
}

.reqFm {
	position:absolute;
	left:195px;
	top:344px;
	width:60px;
	height:70px;
}


/*All info within footer below*/
.footer {
	background: #000000 url(../imgs/footer.gif) no-repeat; 
	color:#ffffff;
	position:absolute;
	left:237px;
	top:785px;
	width:645px;
	height:92px;
}

.footer p{
	font-family:verdana, arial, "times new roman";
	font-weight:bold;
	text-transform:uppercase;
	padding-top:30px;
	font-size:0.8em;
	color:#003688;
	text-align:center
	}
	
.footer p.design{
	padding-top:25px;
	padding-left:0;
	text-transform:none;
	font-size:0.7em;
	text-align:center;
	}

/*Form Formatting*/
.formRequest {
	background: #000000 url(../imgs/frmBg.gif) no-repeat; 
	position:absolute;
	left:112px;
	top:414px;
	width:143px;
	height:190px;
	}

.reqFrm{
	font-size:10pt;
	font-weight:bold;
	color:#ffffff;
	margin:0 5px 0;
	padding-top:0;
	padding-left:20px;
	}
	
label{
	width:150px;
	float: left;
	text-align: left;
	padding-left:10px;
	margin-right: 0.5em;
	display: block
	}

input{
	font-size:10pt;
	color: #000000;
	background: #fee3ad;
	border: 1px solid #4C8800;
	width:110px;
	}

i.submit input {
	margin-left: 2px;
	color: #000000;
	background: #ffa20f;
	border: 2px outset #C95C05;
	width:50px;
	}
	
textarea{
	color: #000000;
	width:110px;
	height:70px;
	background: #fee3ad;
	border: 1px solid #FF7200;
	}
	
fieldset{
	border: 1px solid #4C8800;
	width: 20em
	}

legend{
	color: #ffffff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 1px
	}

/*Main Request Form*/	

#frmainRequest {
	width:500px;
	height:190px;
	text-align:center;
	color:#000000;
	}
		
input.reqFrmain{
	font-size:10pt;
	color: #000000;
	background: #fee3ad;
	border: 1px solid #4C8800;
	width:200px;
	}

textarea.reqFrmain{
	font-size:10pt;
	background: #fee3ad;
	border: 1px solid #4C8800;
	width:350px;
	}
	
input.reqfrm_sendBtn{
	font-size:10pt;
	background: #fee333;
	border: 1px solid #4C8800;
	width:120px;
	}
	
.reqFrmain i.submit input {
	margin-left: 2px;
	color: #000000;
	background: #ffa20f;
	border: 2px outset #C95C05;
	width:300px;
	}
	
#frmainRequest textarea .reqFrmain{
	color: #000000;
	width:500px;
	height:100px;
	background:#ffffff;
	border: 1px solid #FF7200;
	}
	
.reqFrmain fieldset{
	border: 1px solid #4C8800;
	width: 300px;
	}

.reqFrmain legend{
	color: #ffffff;
	background: #ffa20c;
	border: 1px solid #781351;
	padding: 2px 1px
	}*/

/*end*/

/*W3C icons*/
.valid a:hover{
	background-color:#000000;
	}
	
.valid{ 
	position:absolute;
	margin-left:30px;
	left:125px;
	top:665px;
	width:160px;
	}
	
/*Format content Opt3*/

#contentOpt3{	
	background: #000000 url(../imgs/content.gif) repeat-y left top; 
	position:absolute;
	left:254px;
	top:258px;
	width:620px;
	height:382px;
	}
	
#contentOpt3 p{	
	margin-left:20px;
	padding-left:30px;
	line-height:1.4em;
	padding-right:50px;
	text-align:justify; 
	}
	
.footerOpt3{
	background: #000000 url(../imgs/footer.gif) no-repeat; 
	color:#ffffff;
	position:absolute;
	left:237px;
	top:640px;
	width:645px;
	height:92px;
}

.footerOpt3 p{
	font-family:verdana, arial, "times new roman";
	font-weight:bold;
	text-transform:uppercase;
	padding-top:30px;
	font-size:0.8em;
	color:#003688;
	text-align:center
	}
	
.footerOpt3 p.design{
	padding-top:25px;
	padding-left:0;
	text-transform:none;
	font-size:0.7em;
	text-align:center;
	}