body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	font-family: "Lucida Grande", Geneva, Verdana, Helvetica, Arial, "Gill Sans", sans-serif;
	text-align: center; /* hack for IE */
	background: #FFF url(../siteImages/bgDropShadow.jpg) repeat-y center; 
}
p {
	font-size: 85%;
	font-style: normal;
	line-height: 110%;
	font-weight: lighter;
	font-variant: normal;
}
a:visited {
	color: #660066;
}
.clear {
	clear: both;
}
body#portfolio div#content img {
	margin-right: 5%;
	margin-left: 5%;
}
h5, h4, h3, h2 {
	margin-top: 12px;
	margin-bottom: 3px;
	font-family: "American Typewriter", Georgia, "Times New Roman", Times, serif;
}
.noMarginOrPadding{
	margin: 0;
	padding: 0;
}

div#wrapper {
	margin: 0px auto;
	padding: 0px;
	text-align: left; /* hack for IE */
	height: auto;
	width: 780px;
	position: relative;
	top: 0px;
	/* debug code 
	border: blue dotted 1px;*/
}
div#footer {
	font-size: 60%;
	font-style: normal;
	clear: both;
	text-align: left; /* hack for IE */
	margin: 0px auto;
	padding: 0px;
	height: 35px;
	width: 780px;
	position: relative;
	/*top: 90%;
	 debug code: 
	border: orange dotted 1px;*/
}

div#header {
	font: small-caps 36px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	height: 117px;
	width: 780px;
	position: relative;
	z-index: auto;
	background: url(../siteImages/headerBG.jpg) no-repeat 10px;
}
div#belowHeader {
	width: 755px;
	position: relative;
	margin: 0 auto;
	padding: 0px;
	/* debug code 
	border: black dotted 1px;*/

}
div#content {
	width: 520px;
	float: left;
	padding-left: 25px;
	/* debug code: 
	border: green dotted 1px;*/
}

div#sideBar {
	width: 185px;
	margin: 0;
	float: right;
	position: relative;
	/* test code begin: 
	border: red dotted 1px;*/
}
div#footer ul{
	margin-left: 10px;
	height:	25px;
	border-top: 4px solid #CD4034;
	width: 540px;
}
div#footer li{
	display: inline;
	list-style: none;
}
div#footer a:link{
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
}
div#footer a:hover{
	text-decoration: none;
	background: #CCCCCC;
}
div#sideBar ul#ulSiteNav {
	font: lighter small-caps 18px/35px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	list-style: none;
	position: relative;
	margin: 5px 0px;
}
body#home div#sideBar ul li#mnuHome a, 
body#why div#sideBar ul li#mnuWhy a, 
body#portfolio div#sideBar ul li#mnuPortfolio a,
body#guest div#sideBar ul li#mnuGuest a, 
body#shop div#sideBar ul li#mnuShop a,
body#tips div#sideBar ul li#mnuTips a, 
body#press div#sideBar ul li#mnuPress a, 
 
body#contact div#sideBar ul li#mnuContact a {
	text-decoration: none;
	background: #CCCCCC;

}
div#sideBar a:hover {
	border-bottom: thick solid #e44f49;
	}

div#sideBar ul li a {
	text-decoration: none;
	color: #000;
}
/*
body#home div#sideBar ul li, body#why div#sideBar ul li, body#portfolio div#sideBar ul li, body#shop div#sideBar ul li {
	text-decoration: none;
	padding-right: 0.3em;
	padding-left: 0.2em;
	font-weight: bolder;
	font-size: 20px;
}
*/
.floatR {
	float: right;
}
.floatL {
	float: left;
}
img {
	border-style: none;
}
/* Styles specific to index page */

/*
#Shadows, #Colors, #Sky, #Whites {
	font: small-caps 100%/110% Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	border: thin solid #000000;
}
*/
#posterAndQuoteBox {
	position: relative;
	margin-top: 15px;
	height: 185px;
}

#uncleSam{
	position:absolute;
	width: 125px;
	height: 159px;
	left: 90px;
	top: 6px;
}
#quoteBox {
	position: absolute;
	width: 257px;
	background-color:#FFFFFF;
	visibility: visible;
	margin: 0;
	padding: 0;
	left: 224px;
	top: 10px;
	/* debug code 
	border: red dotted 1px;*/
}
.flyQuote {
	color: #000;
	font: italic 300 13pt Georgia, "Times New Roman", Times, serif;
    }

/* Specific to the portfolio.html page*/
body#portfolio div#content{
	height: auto;
}
div#contentHeader {
	position: relative;
	margin: 0;
	padding: 0;
	width: 521px;
	height: 64px;
	overflow: hidden;
	/* debug code 
	border: purple dotted 1px; */
}

h2{
	margin:0;
	padding: 0;
}

.inline{
	display: inline;
}
div#topRow, div#middleRow1, div#bottomRow{
	position: relative;
	width: 535px;
	height: 275px;
}
/*
div#topRow{
	top: 55px;
	left: 10px;
}
div#middleRow1{
	top: 335px;
	left: 10px;
}
div#bottomRow {
	top: 615px;
	left: 10px;
}
*/
#imgTop{
	position: absolute;
	padding: 0;
	margin: 0;
	top: 3px;
	left: 76px;
}	

#imgRow1Left{
	position: absolute;
	padding: 0;
	margin: 0;
	top: 25px;
	left: 51px;
}	

#imgRow1Right{
	position: absolute;
	padding: 0;
	margin: 0;
	top: 25px;
	left: 295px;
}	
#imgBottomLeft{
	position: absolute;
	padding: 0;
	margin: 0;
	top: 40px;
	left: 16px;
}	

#imgBottomRight{
	position: absolute;
	padding: 0;
	margin: 0;
	top: 40px;
	left: 265px;
}
	.caption{
	font: 60%/90% "Lucida Grande", "Gill Sans", Geneva, Verdana, Helvetica, Arial, sans-serif;
	margin-bottom: 22px;
}
	.artCaption {
	font-family: "Lucida Grande", "Gill Sans", Geneva, Verdana, Helvetica, Arial, sans-serif;
	font-variant: small-caps;
	text-align: center;
}

body#portfolio div#content a img{
	border: none;
}

div#sideBar div#cc {
	font: 50%/110% "Lucida Grande", "Gill Sans", Geneva, Verdana, Helvetica, Arial, sans-serif;
	text-align: center;
	margin-top: 4em;
	padding: 0px 12px;
}

div#sideBar div#cc a:hover{
	border: none;
}

img#uncleSam {
	position: relative;
	left: 25px;
}
div#gramaphone {
	padding-left: 3em;
	margin-top: 1em;
}
div#gramaphone a:hover{
	border: none;
}
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

img#imgClothesline {
	position: relative;
	margin: 10px auto 10px 25px;
}

body#tips p {
	line-height: 135%;
}

#column1, #column2, #column3, #column4 {
	width: 250px;
	float: left;
	margin-top: 15px;
}

#column2, #column4 {
	margin-left: 20px;
}
