@charset "UTF-8";
/* CSS Document */
body { 
	background: #271f1a url(../images/lilyred_diagonal_background.gif) repeat 0 0; 
	color: #332d2a;
	font: 11px Georgia, "Times New Roman", Times, serif;
	margin: 0; padding: 0;
	text-align: center; }
img { border: none; }
a, a:visited { text-decoration: none; color: #332d2a; }
a:active, a:hover { color: #6699cc; }
p { line-height: 17px; margin: 6px 0; }

/* Background and Main Box styling */
#wrap { background: url(../images/lilyred_blue.gif) repeat-x 0 115px; }
#wrap-inner { padding-top: 64px; }

#header { visibility: hidden; display: none; }
#main { background: #fffef1 url(../images/lilyred_red.gif) repeat-y 0 0; width: 879px; margin: 0 auto; }
  #top { background: url(../images/lilyred_red_top.gif) no-repeat 0 0; height: 7px; } 
  #middle { height: 512px; }
  #bottom { clear: left; background: url(../images/lilyred_red_bottom.gif) no-repeat 0 0; height: 8px; }
#footer { 
	text-align: right; 
	width: 879px; margin: 0 auto; 
	font-size: 9px; font-style: italic; color: #719eb0; }
#footer-inner { padding-top: 1px; padding-right: 8px; }

/* Alpha */
#alpha { margin-left: 8px; width: 180px; padding-top: 45px; float: left; display: inline; }
#logo { text-align: left; background: url(../images/lilyredstudio_logo.gif) no-repeat 37px 0; }
#logo-inner { height: 186px; width: 98px; margin-left: 38px; }

#menu { text-align: left; padding-top: 40px; padding-left: 50px; }
#menu-inner { 
	font-size: 10px; font-weight: bold; 
	text-transform: uppercase; letter-spacing: 1px;
	color: #6699cc; }
#menu ul { margin: 0; padding: 0; }
#menu ul li { list-style-type: none; padding: 0 0 13px 0; }
#menu ul li.portfolio { padding-bottom: 9px; }
#menu li ul { margin-top: 6px; margin-left: 18px; }
#menu li li { text-indent: -4px; padding-bottom: 6px; text-transform: none; font-style: italic; letter-spacing: 0; }
#menu li li.hilite { list-style: disc; }
/* Style me pretty style adjustments */
#menu { padding-top: 20px; }
#style-me-pretty { width: 150px; margin: 3px 0 0 10px; }

/* Beta */
#beta { float: left; display: inline; width: 691px; }

/* Safari issue */
/*#alpha, #beta { height: 512px; overflow: hidden; padding: 0; }
#logo { padding-top: 45px; background-position: 38px 45px; }
#menu { background: red; opacity: .2; }
#wrap-inner { padding-top: 0; }
#wrap { margin-top: 90px; background-position: 0 51px; }*/

/* IE 6 Hacks */
#top, #bottom { width: 879px; overflow: hidden; }

/* Portfolio */
#col1 { width: 247px; height: 512px; border-left: 4px solid #92cae2; float: left; display: inline; text-align: left; background-color: #ade1f9; }
#col2 { width: 436px; border-left: 4px solid #92cae2; float: left; display: inline; text-align: left; }
#col1-content { } /* DO NOT PUT PADDING OR MARGINS IN HERE - GALLERIFFIC WILL RENDER BADLY IN IE 6 */
#col2-content { }

#col1-content { color: #5c524c; }
#col1-content #text-body { margin: 30px 20px 0 20px;  }
#col1-content #intro { margin: 30px 20px 30px 20px; }

#col1-content h1 { display: block; text-align: center; }
#col1-content h1 img { margin: 0 auto; }
/*#col1-content p { line-height: 19px; }*/

#text-body ul, #intro ul { margin: 0; padding: 0; margin-left: 40px; margin-top: 9px; font-style: italic; font-weight: bold; font-size: 10px; color: #5c524c; }
#text-body ul li, #intro ul li { list-style-type: none; padding: 0 0 6px 0; }

#col2, #col2-content, #col1, #col1-content /*, #col2-content img */{ height: 512px; overflow: hidden; }

/* IE Windows font correction */
#beta
{ }