body{
	padding:0;
	margin:0 0 0px 0;
	background-color:#333333;
	color:#453A1E;
}

div, p, ul, li, form, h2, img, textarea, h3, li {
	padding:0; 
	margin:0;
}

ul{
	list-style-type:none;
}

/*~~~~main body~~~~*/
#mainBody {
	width:780px; 
	margin:0px auto; 
	font-size:0; 
	margin-top:0px;
	margin-bottom:10px;
}
	
/*~~~~left side~~~~*/
#leftPan {
	width:780px; 
	height:680px; 
	background:url(images/bg.png) no-repeat 0 0;
}
	
/*~~~~homepage name~~~~*/
#servicesframe {
	position:absolute; 
	margin-left:140px; 
	margin-top:280px; 
	width:550px; 
	height:215px; 
}
		
	
/*~~~~homepage name~~~~*/
#contact {
	position:absolute; 
	margin-left:110px; 
	margin-top:270px; 
	width:550px; 
	height:215px; 
}
	
#contact h1 {
	font:normal 14pt Times; 
	letter-spacing:10px; 
	padding:0px 0 0px 25px;	
	margin:10px 0 0px 0px; 
	height:30px; 
	width:191px; 
	display:block; 
	text-indent:0px; 
	color:#FFFFFF;
	} 
	
	
#contact h2 {
	font:normal 10pt Arial;
	font-weight:bold;
	text-decoration:underline;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#003399;
	} 
	
#contact p {
	margin:0px 0px 0px 25px; 
	width:550px; 
	height:Auto; 
	display:block; 
	font:normal 10pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}

#contact a {
	color:#333333;
	font-weight:bold;
}
	
#contact p.para1 {
	width:243px;
}
#contact p.para3 {
	margin-top:25px;	
	width:243px;
}
	
	
#contact p.boxtext {
	background:#FFFFFF; 
	margin:10px 0px 0px 25px; 
	padding:10px 10px 10px 10px; 
	width:416px;
	display:block; 
	font:normal 10pt Arial; 
	color:#8f8e8d; 
	text-align: justify;
}


/*~~~~contact.html name~~~~*/

#cont1 {
	position:absolute; 
	margin-left:110px; 
	margin-top:290px; 
	width:50px; 
	height:55px; 
}

#cont1 p {
	margin:80px 0px 0px 25px;
	width:60px;
	display:block;
	font:normal 8pt Arial;
	color:#FFFFFF;
	line-height: 250%;
}


#cont {
	position:absolute; 
	margin-left:110px; 
	margin-top:277px; 
	width:400px; 
	height:115px; 
}
	
#cont h1 {
	font:normal 11pt Arial;
	padding:20px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:30px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#C7DE00;
	} 
	
	
#cont h2 {
	font:normal 11pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:480px;
	display:block;
	text-indent:0px;
	color:#FFFFFF;
	} 
	
#cont p {
	margin:0px 0px 0px 8px; 
	padding:0px 0 0px 75px;
	width:450px; 
	display:block; 
	font:normal 10pt Arial; 
	color:#FFFFFF; 
	line-height: 200%;

}

#cont h3 {
	font:normal 8pt Arial;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:5px;
	width:40px;
	display:block;
	color:#FFFFFF;
	} 

#cont a {
	text-decoration:none;
	color:#FFFFFF;
}

#cont a:hover {
	color:#C7DE00;
}
	
#cont p.para1 {
	width:243px;
}
#cont p.para3 {
	margin-top:25px;	
	width:243px;
}
	
	
#cont p.boxtext {
	background:#FFFFFF; 
	margin:10px 0px 0px 25px; 
	padding:10px 10px 10px 10px; 
	width:416px;
	display:block; 
	font:normal 10pt Arial; 
	color:#8f8e8d; 
	text-align: justify;
}





/*~~~~services com name~~~~*/
#servcom {
	position:absolute; 
	margin-left:305px; 
	margin-top:260px; 
	width:200px; 
	height:200px; 
}
	
	
#servcom h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servcom p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}

/*~~~~services vis name~~~~*/
#servvis {
	position:absolute;
	margin-left:500px;
	margin-top:260px;
	width:200px;
	height:200px;
}
	
	
#servvis h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servvis p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}


/*~~~~services total name~~~~*/
#servttl {
	position:absolute; 
	margin-left:112px; 
	margin-top:415px; 
	width:200px; 
	height:200px; 
}
	
	
#servttl h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servttl p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}

/*~~~~services diff name~~~~*/
#servdiff {
	position:absolute; 
	margin-left:305px; 
	margin-top:415px; 
	width:200px; 
	height:200px; 
}
	
	
#servdiff h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servdiff p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}



/*~~~~services alacarte name~~~~*/
#servalacarte {
	position:absolute; 
	margin-left:115px; 
	margin-top:260px; 
	width:200px; 
	height:200px; 
}
	
	
#servalacarte h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servalacarte p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}


/*~~~~services writing name~~~~*/
#servwriting {
	position:absolute; 
	margin-left:305px; 
	margin-top:260px; 
	width:200px; 
	height:200px; 
}
	
	
#servwriting h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servwriting p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: justify;
}


/*~~~~services graphic name~~~~*/
#servgraphic {
	position:absolute;
	margin-left:500px;
	margin-top:260px;
	width:200px;
	height:200px;
}
	
	
#servgraphic h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servgraphic p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: justify;
}


/*~~~~services digital name~~~~*/
#servdijital {
	position:absolute; 
	margin-left:112px; 
	margin-top:410px; 
	width:200px; 
	height:200px; 
}
	
	
#servdijital h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servdijital p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: justify;
}


/*~~~~services hosting name~~~~*/
#servhosting {
	position:absolute; 
	margin-left:305px; 
	margin-top:410px; 
	width:200px; 
	height:200px; 
}
	
	
#servhosting h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servhosting p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: justify;
}


/*~~~~services translation name~~~~*/
#servtrans {
	position:absolute; 
	margin-left:115px; 
	margin-top:260px; 
	width:200px; 
	height:200px; 
}
	
	
#servtrans h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servtrans p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}


/*~~~~services video~~~~*/
#servvideo {
	position:absolute; 
	margin-left:305px; 
	margin-top:260px; 
	width:200px; 
	height:200px; 
}
	
	
#servvideo h2 {
	font:normal 9pt Arial;
	font-weight:bold;
	padding:0px 0 0px 25px;
	margin:10px 0 0px 0px;
	height:25px;
	width:191px;
	display:block;
	text-indent:0px;
	color:#CCFF00;
	} 
	
#servvideo p {
	margin:-5px 0px 0px 25px; 
	width:175px; 
	height:200px; 
	display:block; 
	font:normal 9pt Arial; 
	color:#FFFFFF; 
	text-align: left;
}



/*~~~~logo~~~~*/

#logo {
	position:absolute; 
	width:325px; 
	margin:20px 0px 0px 130px;  
	color:#FAF8F2;
	height:65px; 
	padding:24px 0 0 0; 
	display:block;
}
	
	
/*~~~~learn more arrow~~~~*/

#servarrow {
	position:absolute; 
	margin:420px 0px 0px 525px;  
	color:#FAF8F2;
	padding:24px 0 0 0; 
	display:block;
}


/*~~~~go back arrow~~~~*/

#servarrowback {
	position:absolute; 
	margin:420px 0px 0px 520px;  
	color:#FAF8F2;
	padding:24px 0 0 0; 
	display:block;
}
		

/*~~~~portfolio menu - website~~~~*/
#portmenuwebsite {
	position:absolute; 
	margin:235px 0px 0px 130px;  
	padding:24px 0 0 0; 
	display:block;
} 


/*~~~~portfolio menu - website~~~~*/
#portmenulogos {
	position:absolute; 
	margin:235px 0px 0px 244px;  
	padding:24px 0 0 0; 
	display:block;
}

/*~~~~portfolio menu - website~~~~*/
#portmenubrochures {
	position:absolute; 
	margin:235px 0px 0px 358px;  
	padding:24px 0 0 0; 
	display:block;
}

/*~~~~portfolio menu - website~~~~*/
#portmenuadvertising {
	position:absolute; 
	margin:235px 0px 0px 470px;  
	padding:24px 0 0 0; 
	display:block;
}

/*~~~~portfolio menu - website~~~~*/
#portmenumiscellaneous {
	position:absolute; 
	margin:235px 0px 0px 582px;  
	padding:24px 0 0 0; 
	display:block;
}





/*~~~~flash~~~~*/

#flash {
	position:absolute; 
	width:600px; 
	margin:125px 0px 0px 135px;  
	color:#FAF8F2;
	height:100px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#flash p.images {
	background:url(images/flash.png) no-repeat 0 0;
	margin-top:-25px; 
	height:93px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}


#flashp {
	position:absolute; 
	margin:553px 0px 0px 13px;  
	padding:24px 0 0 0; 
	display:block;
}
	






/*~~~~hpflower~~~~*/

#hpflower {
	position:absolute; 
	width:200px; 
	margin:480px 0px 0px 490px;  
	color:#FAF8F2;
	height:50px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#hpflower p.images {
	background:url(images/hpflower.png) no-repeat 0 0;
	margin-top:-25px; 
	height:93px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}

/*~~~~srv flower top~~~~*/

#srvflowertop {
	position:absolute; 
	width:200px; 
	margin:273px 0px 0px 140px;  
	color:#FAF8F2;
	height:50px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#srvflowertop p.images {
	background:url(images/servflwbttm.png) no-repeat 0 0;
	margin-top:-25px; 
	height:93px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}


/*~~~~srv flower bttm~~~~*/

#srvflowerbttm {
	position:absolute; 
	width:200px; 
	margin:455px 0px 0px 535px;  
	color:#FAF8F2;
	height:50px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#srvflowerbttm p.images {
	background:url(images/servflwtop.png) no-repeat 0 0;
	margin-top:-25px; 
	height:150px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}




/*~~~~srv flower alacarte~~~~*/

#srvfloweralacarte {
	position:absolute; 
	width:310px; 
	margin:430px 0px 0px 395px;  
	color:#FAF8F2;
	height:50px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#srvfloweralacarte p.images {
	background:url(images/servalacarte.png) no-repeat 0 0;
	margin-top:-25px; 
	height:150px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}



/*~~~~contflower~~~~*/

#contflower {
	position:absolute; 
	width:300px; 
	margin:480px 0px 0px 423px;  
	color:#FAF8F2;
	height:50px; 
	padding:24px 0 0 0; 
	display:block;
}
	
#contflower p.images {
	background:url(images/contflower.png) no-repeat 0 0;
	margin-top:-25px; 
	height:93px;
	text-align:center; 
	font:normal 15pt Times; 
	text-decoration:none;
}


	
/*~~~~header~~~~*/


#topmenu {
	position:absolute;
	width:110px;
	margin:175px 0px 0px 25px;
	color:#333333;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0;
	height:35px;
	padding:0px 0 0 0;
	display:block;

}
#topmenu ul {
	margin-top:-20px; 
	margin-left:10px;
	float:right;
}
#topmenu ul li {
	float:right; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}

#topmenu ul li a {
	font:bold 14pt Arial;
	color:#999999;
	padding:0 5px 0 5px;
	text-decoration:none;
	float:right;
}
	
#topmenu ul li a:hover {
	color:#FFFFFF;
}



#header {
	position:absolute;
	width:450px;
	margin:5px 0px 0px 335px;
	color:#FFFFFF;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0;
	height:35px;
	padding:24px 0 0 0;
	display:block;
}
#header ul {
	margin-top:-20px; 
	margin-left:220px;
}
#header ul li {
	float:left;
	display:block;
	font:9pt Arial;
	color:#FFFFFF;
}

#header ul li a {
	font:normal 9pt Arial;
	color:#FFFFFF;
	padding:0 5px 0 5px;
	text-decoration:none;
}
	
#header ul li a:hover {
	color:#CDD00A;
}
	
#header p {
	text-align:center; 
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}

#header p.text {
	width:200px; 
	display:block;  
	margin:8px 0 0 110px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; 
	padding:0 0 0 12px; 
	text-align:center;
}
	
#header p.text a {
	text-decoration:none; 
	color:#FFFFFF; 
	padding:0 0 0 5px;
}
	
#header p.text a:hover {
	background-color:#403722; 
	color:#F1E9D6;
}


/*~~~~footer~~~~*/
#buffer {
	width:100%; 
	height:10px;
	display:block;
}




#photo {
	background:url(images/photos.png) no-repeat 0 0;
	position:absolute; 
	width:748px; 
	margin:566px 200px 0px 135px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:105px; 
}



#footer {
	position:absolute; 
	width:250px; 
	margin:660px 0px 0px 15px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:35px; 
	padding:0px 0 0 0; 
	display:block;
}

#footer ul {
	margin-top:-20px; 
	margin-left:33px;
	}
#footer ul li {
	float:left; 
	display:block; 
	font:9pt Arial; 
	color:#F1E9D6;
}

#footer ul li a {
	font:normal 9pt Arial; 
	color:#F1E9D6;  
	padding:0 5px 0 5px;
	text-decoration:none; 
}
#footer ul li a:hover {
	color:#2b8cf3;
}

#footer p {
	text-align:left;
	font:normal 7pt Arial;
	color:#999999;
	padding:0 0px 0 0px;
	margin-top:16px;
	text-decoration:none;
}


#footer p.text {
	width:50px; 
	display:block;  
	margin:8px 0 0 0px; 
	color:#E9DFC6; 
	background-color:#707070; 
	font:bold 8pt Arial;  
	float:left; text-align:center;
}

#footer a {
	text-decoration:none; 
	color:#999999; 
	padding:0 0 0 5px;
}
#footer a:hover {
	color:#FFFFFF;
}

#footer1 {
	position:absolute; 
	width:450px; 
	margin:660px 0px 0px 315px;  
	color:#FAF8F2; 
	text-align:center;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:0; 
	height:35px; 
	padding:0px 0 0 0; 
	display:block;
}

#footer1 p {
	text-align:right;
	font:normal 7pt Arial;
	color:#999999;
	padding:0px 0px 0 0px;
	margin-top:16px;
	text-decoration:none;
}

#footer1 a {
	text-decoration:none;
	color:#999999;
	padding:0 0 0 5px;
}

#footer1 a:hover {
	color:#FFFFFF;
}


/*~~~~comments~~~~*/

#comments {
	position:absolute;
	width:553px;
	height:210px;
	margin:461px 0px 0px 130px;
	background:#221e1b;
}


#comments1 p {
	margin:10px 15px 0px 25px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: justify;
}

#comments1 i {
	margin:0px 15px 0px 0px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: right;
	font-style: italic;
}

#comments2 p {
	margin:15px 15px 0px 25px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: justify;
}

#comments2 i {
	margin:0px 15px 0px 0px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: right;
	font-style: italic;
}


#comments3 p {
	margin:15px 15px 0px 25px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: justify;
}

#comments3 i {
	margin:0px 15px 0px 0px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: right;
	font-style: italic;
}

#comments4 p {
	margin:15px 15px 0px 25px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: justify;
}

#comments4 i {
	margin:0px 15px 0px 0px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: right;
	font-style: italic;
}

#comments5 p {
	margin:10px 15px 0px 25px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: justify;
}

#comments5 i {
	margin:0px 15px 0px 0px;
	display:block;
	font:normal 8pt Arial;
	color:#797472;
	text-align: right;
	font-style: italic;
}

/*~~~~portfolio pictures~~~~*/

#portpictures {
	position:absolute;
	width:555px;
	height:160px;
	margin:294.5px 0px 0px 130px;
	display:block; 

}

#portpictureswebsite {
	position:absolute;
	width:100px;
	height:160px;
	background:#aaa;
	margin:0px 0px 0px 0px;

}

#portpictureslogos {
	position:absolute;
	width:100px;
	height:160px;
	margin:0px 0px 0px 114px;
	background:#aaa;
}


#portpicturesbrochures {
	position:absolute;
	width:100px;
	height:160px;
	margin:0px 0px 0px 228px;
	background:#aaa;
}


#portpicturesadvertising {
	position:absolute;
	width:100px;
	height:160px;
	margin:0px 0px 0px 340px;
	background:#aaa;
}


#portpicturesmiscel {
	position:absolute;
	width:100px;
	height:160px;
	margin:0px 0px 0px 452px;
	background:#aaa;
}