/* 

STYLE SHEET FOR TwiggsandIvy WEB SITE
Created by Maryann Lauter
www.forawebdesign.com

ToC

	1. defaults
	2. structure
	3. links and navigation
	4. fonts
	5. images
	6. hacks

Notes

*/



/* --------- 1. defaults  --------- */




body {
	  background-color: #2aa9d3;
	  color: #FFFFFF;
	  padding: 0px;
	  margin: 0px;
	  /* MSIE 5 doesn't center based on auto left/right margins, 
      but 'text-align:center' does center top-level divs: */
  	  text-align: center;
  	  /* Specify a min-width for the body as wide as the 'wrapper'
      element itself. This prevents negative (i.e. inaccessible)
      left-margins in narrow browser windows when using 
      Navigator 6+/Mozilla on Win32: */
  	  min-width: 100%;
     }

li	{
	list-style-type: none;
	margin-top: -5px;
	margin-left: 0px;
	padding: 0px;
	text-decoration: none;
	list-style-type: none;
	}		

		
/*  --------- 2. structure  --------- */



#wrapper {    /* was removed in index.html- delete when done */
  /* Reset alignment to compensate for 'text-align:center': */
  text-align: left;
  /* Specify the width of the element. This should be the same
     as 'body min-width': */
  width: 100%;
  /* Set left and right margins to auto, thus centering the 
     element in the containing (body) tag: */
  margin-left: auto;
  margin-right: auto;
}


	
		
/*  --------- 2. structure  --------- */

#topheader
	{
	background: url(images/blueheaderivy.gif);
	position: relative;
	background-repeat: repeat-x;
	height: 198px;
	width: 100%;
	}


	
#bluebuttonbar
	{
	background: url(images/bluebuttonbar.gif);
	position: relative;
	float: left;
	background-repeat: repeat-y;
	width: 180px;
	height: 900px;   
	}


#bluebuttonbarforsvcsanddelivery
	{
	background: url(images/bluebuttonbar.gif);
	position: relative;
	float: left;
	background-repeat: repeat-y;
	width: 180px;
	height: 1000px;
	}


.moveleft
	{
	margin-left: -42px;
	}




#imageone   /* ie8 */
	{
	position: relative;
	top: 50px;
	left: 50px;
	width: 200px;
	height: 170px;
	}	


/*#imageone
	{
	position: absolute;
	top: 266px;
	left: 232px;
	width: 200px;
	height: 170px;
	}*/	


#imagetwo
	{
	position: relative;
	top: 75px;
	left: 50px;
	width: 200px;
	height: 170px;
	}	
	


/*#imagetwo
	{
	position: absolute;
	top: 439px;
	left: 232px;
	width: 200px;
	height: 170px;
	}*/	



#imagethree
	{
	position: relative;
	top: 100px;
	left: 50px;
	width: 200px;
	height: 170px;
	}	



/*#imagethree
	{
	position: absolute;
	top: 615px;
	left: 232px;
	width: 200px;
	height: 170px;
	}*/	



#floralsamples
	{
	position: relative;
	min-width: 100px;
	left: 300px;
	top: -450px;
	}


/*#slideshow
	{
	position: absolute;
	min-width: 100px;
	margin-left: 400px;
	margin-top: 266px;
	left: 60px;
	top: 0px;
	}*/



#servicesimage
	{
	position: relative;
	width: 300px;
	left: 300px;
	top: -450px;
	}


/*#servicesimage
	{
	position: absolute;
	width: 300px;
	top: 252px;
	left: 451px; 
	}*/



#planterinnhmpg
	{
	position: relative;
	width: 450px;
	left: 285px;
	top: -440px;
	}

/*#planterinnhmpg
	{
	position: absolute;
	width: 450px;
	left: 466px;
	top: 265px;
	}*/

#homepageaddress
	{
	position: relative;
	width: 350px;
	left: 325px;
	top: -438px;
	}



/*#homepageaddress
	{
	position: absolute;
	width: 350px;
	margin-left: 400px;
	margin-top: 500px;
	left: 129px;
	top: 82px;
	}*/

#map
	{
	position: relative;
    color: #ffffff;
	font: 11px geneva, verdana, arial, sans-serif;
	left: 445px;
	top: -425px;
	}

#map2
	{
	position: relative;
    color: #ffffff;
	font: 11px geneva, verdana, arial, sans-serif;
	left: 387px;
	top: -125px;
	}


#contactus
	{
	position: absolute;
	width: 300px;
	top: 232px;
	left: 453px; 
	}


#aboutus
	{
	position: absolute;
	width: 612px;
	left: 183px;
	top: 201px;
	}

/*#aboutus
	{
	position: relative;
	width: 612px;
	left: 190px;
	top: -790px;
	}*/

#copyrightarea
	{
	position: relative;
	left: 0px;
	top: 0px;
	}


.copyright
	{
	 COLOR: #C0C0C0;
	 FONT: 9px geneva, verdana, arial, sans-serif;
	}



.style8
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #FFFFFF;
	}

.photographer
	{
	 COLOR: #ffffff;
	 FONT: 9px geneva, verdana, arial, sans-serif;
	}



/* ---------- 3. links and navigation ---------- */



a:link {
		color: #0303bb;
		text-decoration: none;
		}     /* unvisited link */
		
a:visited {
		color: #0303bb;
		text-decoration: none;
		} /* visited link */


a:hover {
		color: #ffffff;
		text-decoration: none;
		}   /* mouse over link */
		

a:active {
		color: #ffffff;
		text-decoration: none;
		}   /* selected link */

		

		
/* ---------- 4. fonts ---------- */

	

/* ---------- 5. images ---------- */


		
/* ---------- 6. hacks ---------- */


		
.image {
	border:none	
}