body {
	margin: 0px;
	padding: 0px;
	background: #ffffff;
	color: #000;
	font: 14px Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	line-height: 123%;
	text-align: center;
	}

p		{
		margin: 10px 0px 0px 0px;
		padding: 0px;
		font-size: 14px;
		line-height: 133%;
		text-align: justify;
}

p.xlarge	{
		font-size: 20px;
		line-height: 144%;
		text-align: justify;
}

p.large	{
		font-size: 17px;
		line-height: 144%;
		text-align: justify;
}

p.small	{
		font-size: 11px;
		line-height: 120%;
		text-align: justify;
}

p.copy	{
		font-size: 11px;
		line-height: 120%;
		text-align: center;
}

p.center	{
		line-height: 120%;
		text-align: center;
}

.large {
		color: #333;
		font-size: 23px;
		font-weight: bold;
}

.medium {
		color: #333;
		font-size: 17px;
		font-weight: bold;
}


h1 {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		color: #333;
		font-size: 23px;
}

h1.drop {
		margin: 20px 0px 20px 0px;
}

h1.left {
		margin: 0px 0px 20px 0px;
		text-align: justify;
		}

h2 {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		color: #333;
		font-size: 20px;
}

h2.left {
		margin: 20px 0px 20px 0px;
		text-align: justify;
}

h3 {
		margin: 0px 0px 20px 0px;
		padding: 0px;
		color: #333;
		font-size: 17px;
}

h3.left {
		margin: 20px 0px 0px 0px;
		text-align: justify;
}

img { border: none; }

.img1 {
        float: left;
        margin: 0px 10px 0px 0px;
}

.img2 {
        float: left;
        margin: 0px 30px 0px 10px;
}

.img3 {
        margin: 10px 0px 0px 0px;
}

.img4 {
        margin: 0px 0px 0px 0px;
}

.img5 {
        float: right;
		margin: 0px 0px 0px 0px;
}

.img6 {
        float: right;
		margin: 0px 20px 0px 20px;
}

.example1 {
        margin: 45px 0px 30px 0px;
}

.example2 {
        margin: 10px 0px 0px 0px;
}

.example2c {
        clear: left;
        margin: 10px 0px 0px 0px;
}

.example3 {
        margin: 30px 0px 0px 0px;
}

a {
        color: #333333;
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

ul {
        margin: 10px 0px 0px 0px;
        padding: 0;
        list-style: none;
}

li {
        display: inline;
}

#header {
        width: 100%;
        height: 110px;
        margin: 0 auto;
        padding: 0px;
        background: #cccccc url("images/bg/bg-gradient-header.jpg") repeat-x;
}

#banner {
        width: 800px;
        height: 90px;
        margin: 0 auto;
        padding: 10px;
}

#menu {
        width: 100%;
        height: 40px;
        margin: 0 auto;
        padding: 0px;
		background: #999999;
}

#menucontent {
        width: 800px;
        height: 40px;
        margin: 0 auto;
        padding: 0px 10px 0px 10px;
}

#title {
    	display: block;
		float: left;
        width: 198px;
        height: 25px;
        margin: 0 auto;
        padding: 13px 1px 2px 1px;
		text-align: center;
        text-decoration: none;
        text-transform: lowercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 18px;
        font-weight: bold;
        color: #333333;
}

#topnav {
		display: block;
		float: right;
        width: 600px;
        height: 40px;
        margin: 0 auto;
        padding: 0px;
}

#topnav ul {
        margin: 0;
        padding: 0;
        list-style: none;
}

#topnav li {
        display: inline;
}

#topnav a {
        display: block;
        float: left;
        width: 118px;
        height: 26px;
        padding: 12px 1px 2px 1px;
        background: #999999;
		text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #333333;
}

#topnav a:hover {
		font-size: 17px;
        height: 25px;
        padding: 13px 1px 2px 1px;
        color: #000000;
        background: #cccccc;
}

#topnav .active a {
    	font-size: 18px;
        height: 25px;
        padding: 13px 1px 2px 1px;
        background: #ffffff;
        color: #000000;
}

#page {
		width: 800px;
		margin: 0 auto;
        padding: 0px;
		background: #ffffff;
}

#rowSingle {
		width: 800px;
		margin: 0px 0px 0px 0px;
        padding: 0px;
		background: #ffffff;
}

#singleBox {
        float: left;
        width: 780px;
        height: 100%;
		margin: 10px 10px 0px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#singleBoxTall {
        float: left;
        width: 780px;
        height: 100%;
		margin: 10px 10px 0px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-208.jpg") repeat-x;
}

#singleBoxSubNav {
        float: left;
        width: 610px;
        height: 100%;
		margin: 10px 10px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#singleBoxSubNavOld {
        float: left;
        width: 780px;
        height: 100%;
		margin: 10px 0px 0px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#singleBoxSubNavOld ul {
		clear: left;
        margin: 10px 0px 10px 0px;
        padding: 0;
        list-style: none;
}

#singleBoxSubNavOld li {
        display: inline;
}

#singleBoxSubNavOld a {
        display: block;
        float: left;
        width: 185px;
        padding: 2px 0px 2px 0px;
        margin: 10px 5px 0px 5px;
		text-align: center;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #333333;
        background: #999999;
}

#singleBoxSubNavOld a:hover {
        color: #000000;
        background: #cccccc;
}

#singleBoxSubNavOld .active a {
        color: #000000;
        background: #cccccc;
}


#rowThreeBox {
		clear: left;
		width: 800px;
		margin: 0px 0px 0px 0px;
        padding: 0px;
		background: #ffffff;
}

#threeBox {
        float: left;
        width: 240px;
        height: 100%;
		margin: 10px 10px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#threeBoxLast {
        float: right;
        width: 240px;
        height: 100%;
		margin: 10px 0px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#rowTwoBox {
		width: 800px;
		margin: 0px 0px 0px 0px;
        padding: 0px;
		background: #ffffff;
}

#twoBoxFirst {
        float: left;
        width: 240px;
        height: 100%;
		margin: 10px 10px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#twoBoxWideFirst {
        float: left;
        width: 510px;
        height: 100%;
		margin: 10px 10px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#twoBoxLast {
    	clear: right;
    	float: right;
        width: 240px;
        height: 100%;
		margin: 10px 0px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#twoBoxLastClear {
    	clear: right;
    	float: right;
        width: 240px;
        height: 100%;
		margin: 10px 0px 10px 0px;
        padding: 10px;
		background: #ffffff;
}

#twoBoxWideLast {
        float: right;
        width: 510px;
        height: 100%;
		margin: 10px 0px 10px 0px;
        padding: 10px;
		background: #ffffff url("images/bg/bg-gradient-vert-104.jpg") repeat-x;
}

#rowMain {
		width: 800px;
		margin: 0px 0px 0px 0px;
        padding: 0px;
		background: #ffffff;
}

#mainContent {
        float: left;
        width: 610px;
        height: 100%;
		margin: 0px 10px 10px 0px;
        padding: 10px;
		background: #ffffff;
}

#mainContentWide {
        float: left;
        width: 650px;
        height: 100%;
		margin: 0px 10px 10px 0px;
        padding: 10px;
		background: #ffffff;
}

#mainContentShade {
        float: left;
        width: 610px;
        height: 100%;
		margin: 10px 10px 10px 0px;
        padding: 10px;
		background: #ffffff  url("images/bg/bg-gradient-vert-208.jpg") repeat-x;
}

#mainSubContent {
        float: right;
        width: 160px;
        height: 100%;
		margin: 0px 0px 10px 0px;
        padding: 0px;
		background: #ffffff;
}

#mainSubContentNarrow {
        float: right;
        width: 120px;
        height: 100%;
		margin: 0px 0px 10px 0px;
        padding: 0px;
		background: #ffffff;
}

#categoriesBox {
        float: left;
        width: 315px;
        height: 100%;
		margin: 10px 5px 10px 5px;
        padding: 0px;
}

#designBox {
        float: left;
        width: 285px;
        height: 100%;
		margin: 10px 5px 10px 5px;
        padding: 0px;
}

#exampleBox {
        float: left;
        width: 240px;
        height: 100%;
		margin: 10px 5px 10px 5px;
        padding: 0px;
}

#footer {
        float: left;
        width: 780px;
        height: 100%;
		margin: 0px 10px 20px 10px;
        padding: 10px;
		background: #ffffff;
}