html
{
	height: 100%;
	min-height: 100%;
	width: 100%;
	min-width: 100%;
}

body
{
	margin: 0px;
	height: 100%;
	width: 100%;
	min-width: 100%;
	font: normal 0.8em/1.3em 'Segoe UI', Tahoma, Arial, 'Lucida Grande', Verdana, Helvetica, sans-serif;
	background-color: white;
}

.home
{
	background-color: #F6D2E4;
}

.about
{
	background-color: #FFDCA7;
}

.mookies
{
	background-color: #E7EEB7;
}

.autumn
{
	background-color: #CCCCCC;
}

.spring
{
	background-color: #FFFF99;
}

.summer
{
	background-color: #CCFFFF;
}

.winter
{
	background-color: #B1D2B8;
}

.birthday
{
	background-color: #FFDCA7;
}

.wedding
{
	background-color: #D2E5B6;
}

.corporate
{
	background-color: #CCCCCC;
}

.custom
{
	background-color: #B9E4F3;
}

.faq
{
	background-color: #F5B6D3;
}

.order
{
	background-color: #B9E4F3;
}

.blog
{
	background-color: #DDAED1;
}

.contact
{
	background-color: #F5B6D3;
}

img
{
	border: 0px;
}

/* left side */

.sitenav
{
	background-color: white;
	min-width: 180px;
	width: 20%;
	height: 100%;
	float: left;
	font-weight: bold;
	padding-right: 0px;
	overflow: auto;
}

/* right side */

.content
{
	overflow: auto;
	text-align: left;
	/*width: 844px;*/
	width: 80%;
	margin: 0px;
	min-height: 100%;
}

/* rounded area for all the content */

.rounded_wrapper
{
	padding-top: 74px;
	padding-left: 74px;
	padding-right: 0px;
	padding-bottom: 0px;
	
	width: 770px;
	height: 100%;
	margin: 0px;
}

.rounded_top {
	background-image: url(../images/round_top.png); /* inside colour for rounded corner box  */
	width: 750px;
	height:22px; /* height of rounded corner box */
} 

.rounded_bottom {
	background-image:  url(../images/round_bottom.png); /* inside colour for rounded corner box  */
	width: 750px;
	height:22px; /* height of rounded corner box */
	margin-bottom: 20px;
} 

.rounded_content
{
	background-color: white;
	padding: 0px 20px 0px 20px;
	width: 710px;
	height: 540px;
	margin-right: 0px;
	text-align: left;
	overflow: auto;
}


/* text columns */
.columnleft
{
	width: 48%;
	float: left;
	padding-right: 2%;
}

.columnright
{
	width: 48%;
	float: left;
	padding-left: 2%;
}

/* navigation list */

ul.navigation_list
{
	list-style-type: none;
	padding-right: 10px;
	margin: 0px 0px 10px 0px;
	text-decoration: none;
	width: 175px;
	float: right;
}

ul.navigation_list li
{
	list-style-type: none;
	text-decoration: none;
	text-align: right;
	padding-top:3px;
	padding-bottom:3px;
	border-bottom: 1px solid #DDDDDD;
	width: 100%;
}

ul.navigation_list li.nopadding
{
	padding: 0px;
}

ul.navigation_list li div ul
{
	margin: 0px;
}

ul.navigation_list li.noline
{
	border-bottom: none;
}

ul.navigation_list li img
{
	position:absolute;
	margin:1px 0 0 61px;
}

ul.navigation_list a:link
{
	text-decoration: none;
}

ul.navigation_list a:visited
{
	text-decoration: none;
}

ul.navigation_list a:hover
{
	text-decoration: none;
}

ul.navigation_list a:active
{
	text-decoration: none;
}

.socialicons
{
	text-align: right;
	padding-right: 10px;
}

/* navigation list colors */

#home a {color: #E8008A; font-size: 14px;}
#home:hover {background-color:#F6D2E4;}

#about a {color: #F07931; font-size: 14px;}
#about:hover {background-color:#FFDCA7;}

#mookies a {color: #AFCF34; font-size: 14px;}
#mookies:hover {background-color:#E7EEB7;}

#seasonal {color: #333; font-size: 14px;cursor:pointer;}
#seasonal:hover {background-color:#DDDDDD;}

#special {color: #333; font-size: 14px;cursor:pointer;}
#special:hover {background-color:#DDDDDD;}

#faq a {color: #E8008A; font-size: 14px;}
#faq:hover {background-color: #F5B6D3;}

#order a {color: #00B8C6; font-size: 14px;}
#order:hover {background-color:#B9E4F3;}

#blog a {color: #A44B9A; font-size: 14px;}
#blog:hover {background-color:#DDAED1;}

#contact a {color: #CB108A; font-size: 14px;}
#contact:hover {background-color:#F5B6D3;}

#spring {border-bottom: 0px;}
#spring a {color: #E8008A;}
#spring:hover {background-color: #DDDDDD;}

#summer {border-bottom: 0px;}
#summer a {color:#F07931;}
#summer:hover {background-color: #DDDDDD;}

#autumn {border-bottom: 0px;}
#autumn a {color:#000;}
#autumn:hover {background-color: #DDDDDD;}

#winter {border-bottom: 0px;}
#winter a {color:#25B58B;}
#winter:hover {background-color: #DDDDDD;}

#birthday {border-bottom: 0px;}
#birthday a {color:#F07931;}
#birthday:hover {background-color: #DDDDDD;}

#wedding {border-bottom: 0px;}
#wedding a {color:#3DB248;}
#wedding:hover {background-color: #DDDDDD;}

#corporate {border-bottom: 0px;}
#corporate a {color: #000;}
#corporate:hover {background-color: #DDDDDD;}

#custom {border-bottom: 0px;}
#custom a {color:#00B8C6;}
#custom:hover {background-color: #DDDDDD;}

/* images */

img.sidephoto
{
	float: left;
	margin: 0px 0px 20px 20px;
}

img.logo
{
	float: right;
	padding-right: 10px;
}

h1
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	width: 350px;
}
