/* meyerweb reset */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-weight: inherit;	font-style: inherit;
	font-size: 100%;	font-family: inherit;	vertical-align: baseline;}

:focus {	outline: 0;}
body {	line-height: 1;color: black;	background: white;}
table {	border-collapse: separate;	border-spacing: 0;}
caption, td {text-align: left;	font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}

/* basic stuff */
body{line-height:1.2em;}
p {margin:5px 0;padding:5px 0;}
ul, ol{padding:5px;margin:5px 5px 5px 15px}
li {padding:2px 2px 2px 5px;}
h1,h2,h3,h4 {margin:5px;padding:5px 2px;font-weight:bolder;}
h1 {font-size:3em;}
h2 {font-size:2.6em;}
h3 {font-size:2.2em;}
h4 {font-style:italic;}
img{margin:5px;}
a img{border:0;}
strong, .bold {font-weight:bold;}
em{font-style:italic;}

/* end of reset*/

/*layout*/
body {text-align:center;}
.wrapper {width:80%;float:right;text-align:left;}
#footer {margin-top:20px;text-align:center;}
#content-top{padding:15px;}
#header h1 {width:300px; float:left;}
#header p {width:300px; float:right;}
.contact td {padding:3px;}
.box {width:30%;float:left;padding:5px .5%; margin: 5px .5% 0 0;}

/*color, background, borders */
body {background:url(images/graymiddle.png);overflow:scroll;}
#boxtop{background:url(images/purplepaper.png);background-repeat:repeat-x;height:50px;clear:both;background-position:top left;}
#boxbottom{background:url(images/purplepaper.png);background-repeat:repeat-x;height:50px;clear:both;background-position:bottom left;}
#boxmiddle {margin:0;padding:0;overflow:hidden;background:#110066 url(images/purplemiddle.png);float:left;width:100%;}
h1,h2,h3,h4 {color:#222;}

/*font*/
body{font-family: 'segoe print', century gothic;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.4;}
h1,h2,h3,h4{font-family:amienne,'segoe print', georgia;}
.box h3 {padding:0;margin:0;}
#boxmiddle {color:white;font-size:.9em;}
#boxmiddle li {list-style-image:url(images/bullet.png);padding:0;margin-bottom:10px;}

/*links*/
a {color:#10005e;}
a:hover {color:gray;}


/* Easy Slider   http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider */
#slider {margin:0 auto;clear:both;}
#slider ul, #slider li{margin:0;padding:0;list-style:none;}
#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:600px;
		height:400px;
		overflow:hidden; }	
#prevBtn, #nextBtn{ margin:20px;}	
#prevBtn a, #nextBtn a {color:white;}