/* -------------------------------------------------------------------------------------
08/09/2007
website: 	lgisf.com
client:		Laurie Ghielmetti Interiors
author:		Jack Hutton
email:		jhutton@eggonbeagle.com
website:	eggonbeagle.com
 ---------------------------------------------------------------------------------------*/
/*body 		{background:rgb( 229, 204, 146) (images/oo.gif) repeat top left; margin:auto auto; text-align:center; vertical-align:middle;}*/
body {background:rgb( 229, 208, 158) url(http://www.lgisf.com/images/texturedbkgrnd3.gif) repeat top left; margin:0px; vertical-align:middle;}
#shell {position:relative; margin:auto;
}
#wrapper 	
{
    margin:auto auto; width:700px; height:600px;position:relative; 
	 text-align:center; vertical-align:middle; font-family:Helvetica, Verdana, Arial, sans-serif;
	padding: 0px; 
			}
#wrapper img.primary {margin: 0 50px; }
#wrapper h3 
{
    bottom:20px; left:180px; display:block; position:absolute; 
	font:normal 1.5em/1.8em Helvetica, Verdana, Arial, sans-serif;
	color:#666; letter-spacing:1.5px;}
			  
#container {
    position: relative;
    width: 700px;
    height: 50px;
    padding: 0 10px;
    background-color: #CCCCCC;
}
#logobar {
    position: relative; /*background: url(http://www.lgisf.com/images/lgi01_96H.gif) no-repeat top right;*/
    width: 700px;
    height: 100px;
	border-bottom: thin solid #fff;
	text-align: left;
}
#logoblock {
    position: relative; /*background: url(http://www.lgisf.com/images/lgi01_96H.gif) no-repeat top right;*/
    width: 700px;
    height: 100px;
	border-bottom: thin solid #fff;
	text-align: left;
}
.menubar
{    
    margin-top:56px; position:absolute; bottom:0px;
}
#secondmenu {
    position: relative; 
    width: 700px;
	height: 20px;
    /*padding: 6px 0px 0px 0px;*/
	padding: 2px 0px 0px 6px;
	border-top: thin solid #fff;
	/*text-align: center;*/
	text-align:left;
}
.collapselbl
{display:inline; float:right; position:relative; top:4px;}
.collapsepnl
{display:inline; float:left; position:relative; top:4px;}
#details 
{
    text-align:left; width:500px; margin:auto; position:relative; height:480px;
    font-size:0.9em; color:#5A4436;padding:16px 0px 0px 0px;
}
#Press
{
    text-align:left; width:700px; height:540px; position:relative;
    font-size:0.9em; color:#5A4436;
    margin:0px 0px 12px 0px; padding:0; 
}
div.pressList
{
	padding-bottom:14px;
}
.imagesOdd 
{
    float:left;
}
.imagesEven
{
    float:right;
}
.imgCaption
{
    margin-bottom:20px; 
    display:block; 
}
div.imagesOdd /*in use with the Principals page; specifically the LG & DM pics at left */
{
    width:106px;padding:44px 10px 4px 0px;
}
#detailTxt 
{
    width:420px;float:right; font-size:8pt; text-align:left; vertical-align:middle;
    padding-top:2em;
}
#detailImage
{
    float:left; text-align:center;margin-top:2em;
}
#detailTxtL 
{
    width:420px;float:left; font-size:8pt; text-align:left; vertical-align:middle;
    padding-top:2em;
}
#detailImageR
{
    float:right; text-align:center;
    margin-top:2em;
}
#detailTxtL a:link, #detailTxt a:link, a.principals, a.principals:link
{
    color:#695738; text-decoration:none; font-weight:bold;
} 
#detailTxtL a:visited, #detailTxt a:visited, a.principals:visted
{
    color:#695738; text-decoration:none; font-weight:bold;
} 
#detailTxtL a:hover, #detailTxt a:hover, a.principals:hover
{
   text-decoration:underline; font-weight:bold;
} 
a.principals, a.principals:link, a.principals:hover, a.principals:visted 
{
    font-weight:normal;
}
p.principals 
{
    text-align:justify; padding-left:2em; margin-left:0;
}
p.principalsLast /*last paragraph onthe principals; cannot get the bullets outside..have messed w. this too long.*/
{
    text-align:justify; /*padding-left:2em; */margin-left:0;
}
 ul, li, ul.xxx, ul.xxx li
{
      margin:0 0 0 2em; list-style:none;
}
#principalsimages {float:left;width:130px;margin:10px 20px; display:inline;}
.principalImgs {margin-bottom:1em;}
#principalsbody {float:right;width:510px; text-align:left; margin:-20 0 0 0; display:inline;}
#attributions {
    position: absolute; 
    width: 700px;
    height: 100px;
    padding: 6px 10px;
	border-top: thin solid #fff;
	bottom:0px; text-align:left; font-size:9px; color:#333333;

} 
#contact {float:right;display:inline;width:100px; text-align:right; font-size:12px; font-weight:bold; margin-right:10px; }

#element {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 150px;
    height: 20px;
    line-height: 20px;
} 
.gridelement
{
    margin-left:6px;
}
.required {color:#A95C12;}
.btnclose {background:url(images/close.gif) no-repeat; width:28px;height:28px; border:none;}
.sp     
{
    word-spacing: .3em;letter-spacing:.025em; text-transform:capitalize;
}
.spCopyright    
{
    word-spacing: .4em;letter-spacing:.05em; color:#72694d; font-size:7pt;
}

/* contact page second level image to render after flash movie*/
.ctimg {padding-top:10px;}
.nav {color:#364043;}
.nav a, .nav a:link, .nav a:visited, #principalsbody a, #principalsbody a:link, #principalsbody a:visited, .spCopyright a, .spCopyright a:link, .spCopyright a:visited {color:#364043; text-decoration:none;}
.nav a:active, #principalsbody a:active, .spCopyright a:active {color:#333333;}
.nav a:hover, #principalsbody a:hover, .spCopyright a:hover {color:#F6EFEB;}