@charset "utf-8";
/* CSS Document */
									/*									SITE FUNDAMENTALS							*/
/*p:first-letter 
	{
	color: #0033FF;
	font-size: 14px;
	font: "verdana";
	} */

#W3C-css
	{
	
	position:absolute;
	left: 10px;
	bottom: 6px;
	z-index: 1;
	}
	
#W3C-xhtml
	{
	position:absolute;
	right: 10px;
	bottom: 6px;
	z-index: 5;
	}


#container 
	{
	border-top: 1px dotted #3db7e4; 
	border-left: 1px dashed #3db7e4;
	border-right: 1px dashed #3db7e4;
	text-align: left;
  	width: 800px;
	/*height: 600px; */
	position: relative;
	font-size: 10px;
	font-family: verdana;
	color:#0033CC;
	background:#ffffff; 
	z-index: 1;
	margin: 0 auto;
	bottom: 0;
	top: 10px;
	} 

#footer
{
 	position: absolute;
    left: 0px;
    top: 700px;
    z-index: 4;
    text-align: center;
    font-size: 10px;
	font-family: verdana; color: #f7038d;
	color:#0033CC;  
	background: #c0abff;
	width: 100%;
	border: solid 1px #0033FF;   
	padding: 10px;

}

h1 
	{
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	font-size: 5pt; 
	font-weight:  bold; 
	color: #ff6666; 
	} 

#toptittle
	{
	position: absolute;
	left: 80px;
	top: 50px;
	z-index: 0;
	}
	
.textTitles
	{
	font-family: Verdana; font-size: 14px; color: #FF66CC;
	}	
	
#underconstruction
	{
	position: absolute;
	left: 200px;
	top: 230px;
	z-index: 3;
	}

#linksbar
	{
	font-family: "Verdana"; font-size: 8pt; /*font-weight: bold; */ color: #FFCC00;
	position: absolute;
	left: 313px;
	top: 86px;
	z-index: 3;
	}
a:visited {color: #FFCC00; font-family:"Verdana"; font-size: 8pt;}
a:link {color: #FFCC00; font-family: "Verdana"; font-size: 8pt;}

										/*liquid menu controls */
#dropmenudiv{
position:absolute;
border-bottom-width: 0;
line-height:18px;
z-index:100;
}
										/* when menu is dropped... */
#dropmenudiv a{
text-align: left;
width: 100%;
display: block;
text-indent: 10px;
padding: 1px 0;
text-decoration: none;
font-family:"Verdana"; font-size:8pt; color: #f7038d;
}

										/* when cursor goes over links... */
#dropmenudiv a:hover
{
font-weight: bold;
font-family: "Verdana"; font-size: 8pt; color: #33FF00;
}

																	/* HOME PAGE */
#logo
	{
	position: absolute;
	top: 45px;
	left: 50px;
	z-index: 3;
	}

#homepageFlash
	{
	position:absolute;
	left: 153px;
	top: 420px;
	z-index: 2;
	border: 1px solid #0033CC;
	}
	
#hometext
	{
	position: absolute;
	left: 153px;
	top: 250px;
	width: 400px;
	z-index: 2;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}

#hometextImage
	{
	position: absolute;
	right: 10px;
	top: 250px;
	z-index: 2; 
	}
	
#slogan1
	{
	position: absolute;
	right: 0px;
	top: 170px;
	z-index: 3;
	}

#slogan2
	{
	position: absolute;
	right: 10px;
	bottom: 0px;
	z-index: 3;
	}
	
#verticalBar
	{
	position: absolute;
	left: 17px;
	top: 0px;
	z-index: 2;
	}

#toptriangle
	{
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 2;
	}
	
			/*		------------------- ABOUT WEB DESIGN ----------------------                   */

#aboutwebtext1
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 3;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#aboutwebtext2
	{
	position: absolute;
	left: 10px;
	top: 950px;
	z-index: 3;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 322px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}

#aboutwebtext3
	{
	position: absolute;
	left: 450px;
	top: 670px;
	z-index: 3;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	}

#aboutwebimage1
	{
	position: absolute;
	right: 10px;
	top: 220px;
	z-index: 1;	
	text-align: center;
	}
	
#aboutwebimage2
	{
	position: absolute;
	/*left: 136px; */
	left: -4px;
	top: 620px;
	z-index: 2;
	}
	
#aboutwebFlash
	{
	position: absolute;
	left: 450px;
	top: 950px;
	z-index: 3;
	}
	
#aboutflashtittle
	{
	position: absolute;
	left: 0px;
	top: 5px;
	z-index:2;
	}
		/*	---------------------------- ABOUT LOGO DESIGN --------------------- */
		
#aboutlogo1
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 3;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}

#logodesignimage
	{
	position: absolute;
	right: 0px;
	top: 550px;
	z-index: 1;	
	}
	
#logodesignimage2
	{
	position: absolute;
	right: 10px;
	top: 340px;
	z-index: 2;
	}
	
#logodesignFlash
	{
	position: absolute;
	right: 10px;
	top: 208px;
	z-index: 3;
	border-bottom: dotted 1px #3db7e4;
	padding-bottom: 3px;
	}
	
		/* ------------------------------ABOUT STATIONARY DESIGN ------------------ */

#aboutstationarytext
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	z-index: 3;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#aboutstationaryimage
	{
	position: absolute;
	right: 50px;
	top: 220px;
	z-index: 2;
/*	border-bottom: 2px dashed #3db7e4; 
	background-color:#FFFFCC; 
	border-top: #FF3399 dashed 2px;
	border-bottom: #FF3399 dashed 2px; */
	}
	
		/* ----------------------- ABOUT LEAFLET DESIGN -------------------- */
		
#aboutleaflettext
	{
	position: absolute;
	left: 50px;
	top: 270px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 250px;
	}
	
#aboutleafletimage
	{
	position: absolute;
	left: 300px;
	top: 100px;
	z-index: 2;
	}
		
		/* -----------------------	ABOUT IMAGE EDITING ----------------------- */
		
#aboutimagetext
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#aboutimageeditingImage
	{
	position: absolute;
	right: 50px;
	top: 220px;
	z-index: 2;
	}
	
		/* -----------------------  ABOUT WEB BANNERS ------------------------- */
		
#about-web-banners-text
	{
	position: absolute;
	left: 150px;
	top: 320px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4; 
	padding-right: 10px;
	}
	
#about-web-banners-text2
	{
	position: absolute;
	left: 350px;
	top: 320px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4; 
	padding-right: 10px; 
	}
	
#about-web-banners-text3 /* not in use at the moment */
	{
	position: absolute;
	left: 550px;
	top: 320px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4; 
	padding-right: 10px; 
	}
	

	
#about-web-banners-FlashImage
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	border: 1px solid #3db7e4;
	}

		/* ------------------ HOW MUCH WILL IT COST ------------------------- */
		
#How-much-will-it-cost-text
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#How-much-will-it-cost-flash
	{
	position: absolute;
	right: 1px;
	top: 220px;
	z-index: 2;
/*	border: 1px solid #0033CC;     */
	}
	
		/* ---------------------- How to begin a project---------------------- */
		
#Begin-project-text
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#Begin-project-text2
	{
	position: absolute;
	left: 410px;
	bottom: 10px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 250px;
	}
	
#Begin-project-image
	{
	position: absolute;
	left: 370px;
	top: 220px;
	z-index: 2;
	}
	
#Begin-project-flash
	{
	position: absolute;
	left: 150px;
	top: 400px;
	z-index: 2;
	border-top: 1px dashed #3db7e4;
	}
	
		/* ---------------------- PORTFOLIO -  web design ------------------- */
		
#Portfolio-WEB-text
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#Portfolio-WEB-flash
	{
	position:absolute;
	left: 150px;
	top: 450px;
	z-index:2
	}

#Portfolio-Web-comments
	{
	position: absolute;
	left: 347px;
	top: 220px;
	z-index: 3;
	
	}
	
#logodesignimageWEBPORT
	{
	position: absolute;
	right: 0px;
	top: 550px;
	z-index: 1;	
	}
	
#Portfolio-Web-Image
	{
	position: absolute;
	left: 350px;
	top: 220px;
	border: 1px solid #3db7e4;
	}	
		
		/* ---------------------- PORTFOLIO - Logo designs  */

#Portfolio-LOGO-text
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#Portfolio-LOGO-flash
	{
	position: absolute;
	left: 150px;
	top: 500px;
	z-index: 2;
	}
	
#Portfolio-LOGO-Image1
	{
	position: absolute;
	left: 350px;
	top: 220px;
	z-index: 2;
	border-right: 2px dashed #3db7e4;
	padding-right: 10px;
	border: 1px solid #3db7e4;
	}
	
#Portfolio-LOGO-Image2
	{
	position: absolute;
	left: 400px;
	top: 320px;
	z-index: 2;
	border-right: 2px dashed #3db7e4;
	padding-right: 10px;
	border: 1px solid #3db7e4;
	}
	
#Portfolio-LOGO-Image3
	{
	position: absolute;
	left: 450px;
	top: 420px;
	z-index: 2;
	border-right: 2px dashed #3db7e4;
	padding-right: 10px;
	border: 1px solid #3db7e4;
	}
	
#Portfolio-LOGO-offer
	{
	position: absolute;
	left: 80px;
	top: 450px;
	z-index: 3;
	}
		/* ---------------------- PORTFOLIO - stationary ----------------  */
		
#Portfolio-STATIONARY-text
	{
	position: absolute;
	left: 470px;
	bottom: 162px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 275px;
	border-left: 1px dotted #3db7e4;
	border-right: 1px dotted #3db7e4;
	padding: 10px;
	background-color:#FFFFCC;
	}
	
#Portfolio-STATIONARY-image
	{
	position: absolute;
	left: 300px;
	top: 100px;
	z-index: 2;
	border-left: 1px dotted #3db7e4;
	border-right: 1px dotted #3db7e4;
	padding-left: 10px;
	padding-right: 10px;
	}
		
		/* ---------------------- PORTFOLIO - image editing----------------- */
		
#Portfolio-ImageEditing-text
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#Portfolio-Image-Editing-image
	{
	position: absolute;
	left: 50px;
	top: 370px;
	z-index: 4;
	border-top: 1px dotted #3db7e4;
	}
	
#Portfolio-Image-editing-image2
	{
	position: absolute;
	left: 350px;
	top: 220px;
	z-index: 2;
	border: 1px solid #3db7e4;
	}
		
		/* ---------------------- PORTFOLIO - web banners ------------ */
	
#Portfolio-WebBanners-text
	{
		position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#Portfolio-WebBanners-image
	{
	position: absolute;
	left: 350px;
	top: 220px;
	z-index: 2;
	}
	
		/* --------------------- CONTACT PAGE ---------------------------- */

input.pink {background-color: #ffcccc; font-family: Verdana; font-size: 10px;}
textarea.pink {background-color: #ffcccc; font-family: Verdana; font-size: 10px;}

		
#Contact-text
	{
	position: absolute;
	left: 150px;
	top: 220px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 180px;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#Contact-Email
	{
	position: absolute;
	left: 547px;
	top: 1px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 250px;
	z-index: 2;
	}	
	
#Contact-Phone
	{
	position: absolute;
	left: 520px;
	top: 21px;
	z-index: 2;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	width: 250px;
	z-index: 2;
	}
	
#Contact-image
	{
	position: absolute;
	right: 0px;
	top: 180px;
	z-index: 2;
	}
	
#contact-form
	{
	position: absolute;
	left: 400px;
	top: 220px;
	z-index: 3;
	font-family: Verdana;
	font-size: 10px;
	color: #f7038d;
	}
	
#sloganContactPage
	{
	position: absolute;
	right: 1px;
	top: 100px;
	z-index: 2;
	}
	
#sloganContact
	{
	position: absolute;
	right: 1px;
	top: 212px;
	z-index: 2;
	}

#messageSentImage
	{
	position: absolute;
	/*left: 450px;
	top: 350px; */
	z-index: 1;
	}
	
#messageSenttext
	{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 375px;
	z-index: 2;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
															/* Page footer stuff */
															
#pageFooter
	{
	position: absolute;
	margin: 0 auto;
	top: 660px;
	font-family: Verdana;
	font-size: 10px;
	color: #0033FF;
	}

#whyvibranttext
	{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 375px;
	z-index: 2;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}

#whyvibranttext2
	{
	position: absolute;
	left: 550px;
	top: 250px;
	z-index: 5;
	}

#privacytext
	{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 375px;
	z-index: 2;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}

#termsText
	{
	position: absolute;
	left: 150px;
	top: 250px;
	width: 375px;
	z-index: 2;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}

#sitemap
	{
	position: absolute;
	left: 150px;
	top: 220px;
	width: 180px;
	z-index: 2;
	border-right: 1px dotted #3db7e4;
	padding-right: 10px;
	}
	
#sitemapImg
	{
	position: absolute;
	left: 250px;
	top: 220px;
	}
 
a.map:link { color: green; text-decoration: none; }
a.map:visited { color: green; text-decoration: none; }
a.map:hover { color: #ffffff; text-decoration: underline; font-family : Verdana, Arial, Helvetica, sans-serif; }
a.map:active { color: #ffffff; text-decoration: none; }