/*
-----------------------------------------------
Twin-Cities Closet Company screen style
author:  briana como - www.u4eadesign.com
version:  1.1 - January 2008
----------------------------------------------- */
body {
	margin: 0;
  	padding: 0;
	/*font: 10px/130% "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;*/
	font-size: 70%;
	line-height:1.125em;
  	font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
	background: #bab784;
	color: #333;
}


/* Set margin and padding to 0 for all elements */
* {margin: 0; padding: 0;}

h1 {/* Twin-Cities Closet Co. */
	font-size: 14px;
	color: #Df3247;
	padding: 24px 0 8px 0;
}

h2 {/* page header */
	font-size: 140%;
	padding: 0 0 8px 8px;
	color: #742D27;
}

h3 { /* maroon header */
	font-size: 125%;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 1.3em;
	color: #742D27;
}

h4 { /* black smaller header */
	font-size: 105%;
	padding-top: 10px;
	padding-bottom: 5px;
	line-height: 1.4em;
	color: #303030;
}

p {
	padding: 8px 0 8px 0;
}

img {
	border: 0;
}

#maincontent p, #maincontent ul {
	line-height:1.6em;
}
#maincontent ul {
	padding-bottom: 10px;
}

#maincontent ul {
	padding-left: 2em;
}

.maroon {
	color: #742D27;
	font-weight: bold;
}
.border {
	background: #bab784;
	padding: 4px;
}

/********************************************/
/* HTML LAYOUT			*/
/********************************************/

#flashcontent {
	background: #bab784; /* medium green for top #bab784*/
}
	
#contentbg {
	/* This div is for a column background image */
	background: transparent url(../images/contentbg_bg.gif) repeat-y 50% 0;
}

#content {
	width: 866px;
	margin: 0 auto;
}
#sideleft {
	/*background: #000;*/ /* #BAB784 */
	background: #FFFFCC url(../images/sideleft_bg.gif) no-repeat top;
	float: left;
	width: 202px; /* 202 original */
	margin: 0;
	padding: 78px 0 0 0;
	
}
#sideright {
	float: right;
	width: 664px;
}
#header {
	background: #bab784;
	height: 202px;
	position: relative;
}
#main {
	
}
#mainleft {
	float: left;
	width: 598px;
	text-align: center;
}
#mainright {
	float: right;
	width: 66px;
	
}
#maincontent {
	width: 550px;
	
	margin: 16px auto;
	text-align: left;
	}
#gallery_medium {
	width: 230px;
	height: 200px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
	color: #666;
	text-align: center;
	}
#footer {
	background: #d6d6ad;
	clear: both;
	border-top: solid 8px #FFFFCC;
	
}
#footercontent {
	width: 818px;
	margin: 10px auto;
}


/********************************************/
/* Links		*/
/********************************************/

#footer a:link {color: #742d27; text-decoration: none; font-weight: bold;}
#footer a:visited {color: #742d27; text-decoration: none; font-weight: bold;}
#footer a:hover {color: #000; text-decoration: underline;}
#footer a:active {color: #000; text-decoration: underline;}

#main a:link {color: #742d27; text-decoration: none; font-weight: bold;}
#main a:visited {color: #742d27; text-decoration: none; font-weight: bold;}
#main a:hover {color: #000; text-decoration: underline;}
#main a:active {color: #000; text-decoration: underline;}

/********************************************/
/* Header		*/
/********************************************/
#logo {

    padding: 100px 0 0 0;
    overflow: hidden;
    background-image: url("../images/logo.gif");
    background-repeat: no-repeat;
    height: 0px !important;
    height /**/:100px;
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	width: 216px;
}
#logoimage {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

#pagehead {
	position: absolute;
	left: 0;
	top: 110px;
}
	
#headerbar {
	height: 66px;
	background: #FFFFCC;
	position: absolute;
	width: 100%;
	left: 0;
	top: 136px;
	background-image: url(../images/headerbar_bg.gif);
}

/********************************************/
/* Side Left		*/
/********************************************/
	
#navigation {
	margin: 0;
	padding: 0;
	}

ul#nav {
	margin: 0;
	list-style-type: none;
}
.menulist a {
	display: block;
	margin: 0;
	padding: 6px 0 6px 10px;
	color: #742D27;
	text-decoration: none;
	background: #D6D6AD;
	font-weight: bold;
	border-bottom: solid 4px #FFFFCC;
	border-left: solid 8px #FFFFCC;
	border-right: solid 8px #FFFFCC;
}
.menulist a.first {
	border-top: solid 8px #FFFFCC;
}
.menulist a.last {
	border-bottom: solid 8px #FFFFCC;
}
.menulist a:hover {
	color: #000;
	background-color: #EA9E57;
}
#testimony, #callout {
	
	background: transparent url(../images/testimony_bg.gif) repeat-y;
	padding: 32px 16px 0 20px;
}
#testimony q {
	color: #742D27;
	font-size: 125%;
	font-weight: 200;
	line-height: 1.4em;
}
#testimony p {
	color: #742D27;
	font-size: 95%;
	text-align: right;
	padding-right: 8px;
}
#callout ul {
	padding-left: 2em;
	color: #666633;
	font-size: 110%;
	line-height: 1.3em;
}

/********************************************/
/* FOOTER		*/
/********************************************/

#footer1 {
	color: #666633;
	font-weight: bold;
	float: left;
}
#footer2 {
	color: #471f1d;
	font-size: 16px;
	font-weight: bold;
	float: right;
}
#footer3 {
	color: #742d27;
	font-size: 9px;
	text-align: center;
	clear: both;
	}