﻿/* text color 1: 91C825	 */
/* text border color 1: 61a815  */
/* text color 2: 84AD2D  */
/* text color 3: 88A022  (footer h1 color)*/

#txtOther
{
	border: none;
	background-color: #90AB58;
	color: #34403A;
}

#txtReferral, #txtName, #txtPhone, #txtEmail, #txtAddress, #txtAddress2
{
	border: none;
	background-color: #90AB58;
	color: #34403A;
}

#btnSubmit
{
	border-top: 1px solid #CDFF7D;
	border-left: 1px solid #CDFF7D;
	border-right: 1px solid #88A022;
	border-bottom: 1px solid #88A022;
	background-color: #90AB58;
	color: #406022;
}

BODY 
{
    background-color: #25221A;
    font-family: verdana;
    font-size: 9pt;
    margin: 0px;
}

P, LI, TD {font-family: verdana; font-size: 9pt; }
H1 {font-family: verdana; font-size: 16pt; margin-bottom: 4px; font-weight: bold;}
H2 {font-family: verdana; font-size: 14pt; margin-bottom: 4px; font-weight: normal;}

#windowShade
{
	left: 3%;
	top: 0px;
	width: 94%;
	height: 90%;
	display: block;
	background-color: Black;
	display: none;
	position: absolute;
}

#btnHome
{
	top: 7px;
	left: 31px;
	position: relative;
}
a, a:hover, a:visited, a img
{
	outline: none;
	border: none;
	background-color: Transparent;
}

#admin_tag
{
	background-color: #f0f0e0;
	height: 20px;
	color: Black;
}

#admin_tag a
{
	color: Black;
	font-weight: bold;
	text-decoration: none;
}
#admin_tag a:visited
{
	color: Black;
	font-weight: bold;	
	text-decoration: none;
}

#pageDiv
{

}

#mainDiv
{
	padding: 0px 0px 2px 0px;
	margin: 2px 0px 0px 0px;
	width: 800px;
	border-left: 1px solid #626C49;
	border-right: 1px solid #626C49;
	text-align: justify;
	margin-right: auto;
	margin-left: auto;
}

#defaultMainDiv
{
	top: -17px;	
	padding: 0px 0px 2px 0px;
	margin: 2px 0px 0px 0px;
	width: 800px;
	position: relative;
}

#headerDiv
{		
	background-color: transparent;
	text-align: left;
	background-image: url('../../Resources/images/header_background.jpg');
	border: none;
	width: 800px;	
	height: 50px;
	position: relative;
}

#homeButtonDiv
{
	top: 3px;
	left: 27px;
	margin: 0px;
	width: 100px;
	height: 25px;
	position: relative;
}

#navBarDiv
{
	margin: 0px 35px 2px 25px;
	color: White;	
}

#navBarDiv a
{
	color: #91C825;
	text-decoration: none;
	padding-left: 0px;
}
#navBarDiv a#currentLink
{
	font-weight: bold;
}

#navBarDivDefault
{
	font-size: 0.9em;
	font-family: arial;
	color: #7a7a7a;
}

#navBarDivDefault a,
#navBarDivDefault a:hover,
#navBarDivDefault a:visited
{
	font-size: 0.9em;
	font-family: arial;
	color: #a0a0a0;
}

#footerDiv
{	
	clear: both;
	position: relative;
	margin: 0px 1px 10px 1px;
	padding: 10px 0px 10px 0px;
	background-color: transparent;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}

.footerDivBorder
{	
	border-left: 1px solid #626C49;
	border-right: 1px solid #626C49;
	border-bottom: 1px solid #626C49;
}

#footerDiv hr
{
	border-top: 1px solid #626C49;
	border-left: none;
	border-right: none;
	border-bottom: none;
	margin-top: 10px;
	margin-left: 100px;
	margin-right: 100px;
	padding-left: 100px;
}
	
#footerDiv H1 
{
	color: #88A022;
	font-family: "Century Gothic", sans-serif;
	font-size: 12pt;
	font-weight: normal;
	font-style: normal;
	margin: 0px 0px 0px 27px;
}
	
#footerDiv H2 
{
	color: #FFFFFF;
	font-family: "Century Gothic", sans-serif;
	font-size: 11pt;
	font-weight: normal;
	font-style: normal;	
	margin: 0px 0px 0px 27px;
}

#footerDiv a 
{ 
	color: #FFFFFF;
	text-decoration: none;	
}

#footerDiv a.visited 
{
	color: #FFFFFF;
	text-decoration: none;
}

.grad
{
    height: 446px;
    margin: 0px 29px 0px 29px;
    background-image: url('../../Resources/images/interior_design_in_chicago_full.jpg');
    background-repeat: no-repeat;
}

.grad A
{
    color: #FFFFFF;
}


.menuButton
{    
    border: none;
    top: 204px;
    left: 425px;    
    width: 309px;
    height: 39px;
    
    color: white;
    border: none;
    
    background-color: transparent;
    background-image: url('../../Resources/images/home_Image_Ramona.jpg');
    position: relative;
}

.menuDiv
{

    top: 175px;
    left: 580px;
    color: white;
    width: 154px;
    
    border-left: 1px solid #88E022;
    border-bottom: 1px solid #88A022;
    border-right: 1px solid #88A022;
    
    background-color: #25221A;
    position: absolute;

	z-index: 1000;    
}

.menuDiv#mainmenu
{
    overflow: hidden;
    display: none;
}

.menuItem
{
    background-color: #88A022;
    border: 1px solid #88A022;
	font-family: "Century Gothic", sans-serif;
	font-size: 1.25em;
	font-weight: 500;
   
    margin-top: 1px;
    margin-bottom: 2px;
    margin-left: 1px;
    margin-right: 1px;

    padding: 1px 0px 4px 10px;
    
    cursor: default;
}


#pageCurtain
{	
	left: 0px;
	top: 0px;
	width: 100%;
	height: 2000px;	
	background-color: Black;
	position: absolute;
	display: none;
}

.pageTitleDiv
{
	color: #88A022;
	font-family: "Arial", sans-serif;
	font-size: 22pt;
	text-align: right;
	margin-left: 30px;
	margin-right: 40px;
}

.pageSummaryDiv
{
	color: #88A022;
	font-family: "Century Gothic", sans-serif;
	font-size: 11pt;
}

.pageSummaryDiv ul
{
	margin-left: 40px;
	padding-left: 5px;
	list-style: square inside;	
}

.pageSummaryDiv li
{
	margin: 2px 100px 2px 0px;
}

.pageSummaryDiv a
{
	color: #88A022;
	text-decoration: none;
	padding-left: 0px;
}

.pageTextDiv
{
	margin: 7px 40px 3px 30px;
	padding: 3px 15px 3px 3px;
	background-color: #282822;
	border-left: 1px solid #303020;
	border-top: 1px solid #303020;
	border-right: 1px solid #404030;
	border-bottom: 1px solid #404030;
}
.pageTextDiv .smallText
{
	font-size: 9pt;
	font-style: italic;
}
.pageTextDiv p,td,label
{
	color: #BDD195;
	font-family: "Century Gothic", sans-serif;
	font-size: 10pt;
	padding-left: 10px;
	cursor: default;
}

.pageTextDiv h1
{
	color: #88A022;
	font-family: "Century Gothic", sans-serif;
	font-size: 11pt;
	margin-top: 2px;
	border-bottom: 1px solid #61a815;
	cursor: default;
	text-align: right;
}

.pageTextDiv p.pageTopBookmark
{
	text-align: right;
	margin: 0px;
}

.pageTextDiv a.pageTopLinkIndicator
{
	color: #61a815;
	text-decoration: none;
	text-align: right;
	margin: 0px;
}
.pageTextDiv a.pageTopLinkIndicator:visited
{
	color: #61a815;
	text-decoration: none;
	text-align: right;
}

.pageTextDiv a, .pageTextDiv a:visited
{
	color: #61a815;
	font-family: "Century Gothic", sans-serif;
	font-size: 10pt;
	outline: none;
	text-decoration: underline;
}

.pageTextDiv a.wikiLink, .pageTextDiv a.wikiLink:visited
{
	color: #88A022;
	font-family: "Century Gothic", sans-serif;
	font-size: 10pt;
	text-decoration: none;
	font-style: italic;
	outline: none;
}

.pageTextDiv a.wikiLink:hover
{
	color: #61a815;
}

.pageTextDiv ul li
{
	color: #BDD195;
	font-family: "Century Gothic", sans-serif;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 4px;
	list-style: disc;
}

.pageTextDiv ol li
{
	color: #BDD195;
	font-family: "Century Gothic", sans-serif;
	font-size: 10pt;
	padding-left: 10px;
	padding-right: 30px;
	padding-bottom: 4px;
}

.pageSubmitDiv
{
	margin: 7px 40px 3px 30px;
	padding: 3px 15px 3px 3px;
	background-color: #282822;
	border: none;
	text-align: center;
}

#thankYouDiv
{
	top: 50%;
	left: 45%;
	width: 200px;
	height: 70px;
	color: #61a815;
	background-color: #282822;
	border: 2px solid #888882;
	position: absolute;
	display: none;
}


.pageImageThumbDiv
{
	width: 121px;
	height: 71px;
	margin: 0px;
	padding: 0px;
	top: -16px;
	left: 13px;
	position: relative;
	border: none;
/* --> HACK for PNG <-- */
/* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='thumb_background5.png');
}

/* --> HACK for PNG <-- */
/* IE ignores styles with [attributes], so it will skip the following. */
.pageImageThumbDiv[class]
{
	background-image: url(../../Resources/images/thumb_background5.png);
}


.pageImageThumbDiv img
{
	background-color: transparent;
	margin: 5px 0px 0px 13px;
	width: 97px;
	height: 57px;
}


.pageImageDiv
{		
	padding: 0px;
	margin: 0px 0px 2px 15px;
	border-bottom: 1px solid #61a815;
	border-top: 1px solid #61a815;
	background-color: #283A22;
	width: 702px;
	display: none;
	position: relative;
}

.pageImageDiv p
{
	margin: 0px 5px 0px 0px;
	padding: 0px;
	text-align: right;
	color: #61a815;
}

.pageImageDiv img
{
	margin: 0px;
	padding: 0px;
}

.pageImageDivBefore
{		
	float: left;
	padding: 0px;
	margin: 0px;
	position: relative;
	border: none;
	width: 350px;
}
.pageImageDivAfter
{		
	float: left;
	margin: 0px;
	padding: 0px;
	position: relative;
	border: none;
	width: 350px;	
}
.pageImageDivBefore p
{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;
	text-align: left;
	color: #61a815;
}
.pageImageDivAfter p
{
	margin: 0px;
	padding: 0px;
	font-size: 9pt;	
	width: 350px;
	color: #61a815;
}


#imgT
{
	width: 534px;
	height: 420px;
}

#imgT_prev
{
	width: 534px;
	height: 420px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: Black;
	margin: 0px 7px 0px 8px;
}

.projectsMainImage
{
	width: 549px;	/* used to be 400... MUST FIX !!!*/
}

.projectsMainImage_top
{
	background-image: url('../../Resources/images/projects_mainImage_top.png');
	height: 4px;
}

.projectsMainImage_middle
{
	background-image: url('../../Resources/images/projects_mainImage_mid.png');
	background-repeat: repeat-y;
}

.projectsMainImage_bottom
{
	background-image: url('../../Resources/images/projects_mainImage_bottom.png');
	height: 5px;
}

.prjImageControlBar
{
	width: 320px;
	margin-left: 190px;
}

.prjImageControlButton
{
	float: left;
	height: 19px;
	width: 95px;
	color: #cfefb5;
	padding: 2px;
	margin: 2px;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	background-image: url('../../Resources/images/prjBtnFace.png');
	background-position: top left;
	background-repeat: repeat-x;
	cursor: pointer;
}


/*  PROJECTS >> TUMBNAILS >> */
/* -------------------------------------------------------------*/

.projectsTumbnailArea
{
	background-color: #000000;
	background-image: url('../../Resources/images/p_thumbsarea_mid2.png');	
	background-repeat: repeat-x;
	height: 99px;
	margin-left: 27px;
	margin-right: 38px;
	text-align: center;	
}

.projectsTumbnailContainer
{
	background-color: #282822;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #585852;
	border-bottom: 1px solid #585852;
	height: 74px;
	width: 651px;
	overflow: hidden;
	display: inline-block;
	float: left;
	margin-top: 12px;
	margin-left: 15px;
	text-align: left;		
}

#div_thumbStrip
{
	width: 744px;
}

/*  New Size 534x420  445x350  89x70   large [356 x 308]   [small] 89 x 78    must implement */

.projectsThumbnail
{
	height: 70px;
	width: 89px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	border: 2px solid #000000;
}

/*---  [~ Navigation Buttons ~] -------------------------*/

	#div_thumbnails_btnPrev
	{
		float: left;
		width: 29px;
		height: 99px;
	}

	.projects_thumbsBtnPrev_normal
	{
		background-image: url('../../Resources/images/but_l1.png');
	}

	.projects_thumbsBtnPrev_glowing
	{
		background-image: url('../../Resources/images/but_l2.png');
	}
	
	.projects_thumbsBtnPrev_pressed
	{
		background-image: url('../../Resources/images/but_l3.png');
	}	

	#div_thumbnails_btnNext
	{
		float: right;
		width: 29px;
		height: 99px;	
	}

	.projects_thumbsBtnNext_normal
	{
		background-image: url('../../Resources/images/but_r1.png');
	}

	.projects_thumbsBtnNext_glowing
	{
		background-image: url('../../Resources/images/but_r2.png');
	}
	
	.projects_thumbsBtnNext_pressed
	{
		background-image: url('../../Resources/images/but_r3.png');
	}	

/*---------------------  [~ Navigation Buttons ~] -------------------------*/
/*-----------------------  [~ Thumbnail Area ~] -------------------------*/

#pageBusyIcon
{	
}


#projectsAllBox
{
	text-align: center;
	color: #BDD195;
}

#projectsAllBox hr
{
	border: none;
	border-bottom: 1px solid #626C49;
}