body
{
background: gray;
color: #000000;
font-family: Times New Roman, times, georgia, serif;
font-size: 16px;
padding: 0px;
text-align: left;
}

p {
font-size: 16px;
color: black;
text-align: left;
font-family: Times New Roman, times, georgia, serif;
}

p#highlight { 
font-family: arial, helvetica, verdana, sans-serif;
color: #000;
font-size: 21px;
font: strong;
padding: 0;
margin: 0;
text-align: center;

 } 



h1{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 24px;
color: red;
font: strong;

}


h2{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 16px;
color: black;
font: strong;
}


h3{
font-family: arial, helvetica, verdana, sans-serif;
font-size: 13px;
color: black;
font: normal;
}


.thumb {
border:thin solid #CCCCCC;
cursor:pointer;
display:inline;
margin-bottom:10px;
margin-right:10px;
width:70px;
}


.photo{
border:1px solid #000;
}


.red{
color: red;
}


#container{
	width: 800px;
	background-image: url(notepaper.gif) ;
	margin: 0 auto 30px auto;
	border-left: solid 3px #d6d6d6;
	border-right: solid 3px #d6d6d6;
	border-bottom: solid 3px #d6d6d6;
	text-align: left;
	color: #000000;
	font-size: 16px;
	}

/* ##################### HEADER ###################### */

#header {
position: relative;
float: left;
}



#top {
width: 100%;
position: relative;
margin: 0px;
padding: 0px;
}

#topleft{
position: relative;
float: left;
padding: 0 0 0 0px;
margin: 0 0px 0 10px;
font-family: Times New Roman, times, georgia, serif;
font-size: 18px;
line-height: 1.5;
}

#topright{
position: relative;
float: right;
text-align: center;
padding: 10px 0px 10px 0px;
margin: 10px 40px 0px 0;
font-family: arial, helvetica, verdana, sans-serif;
font-size: 14px;
color: black;
font: strong;
line-height: 1.5;
background: #c2d3e5;
width: 200px;
}

#topbottom{
position: relative;
float: left;
width: 700px;
font-size: 14px;
margin: 0 30px 0 40px;

}


#main{
position: relative;
float: left;
text-align: center;
width: 100%;
}

#maintop{
position: relative;
width: 100%;
}

#product {
position: relative;
float: left;
width: 20%;
height: auto;
margin: 0 0px 20px 40px;
padding: 0 0 0 0px;


}

#productlogo {
position: relative;
float: left;
width: 350px;
height: auto;
margin: 30px 225px 0 225px;
background: #fff;

}

#maintopheader{
position: relative;
float: right;
width: 70%;
padding: 0 0 0 0;
margin: 0 10px 0 5px;
}



#introduction{
position: relative;
float: left;
text-align: center;
width: 100%;
padding: 0;
margin: 0;
}

#content{
position: relative;
float: left;

}

#left{
position: relative;
float: left;
margin: 0 0px 0 25px;
padding: 0 0 0 0px;
width: 40%;
}

#right{
position: relative;
float: left;
margin: 0px 0px 0px 0px;
padding: 0 0 0 0px;
width: 55%;
}


#rightjourn{
position: relative;
float: left;
margin: -50px 0px 0px 0px;
padding: 0 20px 0 10px;
z-index: 2;
}


#right1{
position: relative;
float: left;
padding: 0px 10px 0px 5px;
text-align: left;

}

#rightcontainer{
position: relative;
float: left;
margin: 10px 0px 0 10px;
}

#right2{
position: relative;
float: left;
padding: 0px 10px 0px 0px;
}

#right3{
position: relative;
float: right;
padding: 0px 10px 0px 0px;
}




/* ##################### FOOTER ###################### */

#footer{
position: relative;
float: left;
width: 100%;
height: auto;
margin: 30px 0 30px 0;
}

#footerleft{
position: relative;
float: left;
width: 20%;

background: #000;
}

#footermain{
position: relative;
float: left;
width: 60%;

text-align: center;
background: red;
}

#footerright{
position: relative;
float: right;
width: 20%;

background: #000;
}

#bar{
position: relative;
float: left;
background: #c2d3e5;
width: 100%;
height: 30px;
margin: 20px 0 20px 0;
padding: 5px 0 0 0;
color: #000;
text-align: center;
font-size: 21px;
font-family: arial, helvetica, verdana, sans-serif;
font: strong;

}


/* ##################### END FOOTER ###################### */

.clearboth { clear: both; }