body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 87.5%;
	color: #A78E7B;
	background: #ECE6DA url(../images/body_back.jpg) repeat-x top left;
	margin: 43px auto 0;
}
html img
{
	border: none;
}
h1
{
	font-size: 200%;
	color: #A78E7B;
	margin: 0;
	padding: 0;
}
h2
{
	font-size: 160%;
	color: #9E8878;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}
h3
{
	font-size: 115%;
}
p
{
	margin-top: 0;
	line-height: 125%;
}
a:visited, a:link
{
	color: #9E8878;
	font-weight: bold;
	text-decoration: none;
}
a:hover
{
	color: #634F40;
	text-decoration: underline;
}
.clear
{
	clear: both;
	height: 0;
}
#header
{
	width: 100%;
	height: 109px;
	background: #ECE6DA url(../images/header_back.gif) repeat-x top center;
}
#headerContent
{
	margin: 0 auto;
	width: 976px;
	position: relative;
	z-index: 10;
}
#logo
{
	position: absolute;
	width: 283px;
	height: 186px;
	top: -43px;
	left: 62px;
	z-index: 20;
}
#topMenu
{
	float: left;
	width: auto;
	text-align: left;
	margin-top: 25px;
	padding-left: 340px;
}
#content
{
	width: 895px;
	margin: 0 auto;
	padding: 0 3px;
	padding-bottom: 15px;
	color: #A78E7B;
	background: #F8F3ED url(../images/content_back.gif) repeat-y top center;
	position: relative;
	z-index: 1;
}
#leftEdge
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
#rightEdge
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.required
{
	color: #634F40;
	font-size: 130%;
}
.topBlock
{
	width: 845px;
	background-color: #EDE4D8;
	padding: 10px 25px 10px 25px;
	text-align: center;
	overflow: hidden;
}
#featuredProject
{
	float: right;
	color: #ffffff;
	background: url(../images/featured_back.jpg) no-repeat top right;
	width: 366px;
	height: 591px;
	position: relative;
	padding: 15px 22px;
}
#featuredProject2
{
	float: right;
	color: #ffffff;
	background: url(../images/featured_back_2.jpg) no-repeat top right;
	width: 366px;
	height: 697px;
	position: relative;
	padding: 15px 22px;
}
#featuredProject span a
{
	color: #ffffff;
}
#featuredProject2 span a
{
	color: #ffffff;
}
.galleryTopImage
{
	float: left;
}
.galleryTopText
{
	float: left;
	width: 450px;
	height: 200px;
	padding: 23px 19px;
	text-align: left;
	background: #EDE4D8 url(../images/gallery_text_back.jpg) no-repeat top left;
}
#jdesignVideoTop
{
	border: 1px solid #D7D3CA;
	padding: 3px;
	background: #ffffff url(../images/jvideo_top_back.jpg) repeat-x bottom left;
	text-align: left;
	height: 343px;
}
#jdesignVideoTop1
{
	border: 1px solid #D7D3CA;
	padding: 3px;
	background: #ffffff url(../images/jvideo_top_back.jpg) repeat-x bottom left;
	text-align: left;
	height: 309px;
}
.jdesignVideoTopMovie
{
	float: left;
	width: 400px;
}
.jdesignVideoTopText
{
	float: right;
	width: 387px;
	padding-top: 20px;
}
.galleryList
{
	width: 857px;
	margin-top: 30px;
	border: 1px solid #D5CEBF;
}
.galleryListBorder
{
	width: 813px;
	padding: 25px 21px;
	text-align: left;
	border: 1px solid #ffffff;
	background: #ffffff url(../images/gallery_list_back.jpg) repeat-x top left;
	overflow: hidden;
}
.galleryBoxLeft
{
	float: left;
	width: 381px;/*406px*/
	height: 182px; /*223px*/
	padding: 20px 24px 20px 0;
	border-right: 1px dotted #CABDB1;
	border-bottom: 1px dotted #CABDB1;
}
.galleryBoxRight
{
	float: left;
	width: 381px;/*406px*/
	height: 182px; /*223px*/
	padding: 20px 0 20px 24px;
	border-bottom: 1px dotted #CABDB1;
}
.galleryBoxText
{
	float: left;
	width: 190px;
}
.galleryBoxImage
{
	float: right;
}
.galleryBoxText div
{
	height: 154px;
}
.galleryBoxText div p
{
	font-size: 95%;
}
.galleryTypeBox
{
	width: 805px;
	padding: 3px;
	border: 1px solid #D7D1C3;
	background-color: #ffffff;
	overflow: hidden;
}
.galleryTypeBox1
{
	float: left;
	width: 393px;
}
.galleryTypeBox2
{
	float: right;
	width: 392px;
}
.galleryTypeImage
{
	float: left;
}
.galleryTypeText
{
	float: left;
	width: 198px;
	padding-top: 15px;
	padding-left: 21px;
}
.galleryTypeText div
{
	height: 213px;
}
.galleryTypeText h2
{
	margin: 0;
}
.galleryTypeText1
{
	float: left;
	width: 186px;
	padding-top: 6px;
	padding-left: 10px;
}
.galleryTypeText1 h2
{
	letter-spacing: -0.04em;
	margin-top: 0;
}
.galleryTypeText1 div
{
	height: 198px;
}
.galleryTypeText div p, .galleryTypeText1 div p
{
	font-size: 95%;
	margin: 0;
	margin-top: 10px;
}
.separator
{
	border-bottom: 1px dotted #C8BAAF;
	margin: 16px 0;
}
.pagination
{
	text-align: right;
	margin: 20px 0;
	font-size: 115%;
	font-weight: bold;
}
.paginationText
{
	margin-right: 10px;
}
.pagination a
{
	text-decoration: none;
	padding: 7px;
}
.pagination a:hover, .pagination a.pageActive
{
	color: #ffffff;
	background-color: #634F40;
	text-decoration: none;
}
.galleryBottomText
{
	padding: 25px;
	text-align: left;
	overflow: hidden;
}
.galleryBottomText h2
{
	border-bottom: 1px dotted #C8BAAF;
	padding-bottom: 10px;
}
#footer
{
	width: 100%;
	height: 200px;
	background: #634F40 url(../images/footer_back.gif) no-repeat bottom center;
}
#footerContent
{
	margin: 0 auto;
	width: 876px;
	height: 150px;
	padding: 25px;
	position: relative;
	color: #BFA99A;
}
#logoFooter
{
	position: absolute;
	bottom: 38px;
	right: 62px;
}
#backTicket
{
	position: absolute;
	bottom: 37px;
	right: -26px;
}
p#bottomLinks, p#copyright
{
	font-style: italic;
	margin-bottom: 10px;
}
#footerContent a:visited, #footerContent a:link
{
	color: #BFA99A;
	text-decoration: none;
	font-weight: normal;
}
#footerContent a:hover
{
	color: #FBFAF6;
	text-decoration: underline;
}
ul#bottomMenu
{
	display: block;
	width: auto;
	text-align: left;
	font-size: 115%;
	font-weight: bold;
	margin: 0;
	padding: 10px 0 15px;
}
ul#bottomMenu li
{
	display: inline;
	list-style-type: none;
	margin-right: 14px;
}
ul#bottomMenu li a:visited, ul#bottomMenu li a:link
{
	font-weight: bold;
}
#contact_form
{
	margin: 0;
}
table#contactForm
{
	margin: 10px 0;
	font-size: 115%;
	font-weight: bold;
}
table#contactForm tr.darkRow
{
	background-color: #F2EAE1;
}
table#contactForm td.rightAligned
{
	text-align: right;
	padding-right: 1em;
}
table#contactForm input, table#contactForm textarea
{
	border: none;
	background-color: transparent;
	font-size: 110%;
	width: 290px;
	margin: 10px 0;
	overflow: auto;
}
table#contactForm td.inputField
{
	background: #F8F3ED url(../images/input_fields_back.jpg) no-repeat left 50%;
	height: 46px;
	padding: 10px 6px;
}
table#contactForm td.textareaField
{
	background: #F8F3ED url(../images/textarea_back.jpg) no-repeat left 50%;
	height: 135px;
	padding: 10px 6px;
}
table#contactForm td.inputField .verifyField
{
	border: 1px dotted #A78E7B;
	background-color: #FBFAF6;
	width: 100px;
}
.btnSubmit
{
	width: 150px;
	height: 41px;
	background: url(../images/btnSubmit.gif) no-repeat top left;
	border: none;
	margin-right: 20px;
}
.btnReset
{
	width: 150px;
	height: 41px;
	background: url(../images/btnReset.gif) no-repeat top left;
	border: none;
}
.contactCredits
{
	text-align: right;
	font-size: 65%;
	margin-top: 30px;
	margin-right: 25px;
}
.sideColumn
{
	float:right;
	width: 254px;
	padding:10px;
	border: 1px solid #D5CEBF;
	background: #ffffff url(../images/side_block_back.jpg) repeat-x bottom left;	
}
p.firstParagraph
{
	margin-top: 20px;
}
span.vignette
{
	float: left;
	font-size: 200%;
	font-weight: bold;
	width: auto;
	padding-top: 7px;
	padding-right: 2px;
}
.imgArticle
{
	float: left;
	margin: 0 15px 10px 0;
	padding: 3px;
	border: 1px solid #D7D1C3;
	background-color: #ffffff;
}
.testimonials
{
	font-family:Georgia;
	font-style: italic;
	padding-top: 25px;
	border-bottom: 1px dotted #C8BAAF;
}
.testimonials1
{
	font-family:Georgia;
	font-style: italic;
	padding-top: 15px;
	border-bottom: 1px dotted #C8BAAF;
}

.testimonialSignature
{
	font-style: normal;
	font-weight: bold;
}
table.directoryList
{
	margin-top: 20px;
}
table.directoryList a
{
	font-weight: normal;
}

/* Based partially on Matthew Carroll's keyboard accessible flavor of Suckerfish 
 * Dropdowns by Patrick Griffiths and Dan Webb. 
 * http://carroll.org.uk/sandbox/suckerfish/bones2.html
 */
/* by Robert	*/
ul#mainMenu
{
	color: #ffffff;
	font-size: 135%;
	font-weight: bold;
	float: left;
	margin: 0 auto;
	padding: 0;
}
ul#mainMenu li
{
	display: inline;
	list-style-type: none;
}

/* ----[ LINKS ]----*/

/* all menu links */
ul#mainMenu li a{
	color: #ffffff;
	text-decoration:none;
	padding: 15px;

/*	display:block;
	padding:10px 20px;
	background-color:#970C03 ;*/
/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}
ul#mainMenu li.submenu a{
	color: #ffffff;
	text-decoration:none;
	padding: 15px 35px 15px 15px;
	background: url(../images/mainmenu_back_off.gif) no-repeat top left;
}
#subMenusContainer a{
	color: #FF5045;
	text-decoration:none;
	display:block;
	padding:3px 15px;
	width: 209px;
/*	background-color:#970C03;*/
	background: #970C03 url(../images/item_back.gif) repeat-y bottom center;
	font-weight: bold;
/*	border-bottom: 1px dotted #820701;*/
/*	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;*/
}
#subMenusContainer a.firstItem
{
	background: transparent url(../images/firstitem_back.gif) no-repeat top center;
	padding-top: 17px;
}
#subMenusContainer a.lastItem
{
	background: transparent url(../images/lastitem_back.gif) no-repeat bottom center;
	border: none;
	padding-bottom: 16px;
}


/* Just main menu links --[for non-javascript users this applies to submenu links as well]*/
ul#mainMenu a{
	margin:0;
	float:left;	
}

ul#mainMenu li.submenu a:hover, ul#mainMenu li.submenu a:focus, ul#mainMenu li.submenu a.mainMenuParentBtnFocused
{
/*	border-top:1px solid #820701;
	border-right:1px solid #820701;
	border-left:1px solid #820701;*/
	background: transparent url(../images/mainmenu_back.gif) no-repeat top left;
}
/* sub menu links on hover or focus */
#subMenusContainer a:hover, 
#subMenusContainer a:focus, 
ul#mainMenu a.mainMenuParentBtnFocused, 
#subMenusContainer a.subMenuParentBtnFocused
{
	color:#FFFFFF;
}


/* ----[ OLs ULs, LIs, and DIVs ]----*/

/* Submenu Outer Wrapper - each submenu is inside a div with this class - javascript users only */
.smOW{ 
	display:none; 
	position: absolute; 
	overflow:hidden; 
	/*the 2px left & right padding lets you have a 1px border 
	  on the ul or ol inside since overflow is set to hidden*/
	padding:0 2px;
	margin:0 0 0 -2px;
}


/* All ULs and OLs */
/*ul#mainMenu, ul#mainMenu ul, ul#mainMenu ol, #subMenusContainer ul, #subMenusContainer ol { */
#subMenusContainer ul, #subMenusContainer ol { 
	padding: 0;
	margin: 0;
	list-style: none;
/*	line-height: 1em;*/
}


/* List items in main menu --[for non-javascript users this applies to submenus as well]  */
ul#mainMenu li { 
	/*great place to use a background image as a divider*/
	display:block;
	list-style:none;
	position:relative;
	float:left;
}

#subMenusContainer li{
	list-style: none;
}
/* main menu ul or ol elment */
/*ul#mainMenu{
	display:block;
	position: absolute;
	list-style:none;
	margin:0 0 0 0;
	z-index:5;
	top:15px;
	left:50%;
	text-align: center;
	display:block;
}*/

#subMenusContainer{	display:block; 	position:absolute;	top:0;	left:0;	width:100%;	height:0;	overflow:visible;	z-index:1000; }

/* --------------------------[ The below is just for non-javscript users ]--------------------------*/
ul#mainMenu li li{	float:none; }

ul#mainMenu li li a{ /* Just submenu links*/	
	position:relative;
	float:none;
}

ul#mainMenu li ul { /* second-level lists */
	position: absolute;
	width: 10em;
	margin-left: -1000em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-top:2.2em;
}