html,body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: arial, helvetica, sans-serif;
}

body {
	/* All pages get the default background unless overridden by another css file */
	background: url("background_logo.png") bottom right no-repeat;
	background-position: top right;
}

.fader {
	font-size: 16px;
}

#blue {
	color: #00a0c6;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}


#pepper {
	color: black;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
}


#designs {
	color: #00a0c6;
	font-family: arial, helvetica, sans-serif;;
	font-weight: normal;
}


h1 {
	display: none;
	color: white;
	margin: 0;
	padding: 0;
}


h2 {
	color: #3991d3;
	margin: 0 0.3em;
	padding-top: 0.5em;
}

a {
	color: black;
	text-decoration: none;
}


a:hover {
	color: blue;
	text-decoration: underline;
}


a img {
	border: 1px solid transparent;
}

a:hover img {
	border: 1px solid blue;
}

p.body {
	margin: 0.5em 0.5em 1em;
	width: 500px;
	text-align: justify;
}

p.bodylong {
	margin: 0.5em 0.5em 1.5em;
	text-align: justify;
}

p.name {
	margin: 0 0.5em 2em;
	width: 500px;
	font-size: 90%;
	text-align: right;
	color: #3991D3;
}

.offertxt {
	position: relative;
	margin: 10px 120px;
}

.offertxt img {
	position: absolute;
	left: -110px;
}

table, tr, td {
	padding: 0;
	margin: 0;
	border: 0;
	border-collapse: collapse;
}


table#main {
	width: 100%;
	height: 100%;
}

tr, td {
	vertical-align: top;
}


sup {
	font-size: 60%;
}


address {
	font-style: normal;
}

li {
	margin-bottom: 10px;
}


/*============================================*/

#header, #header td {
	height: 90px;
	z-index: 10;
	top: 0;
	background: #3991d3 url("3991d3_pixel.png") repeat;
	border-bottom: 1px solid black;
	padding-top: 10px;
}


#header td {
	text-align: left;
	padding-left: 120px;
}


#logo {
	text-align: left;
	width: 340px;
	height: 70px;
	right: 0;
	background: #3991d3 url("3991d3_pixel.png") top right;
}


/*===================================================*/


#sidebar {
	width: 120px;
	background: #bfe9ff;
	border-right: 1px solid #3991d3;
	vertical-align: top;
}


#sidebar ul {
	margin: 0;
	padding: 0.5em 0 0 0;
}


#sidebar ul li {
	list-style-type: none;
	width: 100%;
}


#sidebar a {
	display: block;
	padding: 0.3em 0.5em;
	color: black;
	text-decoration: none;
}


#sidebar a:hover {
	color: white;
	text-decoration: underline;
	background: #3991d3;
}

/*===============================================*/


#content {
	vertical-align: top;
}


/* Settings for all pages */

.default, .design, .printing, .contact, .about {
	z-index: 0;
	margin: 0;
	padding: 0 0.5em;
	width: 98%;
	height: 100%;
}


/* Design page */
.design ul {
	margin: 1em 2em;
}
	

/* Contacts page */
.contact table {
	margin: 0.5em;
	width: 500px;
}

.contact td {
	padding: 0.5em 0.1em;
}


/*===========================================*/


#footer {
	display: none;
	height: 30px;
	z-index: 9;
	background: #3991d3;
	padding: 0;
	border-top: 1px solid black;
	line-height: 30px;
	vertical-align: middle;
}


#footer p {
	margin: 0;
	padding-right: 1em;
	text-align: right;
	color: white;
}



/*=========================================*/

.boxout, .boxout-trans {
	float: right;
	clear: right;
	width: 200px;
	font-size: 75%;
	margin: 1em 30px;
	padding: 1em;
}

.boxout {
	border: 1px solid #3991d3;
	background: #80d2ff;
	-moz-border-radius: 15px;
	border-radius: 15px;
}	

.boxout-trans {
	border: 0;
	background: transparent;
}

.boxout h3 {
	text-align: left;
	margin: 0;
}

.boxout a, .boxout-trans a {
	color: #009;
	text-decoration: none;
}

.boxout a:hover, .boxout-trans a:hover {
	color: #3991d3;
	text-decoration: underline;
}	

.boxout #flyer {
	border: 1px #3991d3 solid;
}

.boxout #flyer-container {
	display: block;
	text-align: center;
}

.boxout #flyer-container:hover {
	display: block;
	text-align: center;
	background-color: #3991d3;
}

.pull-quote {
	float: right;
	clear: right;
	width: 200px;
	text-align: center;
	font-size: 120%;
	margin: 1em 30px;
	border: 1px solid #3991d3;
	background: #80d2ff;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 0.5em;
}


/*============ Lightbox ==========*/

.lightbox-parent {
	background-color: lightblue; 
	padding: 5px; 
	margin: 5px; 
	width: 215px; 
	height: 180px; 
	text-align: center; 
	float: left;
}

.lightbox-parent a:hover img {
	border: 2px solid #000000;
}

.lightbox-parent img {
	background-color: #ffffff;
	border-bottom: 2px solid #666666;
	border-right: 2px solid #999999; 
	border-left: 2px solid #666666;
	border-top: 2px solid #666666;
}