/* ---------------------------------------------------------------------------------------

CSS FOR WWW.IMPEECREATIONS.COM - designed by impeeCreations - www.impeecreations.com

---------------------------------------------------------------------------------------- */


body {
/*		font-family: "Trebuchet MS", Tahoma, Verdana;
		letter-spacing: 1px; */
		font-family: Tahoma, Tahoma, Verdana;
		text-align: center;
		font-size: 11px;
		width: auto;
		background-color: #EEEEEE;

		background-image: url(images/bg_gradient.png);
		background-repeat: repeat-x;
}


/* --------------------------------------------------------------------------------
	LINKS BEHAVIOUR
-------------------------------------------------------------------------------- */

<style type="text/css">

a:link {
		color: #0000FF;
		text-decoration: none;
}

a:visited {
		color: #0000FF;
		text-decoration: none;
}

a:hover {
		color: #FF0000;
		text-decoration: none;
}

a:active {
		color: #0000FF;
		text-decoration: none;
}


/* --------------------------------------------------------------------------------
	 MAIN DIVS 
-------------------------------------------------------------------------------- */

#main {
		margin: auto;
		text-align: left;
		background: #FFFFFF;
		margin-top: 5%;
		height: 670px;
		width: 800px;

/*		border-left: 1px solid #FF0000;
		border-top: 1px solid #FF0000;
		border-right: 1px solid #FF0000;
		border-bottom: 1px solid #FF0000;*/
}

#mainsub {
        height: 660px;
		width: 800px;
}

#header {
		height: 27%;
		background: #FFFFFF;
		background-image: url(images/impeecreations.png); background-repeat: no-repeat;
}

#links {
		text-align: center;
        font-size: 18px;
      	padding: 0px 0px 0px 0px;
		height: 37px;
		background: #FFFFFF;
}

li {
		margin: 0 -22px; padding: 0;
		
}


#table {
/*		font: bold 11px "Trebuchet MS", Tahoma, Verdana, Helvetica,;*/
		border-right: 1px solid #C1DAD7;
		border-bottom: 1px solid #C1DAD7;
		border-top: 1px solid #C1DAD7;
		letter-spacing: 2px;
		text-transform: uppercase;
		text-align: center;
		height: 35px;
/*		padding: 6px 6px 6px 12px; */
		background: #CAE8EA;
}



/*----DISCLAIMER----*/
#maindisclaimer {
		margin: auto;
		text-align: left;
		background: #FFFFFF;
		margin-top: 45px;
		height: 890px;
		width: 800px;
}

#mainsubdisclaimer {
        height: 850px;
		width: 800px;
}


#headerdisclaimer {
		height: 178px;
		background: #FFFFFF;
		background-image: url(images/impeecreations.png); background-repeat: no-repeat;
}


/*----TERMS----*/
#mainterms {
		margin: auto;
		text-align: left;
		background: #FFFFFF;
		margin-top: 45px;
		height: 1565px;
		width: 800px;
}

#mainsubterms {
        height: 1562px;
		width: 800px;
}


#headerterms {
		height: 178px;
		background: #FFFFFF;
		background-image: url(images/impeecreations.png); background-repeat: no-repeat;
}


/*----IMAGE BORDERS----*/
#imageborder {
  border: 1px solid #888888;
}


/* --------------------------------------------------------------------------------
	DIVIDING LINES
-------------------------------------------------------------------------------- */

/*----INDEX----*/
#verticalindexl {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 305px 0px repeat-y;
}

#verticalindexr {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 573px 0px repeat-y;
}

#horizontal {
       padding: 0px 0px;
       background: url(images/horizontal_divider.gif) 0px 662px repeat-x;
}


/*----SERVICES----*/
#verticalservicesl {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 238px 0px repeat-y;
}

#verticalservicesr {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 497px 0px repeat-y;
}


/*----PORTFOLIO----*/
#verticalportfoliol {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 365px 0px repeat-y;
}

/*----PRICING----*/
#verticalpricingl {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 238px 0px repeat-y;
}

#verticalpricingr {
	   padding: 0px 0px;
       background: url(images/vertical_divider.gif) 497px 0px repeat-y;
}


/*----DISCLAIMER----*/
#horizontaldisclaimer {
       padding: 0px 0px;
       background: url(images/horizontal_divider.gif) 0px 850px repeat-x;
}


/*----CONTACT----*/
#verticalcontact {
       padding: 0px 0px;
       background: url(images/vertical_divider.gif) 500px 0px repeat-y;
}


/*----TERMS----*/
#horizontalterms {
       padding: 0px 0px;
       background: url(images/horizontal_divider.gif) 0px 1564px repeat-x;
}


/* --------------------------------------------------------------------------------
	LEFT
-------------------------------------------------------------------------------- */

/*----INDEX----*/
#leftindex {
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		float: left;
		height: 420px;
		width: 305px;
		background: #FFFFFF;
}

#leftindex1 {
        float: left;
		height: 100%;
		width: 305px;
		background: #FFFFFF;
}


/*----SERVICES----*/
#leftservices {
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		float: left;
		height: 420px;
        width: 235px;
		background: #FFFFFF;
}

#leftservices1 {
        float: left;
		height: 100%;
		width: 235px;
		background: #FFFFFF;
}

/*----PORTFOLIO----*/
#leftportfolio {
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		float: left;
		height: 420px;
        width: 370px;
		background: #FFFFFF;
}

#leftportfolio1 {
        float: left;
		height: 100%;
		width: 370px;
		background: #FFFFFF;
}


/*----PRICING----*/
#leftpricing {
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		float: left;
		height: 420px;
        width: 235px;
		background: #FFFFFF;
}

#leftpricing1 {
        float: left;
		height: 100%;
		width: 235px;
		background: #FFFFFF;
}

/*----CONTACT----*/
#leftcontact {
		text-align: left;		
		margin-left: 30px;
		margin-right: 30px;
		float: left;
		height: 420px;
        width: 320px;
		background: #FFFFFF;
}

#leftcontact1 {
        float: left;
		height: 100%;
		width: 320px;
		background: #FFFFFF;
}



/* --------------------------------------------------------------------------------
	MIDDLE
-------------------------------------------------------------------------------- */

/*----INDEX----*/

#middleindex {
		float: left;
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		height: 420px;
		width: 235px;
		background: #FFFFFF;
}

#middleindex1 {
		height: 100%;
		width: 235px;
	    background:  #FFFFFF;
}

#middleindex1 ul {
		list-style-image: url(images/red_bullet.png);
		margin: 0;
		padding: 0px 0px 0px 40px;
}


/*----SERVICES----*/
#middleservices {
		float: left;
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		height: 420px;
		width: 235px;
		background: #FFFFFF;
}

#middleservices1 {
	    background:  #FFFFFF;
		height: 100%;
		width: 235px;
}

/*----PRICING----*/
#middlepricing {
		float: left;
		text-align: left;
		margin-left: 15px;
		margin-right: 15px;
		height: 420px;
		width: 235px;
		background: #FFFFFF;
}

#middlepricing1 {
	    background:  #FFFFFF;
		height: 100%;
		width: 235px;
}


/*----DISCLAIMER----*/
#middledisclaimer {
		width: 800px;
	    background:  #FFFFFF;
}


/*----SITEMAP----*/
#middlesitemap {
		width: 800px;
	    background:  #FFFFFF;
}

/*----TERMS----*/
#middleterms {
		width: 800px;
	    background:  #FFFFFF;
}


/*----SITE MAP, DISCLAIMER, TERMS----*/
#middlepage {
		width: 800px;
		background: #FFFFFF;
}

/* --------------------------------------------------------------------------------
	RIGHT
-------------------------------------------------------------------------------- */

/*----INDEX----*/
#rightindex {
        text-align: left;
		margin-right: 15px;
		margin-left: 15px;
		float: right;
		height: 420px;
		width: 170px;
		background:#FFFFFF;
}

#rightindex1 {
        float: right;
		height: 100%;
		width: 170px;
	    background: #FFFFFF;
}


/*----SERVICES----*/
#rightservices {
        text-align: left;
		margin-right: 15px;
		margin-left: 15px;
		float: right;
		height: 420px;
		width: 235px;
		background:#FFFFFF;
}

#rightservices1 {
        float: right;
		height: 100%;
		width: 250px;
	    background: #FFFFFF;
}


/*----PORTFOLIO----*/
#rightportfolio {
        text-align: left;
		margin-right: 15px;
		margin-left: 15px;
		float: right;
		height: 420px;
		width: 370px;
		background:#FFFFFF;
}

#rightportfolio1 {
        float: right;
		height: 100%;
		width: 370px;
	    background: #FFFFFF;
}



/*----PRICING----*/
#rightpricing {
        text-align: left;
		margin-right: 15px;
		margin-left: 15px;
		float: right;
		height: 420px;
		width: 235px;
		background:#FFFFFF;
}

#rightpricing1 {
        float: right;
		height: 100%;
		width: 250px;
	    background: #FFFFFF;
}



/*----CONTACT----*/
#rightcontact {
        text-align: left;
		float: right;
		height: 440px;
		width: 420px;
		background:#FFFFFF;
}

#rightcontact1 {
        float: rigth;
		height: 100%;
		width: 420px;
		background: #FFFFFF;
}



/* --------------------------------------------------------------------------------
	FOOTER
-------------------------------------------------------------------------------- */

.footerhover  {color: #0000FF;}
.footerhover  a:link {color: #0000FF;}
.footerhover  a:visited {color: #0000FF;}
.footerhover  a:hover {color: #FF0000;}
.footerhover  a:active {color: #0000FF;}

#footer {
		margin-top: 12px;
		text-align: center;
		height: 28px;
		width: 800px;
}

#footer1 {
		height: 100%;
		background:  #FFFFFF;
		background-image: url(images/bottom+bar.png); background-repeat: no-repeat; 
		background-position: bottom center;
}

#footer2 {
		padding-top: 5px;
		height: 20%;
		background: #FFFFFF;
}



/* --------------------------------------------------------------------------------
	TEXT STYLES
-------------------------------------------------------------------------------- */

.style10black {font-family: Tahoma; font-size: 10px; color: #000000; }
.style11black {font-family: Tahoma; font-size: 11px; color: #000000; }
.style12black {font-family: Tahoma; font-size: 12px; color: #000000; }
.style13black {font-family: Tahoma; font-size: 13px; color: #000000; }
.style14black {font-family: Tahoma; font-size: 14px; color: #000000; }
.style15black {font-family: Tahoma; font-size: 15px; color: #000000; }
.style16black {font-family: Tahoma; font-size: 16px; color: #000000; }
.style17black {font-family: Tahoma; font-size: 17px; color: #000000; }
.style18black {font-family: Tahoma; font-size: 18px; color: #000000; }
.style19black {font-family: Tahoma; font-size: 19px; color: #000000; }
.style20black {font-family: Tahoma; font-size: 20px; color: #000000; }

.style10white {font-family: Tahoma; font-size: 10px; color: #FFFFFF; }
.style11white {font-family: Tahoma; font-size: 11px; color: #FFFFFF; }
.style12white {font-family: Tahoma; font-size: 12px; color: #FFFFFF; }
.style13white {font-family: Tahoma; font-size: 13px; color: #FFFFFF; }
.style14white {font-family: Tahoma; font-size: 14px; color: #FFFFFF; }
.style15white {font-family: Tahoma; font-size: 15px; color: #FFFFFF; }
.style16white {font-family: Tahoma; font-size: 16px; color: #FFFFFF; }
.style17white {font-family: Tahoma; font-size: 17px; color: #FFFFFF; }
.style18white {font-family: Tahoma; font-size: 18px; color: #FFFFFF; }
.style20white {font-family: Tahoma; font-size: 20px; color: #FFFFFF; }
.style36white {font-family: Tahoma; font-size: 36px; color: #FFFFFF; }
.style50white {font-family: Tahoma; font-size: 50px; color: #FFFFFF; }

.style10silver {font-family: Tahoma; font-size: 10px; color: #A0A0A0; }
.style11silver {font-family: Tahoma; font-size: 11px; color: #A0A0A0; }
.style12silver {font-family: Tahoma; font-size: 12px; color: #A0A0A0; }
.style13silver {font-family: Tahoma; font-size: 13px; color: #A0A0A0; }
.style14silver {font-family: Tahoma; font-size: 14px; color: #A0A0A0; }
.style15silver {font-family: Tahoma; font-size: 15px; color: #A0A0A0; }
.style16silver {font-family: Tahoma; font-size: 16px; color: #A0A0A0; }
.style17silver {font-family: Tahoma; font-size: 17px; color: #A0A0A0; }
.style18silver {font-family: Tahoma; font-size: 18px; color: #A0A0A0; }
.style20silver {font-family: Tahoma; font-size: 20px; color: #A0A0A0; }
.style36silver {font-family: Tahoma; font-size: 36px; color: #A0A0A0; }
.style50silver {font-family: Tahoma; font-size: 50px; color: #A0A0A0; }

.style10grey {font-family: Tahoma; font-size: 10px; color: #777777; }
.style11grey {font-family: Tahoma; font-size: 11px; color: #777777; }
.style12grey {font-family: Tahoma; font-size: 12px; color: #777777; }
.style13grey {font-family: Tahoma; font-size: 13px; color: #777777; }
.style14grey {font-family: Tahoma; font-size: 14px; color: #777777; }
.style15grey {font-family: Tahoma; font-size: 15px; color: #777777; }
.style16grey {font-family: Tahoma; font-size: 16px; color: #777777; }
.style17grey {font-family: Tahoma; font-size: 17px; color: #777777; }
.style18grey {font-family: Tahoma; font-size: 18px; color: #777777; }
.style20grey {font-family: Tahoma; font-size: 20px; color: #777777; }
.style28grey {font-family: Tahoma; font-size: 28px; color: #777777; }

.style10red {font-family: Tahoma; font-size: 10px; color: #FF0000; }
.style11red {font-family: Tahoma; font-size: 11px; color: #FF0000; }
.style12red {font-family: Tahoma; font-size: 12px; color: #FF0000; }
.style13red {font-family: Tahoma; font-size: 13px; color: #FF0000; }
.style14red {font-family: Tahoma; font-size: 14px; color: #FF0000; }
.style15red {font-family: Tahoma; font-size: 15px; color: #FF0000; }
.style16red {font-family: Tahoma; font-size: 16px; color: #FF0000; }
.style17red {font-family: Tahoma; font-size: 17px; color: #FF0000; }
.style18red {font-family: Tahoma; font-size: 18px; color: #FF0000; }
.style20red {font-family: Tahoma; font-size: 20px; color: #FF0000; }
.style22red {font-family: Tahoma; font-size: 22px; color: #FF0000; padding-top: 5px;}
.style28red {font-family: Tahoma; font-size: 26px; color: #FF0000; }

.style11yellow {font-family: Tahoma; font-size: 10px; color: #FFFF00; }
.style11yellow {font-family: Tahoma; font-size: 11px; color: #FFFF00; }
.style12yellow {font-family: Tahoma; font-size: 12px; color: #FFFF00; }
.style13yellow {font-family: Tahoma; font-size: 13px; color: #FFFF00; }
.style14yellow {font-family: Tahoma; font-size: 14px; color: #FFFF00; }
.style15yellow {font-family: Tahoma; font-size: 15px; color: #FFFF00; }
.style16yellow {font-family: Tahoma; font-size: 16px; color: #FFFF00; }
.style17yellow {font-family: Tahoma; font-size: 17px; color: #FFFF00; }
.style18yellow {font-family: Tahoma; font-size: 18px; color: #FFFF00; }
.style20yellow {font-family: Tahoma; font-size: 20px; color: #FFFF00; }
.style28yellow {font-family: Tahoma; font-size: 26px; color: #FFFF00; }

.style10blue {font-family: Tahoma; font-size: 10px; color: #0066FF; }
.style11blue {font-family: Tahoma; font-size: 11px; color: #0066FF; }
.style12blue {font-family: Tahoma; font-size: 12px; color: #0066FF; }
.style13blue {font-family: Tahoma; font-size: 13px; color: #0066FF; }
.style14blue {font-family: Tahoma; font-size: 14px; color: #0066FF; }
.style15blue {font-family: Tahoma; font-size: 15px; color: #0066FF; }
.style16blue {font-family: Tahoma; font-size: 16px; color: #0066FF; }
.style17blue {font-family: Tahoma; font-size: 17px; color: #0066FF; }
.style18blue {font-family: Tahoma; font-size: 18px; color: #0066FF; }
.style20blue {font-family: Tahoma; font-size: 20px; color: #0066FF; }
.style28blue {font-family: Tahoma; font-size: 26px; color: #0066FF; }


/*		background: #fff url(images/right_bg.jpg) bottom right repeat-x;
        margin-top: 7px;
		border-left: 2px solid #FFFFFF;
		border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
		padding-top: 3px;  */

/*		background: #660000 url(images/menu_green_arrow.gif) left center repeat-y;
		margin-bottom: 2px;
		border-top: 0px solid #660000;
		border-bottom: 0px solid #660000;
		border-right: 0px solid #660000;
		border-left: 0px solid #660000;		
		
#hovercontact
{
	position:absolute;
	z-index: 3;
	left:280px;
	top:5px;
*/	
