@charset "utf-8";
/*----reset----*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
img{margin:0; border:none;}
h1,h2,h3,h4,h5,h6,p,pre,ul,ol,dl{margin:1em 0; padding:0;}
ul, li{list-style:none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li,dd,blockquote{margin-left:0.2em;}
html{font-size:100.01%; font-style:inherit;}
body {font:13px/1.4em Arial, Helvetica, sans-serif;*font-size:small;*font:x-small;}
h1,h2,h3,h4,h5,h6{font-style: normal 100.01%; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}
q:before,q:after{content:'';}

/*----- heading -------*/
h1 {font-size:236%;font-weight:bold;color:#585858;margin:0;line-height: 200px;}
h2 {
	font-size:150%;
	font-weight:bold;
	color:#933;
	margin:1.3em 0;
	border-left: 3px solid #9e9e9e;
	padding-left: 10px;
}
h3 {font-size:105.5%;font-weight:bold;color: #395E70;margin:0.5em 0;}
h4{
	font-size:105%;
	font-weight:bold;
	color:#933;
	margin:0em 0;
}
h5{font-size:100%; font-weight:bold;color:#336666;margin:0.5em 0;}
h6{font-size:100%; font-weight:bold;color:#d3cfb6;margin:0.5em 0;}
strong{font-weight:bold;margin:0.5em 0;}
em {font-style:normal; color:#444;} /*change font color within regular text*/
.caption{font-size:77%;color:#999;font-weight: bold;}
blockquote,ul,ol,dl {margin:1em;}/*giving blockquotes and lists room to breath*/
ol,ul,dl {margin-left:0.5em;}/*bringing lists on to the page with breathing room */
ol li {list-style: none;}/*giving OL's LIs generated numbers*/
ul li {list-style: none;margin-bottom: 5px;}
dl dd {margin-left:1em;}/*giving UL's LIs generated numbers*/
a:link, a:visited, a:active{color:#F63;text-decoration:underline;margin:0;padding:0;}
a:hover{color:#b96e17;text-decoration:none;}

/* ~~~~~~~~~~ contents ~~~~~~~~~~ */

body {background: #FEFEFE;margin: 0; padding: 0; text-align: center; color: #4d4545;}
#container {
	width: 80%; /* this will create a container 80% of the browser width */
	max-width:850px; 
	background: #FEFEFE url(image/tullip.jpg) no-repeat 10px 20px;
	margin: 0 auto;
	text-align: left;
	border: 1px solid #222;
}
#header {padding: 0 10px 0 130px;}
#header h1 {margin:0; padding:10px 0; }
#maincontent {background: #fefefe;padding: 0 30px;margin-top: -60px;} 
#maincontent img{border: 7px solid #DEE0D1;}
#maincontent ul{ margin-top:30px; width: 90%;}
#maincontent ul li{ display:block; float:none; }
#maincontent li a:link, #maincontent li a:active, #maincontent li a:visited{color:#F63; font-weight:bold; text-decoration: underline;}
#maincontent li a:hover{color:#930; font-weight:bold; text-decoration: none;}
.buynow{color:#FFF; font-weight:bold;padding:4px 7px;margin:0;background: #555;display: inline;}
.buynow a:link,.buynow a:visited, .buynow a:hover{color:#FFF !important; text-decoration:none  !important;}
#footer {
	background:#e5e5e5;
	padding: 0 10px;
	font-size: 78%;
	margin-top: 20px;
	border-top: 1px solid #222;
} 
#footer p {margin: 0; padding: 10px 0;}
#years {
	height: 50px;
	margin-top:40px;
	padding-left: 30px;
}
#years ul {height: auto;width: 100%;clear:left;margin-top: 5px;}
#years ul li {display: inline;float: left;color:#333;text-decoration: none;padding: 2px 5px;margin-right: 1px;margin-left: 1px;}
#years a:link,a:active,a:visited{color:#333;text-decoration: underline;}
#years a:hover{color:#930;text-decoration: none;background: #FECD9C;}