html,html body
{
	background-color: white;
	color: black;
	font-family: "Myriad Web Pro Condensed",verdana,sans-serif;
}

html body
{
	padding: 1em;
	padding-top: 0em;
	margin: auto;
	width: 700px;
}


/* Top Banner */

div.banner
{
	margin: 0px;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	width: 100%;
}


/* Menu */

div.menu
{
	margin: auto;
	margin-top: 0px;
	width: 650px;
}

div.menu ul
{
	list-style: none;
	margin: 0px; padding: 0px;
}

div.menu li
{
	float: left;
	margin: 0px 10px;
	background-image: url(/graphics/flag-plain.png);
	width: 70px;
	height: 90px;
}

div.menu a
{
	display: block;
	width: 50px;
	height: 80px;
	padding: 5px 10px;
	margin: auto;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	overflow: hidden;
	text-align: center;
	color: black;
}

div.menu a.trickymenu
{
	padding: 0px 10px;
	font-size: 10px;
}

div.menu a#selected { color: red }

div.menu a:hover { color: red }


/* Main Content */

div.content
{
	max-width: 650px;
	margin: auto;
}

div.content h1
{
	font-size: large;
	margin-bottom: 0em;
	text-align: center;
}


/* Footer */

div#sitebysig
{
	text-align: center;
	font-size: small;
	border-top: solid thin #ccc;
	margin-top: 1ex;
}


/* Home */

div#homecontent
{
	text-align: center;
}

div#homeslideshows
{
	width: 630px;
	margin: auto;
}

div.rotation
{
	margin: 5px;
	float: left;
	border: thin solid black;
}

div#homecontent h3 { font-weight: normal; }

div#homespecial
{
	min-height: 108px;
	margin: 1ex auto;
}

div#homespecial .emph
{
	padding-top: 1ex;
}

div#homespecial img
{	border: none; }

p#finaladvice { color: red; }

img#leftflag { float: left; }
img#rightflag { float: right; }

h1#frontwelcome { color: red }

div#extranotesfloater
{
	clear: both;
	width: 520px;
	margin: auto;
}

div#testimoniallink
{
	border: thin solid black;
	background-color: white;
	width: 90%;
	margin: auto 10px;
	padding: 0em 10px;
	color: red;
	font-size: large;
	float: left;
}

div#testimoniallink a
{
	text-decoration: none;
}

div#weddingnote
{
	float: left;
	width: 100px;
	height: 120px;
	margin: auto 10px;
	padding: 0px;
	background-image: url(/graphics/flag-wide.png);
	font-size: 10px;
	font-style: italic;
}

div#weddingnote p
{
	margin: auto 0em;
	padding: 0px;
}

h3.newsitem
{
	color: red;
	font-size: 20pt;
	font-weight: bold;
	text-align: center;
}


/* Testimonials */

div.loneflag
{
	float: left;
	margin: 0px 10px 10px;
	padding-top: 2px;
	background-image: url(/graphics/flag-plain.png);
	width: 70px;
	height: 88px;
	font-size: 8px;
	text-align: center;
}

div.loneflag a
{
	text-decoration: none;
}

div#testcontent
{
	background: url(/photos/homebg.png) no-repeat top center;
	min-height: 762px;
}

div#testcontent h1, div#sundaytimescontent h1
{
	font-size: 200%;
}

div.testimonial
{
	margin-bottom: 1em;
}

div.testimonial .sign
{
	color: red;
}

div.testimonial p
{
	margin-top: 0em;
	margin-bottom: 0em;
}

div#sundaytimescontent { text-align: center; }

/* About */

div#aboutcontent { background: url(/photos/princess-aboutus.png) no-repeat bottom right }

div#zoesig img
{
	float: left;
	margin: 0ex 1em 2ex 0em;
	border: 1px solid black;
}


/* Bunting */

div.bunting
{
	clear: both;
	border-top: solid thin red;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

/* CSS 3 only pseudo-class */
div#buntinglist div.bunting:first-child { border-top: none }

div.bunting img
{
	border: thin solid black;
	width: 300px;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 1ex;
}

div.bunting h2
{
	text-transform: uppercase;
}

div.bunting .morepics
{
	border: thin solid black;
	float: right;
	text-transform: uppercase;
	padding: 0.2em;
}

div.bunting .morepics:hover { border: thin solid red }

div.bunting .morepics a
{
	color: red;
	text-decoration: none;
}

div.buntingnote
{
	border: thin solid black;
	text-align: center;
	font-size: large;
	margin: 1ex auto;
}


/* How it Works */

.mainpoint
{
	font-size: large;
	font-weight: bold;
}

ol.howitworks li
{
	border-bottom: thin solid black;
	padding-bottom: 0.5ex;
	margin-bottom: 0.5ex;
}


/* Prices */

table.pricelist { width: 100% }

table.pricelist td
{
	width: 45%;
	border: thin solid black;
	vertical-align: top;
	font-size: small;
	margin: 1%;
}

.pricelist .design
{
	margin-bottom: 5px;
	text-align: center;
	border: thin solid #aaa;
	width: 150px;
}

.pricelist .designs-hor .design
{
	float: left;
	margin-right: 5px;
}

.pricelist .design p
{
	margin: 0em;
	font-size: xx-small;
}

table.pricelist h2
{
	text-transform: uppercase;
	font-size: small;
	margin-top: 0ex;
}

table.pricelist td td
{
	width: auto;
	border: none;
}


img.deliveryvan
{
	float: left;
	margin: 1em;
}


/* Hanging and Folding */

div.imgwithcaption { text-align: center; margin-bottom: 2ex; }

div.imgwithcaption img { margin: 0px }

div.imgwithcaption p { margin-top: 0ex; margin-bottom: 0ex; }

table.foldingguides { border-collapse: collapse }

table.foldingguides td, table.foldingguides th
{
	border-top: thin solid #bbb;
	border-bottom: thin solid #bbb;
}

table.foldingguides th
{
	font-weight: normal;
	width: 15%;
	padding-right: 0.5em;
}

table.foldingguides img { float: right }


/* Google Map */

div#map
{
	float: right;
	margin-right: 2em;
	border: thin solid black;
	width: 300px;
	height: 230px;
	text-align: center;
}

div#map img { outline: none }

div#map p { margin: 0.1em }

img#mappic
{
	width: 100%;
	height: 100%;
	margin: 0;
}


/* Address */

div.address { font-size: x-large }


/* Contact Form */

legend
{  
	margin-left: 1em;  
	color: #000000;  
	float: left;
	width: 100%;
}

fieldset ul {  
	padding: 0.5em 1ex;  
	list-style: none;
}

fieldset li
{
	padding-bottom: 1em;
	float: left;
	width: 100%;
}

label
{
	float: left;
	width: 10em;
	margin-right: 1em;
	text-align: right;
}

button
{
	float: none;
	width: 100px;
	margin-left: 260px;
}

/* Links */

table.links td { padding-bottom: 10px }

table.links img { width: 150px; padding-right: 10px }
table.links a img { border-style: none }

/* Misc */

div#email img
{
	display: block;
	margin: auto;
}

img.emailaddr { vertical-align: middle }

a { color: red }

div.imagelist
{
    width: 100%;
	margin-top: 10px;
    text-align: center;
}

div.imagelist img
{
    margin: 5px;
    border: thin solid black;
}



/* Generic */

.center { text-align: center }

.clear { clear: both }

.emph { font-style: italic }

p.important { font-weight: bold }

.smalltext { font-size: small }

.largetext { font-size: large }

.red { color: red }

.noborder { border: none }