body {
	background-color: #ffffff;
	font: 100% Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	font-size: 12px;
	background-image: url(images/body-bg.gif);
	background-repeat: repeat;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	margin-top: 10px;
}

#container-bg{
position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#container {
	position: relative; /* adding position: relative allows you to position the two sidebars relative to this container */
	width: 1000px;  /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
	background-image: url(images/bg-fotter.gif);
	background-repeat: repeat-y;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	min-height:600px;
} 

#header {
	margin: 0 0 0 0;
	padding: 10px 10px 10px 50px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #b6c268;
	min-height: 150px;
} 

#content {
	width: 680px;
	min-height: 500px;
	margin: 30px 40px 20px 10px;
	float: right;
}


#footer {
	clear: both;
	padding: 15px;
	height: 20px;
	margin-top: 0px;
	border-top: 2px;
	border-top-color: #b6c268;
	border-top-style: solid;
	background-image: url(images/bg-fotter.gif);
	background-repeat: repeat-y;
} 

img{
border: none;
margin: 4px 4px 4px 4px;
}


p, td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#330066;
margin: 10px 10px 10px 10px;
}

a:link, a:hover, a:visited, a:active  {
font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #990000;
	border: none;
	margin: auto;
}




h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#006600;
	margin-top: 20px;
	margin-left: 20px;
	text-align:left;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#003300;
	text-decoration: underline;
	border: none;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
}

h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#003333;
	text-decoration: none;
	margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	background-color: #CCFFCC;
	padding: 10px 20 px 10px 10px;
}
/*--------------------------------------------------------/*side menu/--------*/


#sidebar1{
float: left;
width: 200px;
min-height: 500px;
padding: 0 5px 20px 10px;
margin: 0 0 0 30px;
}

#menu {
list-style: none;
width: 150px;
padding-top: 35px;
height: 214px;
padding-left: 50px;
background: url(images/background.png) no-repeat;
}
#menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu li a:link, #menu li a:visited{
	color: #666666;
font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	height: 23px;
	display:block;
	text-decoration: none;
	padding: 8px 0 0 0px;
	font-weight:normal;
}

#menu li a:hover{
	color: #333333;
}

#menu li a:active{
color: #dbdbdb;
text-decoration: underline;
}

/*------------------------------------------------------single eyelashes rollover 1--*/

#single_1 {
	background-color: transparent;
	left: 0;
	position: relative;
	top: 0;
	width: 243px;
	height: 88px;
}
#single_1 a .single_large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#single_1 a img {
	border: 0;
}
#single_1 a.p1_3, #single_1 a.p1_3:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#single_1 a.p1_3:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#single_1 a.p1_3:hover .single_large {
	border: 1px solid #000000;
	display: block;
	height: 203px;
	left: -270px;
	position: absolute;
	top: -130px;
	width: 478px;
}
#single_1 a.p1_3, #single_1 a.p1_3:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#single_1 a.p1_3:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#single_1 a.p1_3:hover .single_large {
	border: 1px solid #000000;
	display: block;
	height: 203px;
	left: -270px;
	position: absolute;
	top: -130px;
	width: 478px;
}
/*------------------------------------------------------single eyelashes rollover 2--*/

#single_2 {
	background-color: transparent;
	left: 0;
	position: relative;
	top: 0;
	width: 243px;
	height: 88px;
}
#single_2 a .single_large_2 {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#single_2 a img {
	border: 0;
}
#single_2 a.p1_4, #single_2 a.p1_4:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#single_2 a.p1_4:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#single_2 a.p1_4:hover .single_large_2 {
	border: 1px solid #000000;
	display: block;
	height: 203px;
	left: -170px;
	position: absolute;
	top: -130px;
	width: 478px;
}
#single_2 a.p1_4, #single_2 a.p1_4:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#single_2 a.p1_4:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#single_2 a.p1_4:hover .single_large_2 {
	border: 1px solid #000000;
	display: block;
	height: 203px;
	left: -170px;
	position: absolute;
	top: -130px;
	width: 478px;
}


/*------------------------------------------------------semieyelashes rollover 1--*/

#semi_1 {
	background-color: transparent;
	left: 0;
	position: relative;
	top: 0;
	width: 243px;
	height: 88px;
}
#semi_1 a .semi_large {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#semi_1 a img {
	border: 0;
}
#semi_1 a.p1_1, #semi_1 a.p1_1:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#semi_1 a.p1_1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#semi_1 a.p1_1:hover .semi_large {
	border: 1px solid #000000;
	display: block;
	height: 212px;
	left: -243px;
	position: absolute;
	top: -130px;
	width: 478px;
}
#semi_1 a.p1_1, #semi_1 a.p1_1:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#semi_1 a.p1_1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#semi_1 a.p1_1:hover .semi_large {
	border: 1px solid #000000;
	display: block;
	height: 212px;
	left: -243px;
	position: absolute;
	top: -130px;
	width: 478px;
}
/*------------------------------------------------------semieyelashes rollover 2--*/

#semi_2 {
	background-color: transparent;
	left: 0;
	position: relative;
	top: 0;
	width: 243px;
	height: 88px;
}
#semi_2 a .semi_large_2 {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}
#semi_2 a img {
	border: 0;
}
#semi_2 a.p1_2, #semi_2 a.p1_2:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#semi_2 a.p1_2:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#semi_2 a.p1_2:hover .semi_large_2 {
	border: 1px solid #000000;
	display: block;
	height: 212px;
	left: -170px;
	position: absolute;
	top: -130px;
	width: 478px;
}
#semi_2 a.p1_2, #semi_2 a.p1_2:visited {
	background: transparent;
	border: 1px solid #000000;
	display: block;
	height: 88px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 243px;
}
#semi_2 a.p1_2:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}
#semi_2 a.p1_2:hover .semi_large_2 {
	border: 1px solid #000000;
	display: block;
	height: 212px;
	left: -170px;
	position: absolute;
	top: -130px;
	width: 478px;
}