/* Preloader Div for images */

#preload
{
	display: none;
	height: 0px;
}

/* Popup Controls */

.popupControl
{
	background-color: White;
	position: absolute;
	visibility: hidden;
	border-style: solid;
	border-color: #e85907;
	border-width: 2px;
}

.modalBackground
{
	background-color: gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.modalPopup
{
	background-color: #ffffff;
	border-width: 5px;
	border-style: solid; /*border-color: #eb8923;*/
	border-color: #766441;
	padding: 50px;
	width: 640px;
	height: 450px;
}

a:link, a:visited
{
	color: #000;
	text-decoration: none;
}
a:hover
{
	color: #eb8923;
	text-decoration: none;
}

#wrapper
{
	width: 960px;
	position: absolute;
	left: 50%;
	top: 5px;
	margin-left: -480px; /*border: solid 1px black;*/
}

#HomePageText
{
	z-index: 200;
	top: 15px;
	left: 0px;
	position: absolute;
	text-align: left;
	font-size: 10.5pt;
	line-height: 19px;
	width: 200px;
	color: #995727;
}

#PortfolioPageText
{
	z-index: 200;
	top: 15px;
	left: 0px;
	position: absolute;
	text-align: left;
	font-size: 10.5pt;
	line-height: 22px;
	width: 190px;
	color: #995727;
}

#LogoNav
{
	z-index: 100;
	top: 250px;
	left: -15px;
	position: absolute;
}

#navigation
{
	z-index: 300;
	top: 325px;
	left: -15px;
	position: absolute;
	width: 150px;
}

#WhoWeAreImages
{
	z-index: 200;
	top: 3px;
	left: -0px;
	position: absolute;
	height: 0px;
}

#WhoWeAreThreeColumn
{
	position: absolute;
	float: left;
	left: 245px;
	width: 705px;	
	top: 0px;
}

#PortfolioTwoColumn
{
	float: right;
	width: 755px;
	font-size: 12px;
	line-height: 18px;
}

.ThreeColumnPadding
{
	line-height: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#Portfolio
{
	float: right;
	width: 770px;
}

#InTheWorksTitle
{
	font-size: 14px;
	font-family: Times New Roman;
	color: #4b3323;
	font-weight: normal;
	text-align: left;
	top: 485px;
	left: 37px;
	height: 75px;
	position: absolute;
	vertical-align: top;
}

#InTheWorksText
{
	font-size: 12px;
	letter-spacing: 1px;
	font-family: Times New Roman;
	width: 490px;
	color: #995727;
	text-align: left;
	top: 485px;
	left: 135px;
	height: 75px;
	position: absolute;
	vertical-align: top;
}

#footer
{
	position: absolute;
	/*text-transform: capitalize;*/
	font-size: 10px;
	color: #766441;
	top: 535px;
	left: 228px;
}

#JESEDIALINK
{
	position: absolute;
	/*text-transform: capitalize;*/
	font-size: 10px;
	color: #766441;
	top: 525px;
	right: 0;
	float: right;
}

#PortfolioPreviousButton
{
	width: 100px;
	top: 470px;
	left: 160px;
	position: absolute;
	z-index: 1000;
	
}

#PortfolioNextButton
{
	width: 100px;
	top: 470px;
	right: -25px;
	position: absolute;
	z-index: 1000;
	
}

#PreviousButton
{
	top: 565px;
	left: 38px;
	position: absolute;
	cursor: hand; 
}

#NextButton
{
	top: 50px;
	left: 950px;
	position: absolute;
	cursor: hand;
}

#ClientList
{	
	z-index: 1000;
	top: 480px;
	left: 10px;
	position: absolute;
}

/* Menu */

.menu
{
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	width: 200px;
	list-style: none;
	background: #fff;
}
.menu li
{
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	height: 20px;
	list-style: none;
	background-repeat: no-repeat;
}
.menu li a, .menu li a:visited
{
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	display: block;
	text-decoration: none;
	text-indent: -1000px;
	height: 20px;
	background-repeat: no-repeat;
}
.WhoWeAre
{
	background-image: url(images/btnWhoWeAreON.jpg);
}
.WhoWeAre a
{
	background-image: url(images/btnWhoWeAre.jpg);
}
.WhoWeAreArrow
{
	background-image: url(images/btnWhoWeAreArrow.jpg);
}
.OurWork
{
	background-image: url(images/btnOurWorkON.jpg);
}
.OurWork a
{
	background-image: url(images/btnOurWork.jpg);
}
.OurWorkArrow
{
	background-image: url(images/btnOurWorkArrow.jpg);
}
.ContactUs
{
	background-image: url(images/btnContactUsON.jpg);
}
.ContactUs a
{
	background-image: url(images/btnContactUs.jpg);
}
.ContactUsArrow
{
	background-image: url(images/btnContactUsArrow.jpg);
}
ul.menu li a:hover
{
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	height: 20px;
	background: none;
}

/* Slide Show */

*
{
	margin: 0;
	/*padding: 0;*/
}
html
{
	height: 100%;
}
body
{
	font-family: Avenir, Helvetica, Calibri, Arial, Proforma, Georgia, Times New Roman;
	height: 100%;
	color: #000;
	cursor: default;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	background-color: #fff;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
a
{
	color: #fff;
	text-decoration: none;
}
a img
{
	border: 0;
}
div.wrap
{
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
div#top div#nav
{
	float: left;
	clear: both;
	width: 960px;
	height: 52px;
	margin: 22px 0 0;
	background: url url(images/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul
{
	float: left;
	width: 700px;
	height: 52px;
	list-style-type: none;
}
div#nav ul li
{
	float: left;
	height: 52px;
}
div#nav ul li a
{
	border: 0;
	height: 52px;
	display: block;
	line-height: 52px;
	text-indent: -9999px;
}
div#header
{
	margin: -1px 0 0;
}
div#video-header
{
	height: 683px;
	margin: -1px 0 0;
}
div#header div.wrap
{
	height: 299px;
	background: url(images/header-bg.png) 50% 0 no-repeat;
}
div#header div#slide-holder
{
	z-index: 40;
	width: 960px;
	height: 462px;
	position: absolute;
}
div#header div#slide-holder div#slide-runner
{
	top: 9px;
	left: 9px;
	width: 960px;
	height: 462px;
	overflow: hidden;
	position: absolute;
}
div#header div#slide-holder img
{
	margin: 0;
	display: none;
	position: absolute;
}
div#header div#slide-holder div#slide-controls
{
	left: 0;
	bottom: 45px;
	width: 960px;
	height: 46px;
	display: none;
	position: absolute;
	background: url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text
{
	float: left;
	color: #fff;
	display: inline;
	font-size: 10px;
	line-height: 16px;
	margin: 15px 0 0 20px;
	text-transform: uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav
{
	float: right;
	height: 24px;
	display: inline;
	margin: 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a
{
	float: left;
	width: 24px;
	height: 24px;
	display: inline;
	font-size: 11px;
	margin: 0 5px 0 0;
	line-height: 24px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-position: 0 0;
	background-repeat: no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on
{
	background-position: 0 -24px;
	color: #fff;
}
div#header div#slide-holder div#slide-controls p#slide-nav a
{
	background-image: url(images/silde-nav.png);
	color: #fff;
}
div#nav ul li a
{
	background: url(images/nav.png) no-repeat;
	color: #fff;
}

.btnSendMoreInfo
{
	left: 0px;
}