

body {
	background-color: #5762a7;
	color: #000; /* needed to keep the css validator happy */
	margin: 0;
	padding: 0; /* incase any crazy users specify in their browser settings they want a padded window.. */
	background-image: url(http://periwinkledreams.com/test1/images/bg_periwinkle_home3.jpg);
}

div#container {
	margin: 0 auto 0 auto; /* top and bottom: 0, sides: flexible (stretches) */
	width: 761px;
	color: #000; /* again, for the w3c validator to stop hyperventilating */
	background-color: #5762a7;
	background-repeat: repeat-y;
}

div.header {
	margin: 0 auto 0 atuo;
	height: 96px;
	width: 758px;
	background-image: url(img/header.jpg);
	background-repeat: repeat-x;
}

div.header * { /* * - denotes any tag to be used */
  display: none;
  visibility: hidden;
}

div.navigation {
	height: 38px;
	background-color: #8BB2FA;
	background-repeat: repeat-x;
	background-image: url(images/1px.jpg);
	padding: 0px;
	margin: 0;
} 
.decription {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #534376;
}
#main_content #footer {
	height: 30px;
	margin-left: 70px;
	padding-left: 70px;
	margin-top: 15px;
	padding-top: 15px;
}
#main_content {
	background-color: #FFFFFF;
	/*background-image: url(img/container_bg.png);
	background-repeat: repeat-y;*/
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 18px;
	width: 742px;
}

#main_content #leftcol {
	width: 308px;
	float: left;
	background-color:#FFFFFF;
	margin-top: 0px;
	margin-right: 2px;
	margin-left: 0px;
}

#samples {
	background-color: #FFFFFF;
	/*background-image: url(img/container_bg.png);
	background-repeat: repeat-y;*/
	margin: 0px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 742px;
	height: 160px;
}
#container #main_content #pic1 {
	float: left;
	height: 121px;
	width: 121px;
	margin-left: 0px;
}


#container #main_content #pic2 {
	height: 121px;
	width: 121px;
	margin-left: 20px;
	float: left;
}

#container #main_content #pic3 {
	height: 121px;
	width: 121px;
	margin-left: 20px;
	float: left;
}

#container #main_content #pic4 {
	float: left;
	height: 121px;
	width: 141px;
	margin-left: 20px;
}

.leftcol {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #5563A8;
	padding-left: 10px;
}

#main_content #rightcol {
	width: 390px;
	float: left;
	background-color: #FFFFFF;
	margin-right: 10px;
	margin-left: 0px;
	padding-right: 10px;
	padding-left: 0px;
	clear: none;
} 

.clearmeplz {
  clear: both;
}
.text1 {	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5562A8;
	padding: 10px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #5563A8;
	padding-left: 10px;
	font-weight: bold;
}
.style1 {	font-size: 14px;
	font-weight: bold;
}

