.promocontactcontainer{
	width: 800px;
	height: 40px;
	padding-top: 10px;
	text-align: center;
}


.pinkmangofooter{
	width: 800px;
	height: 20px;
	text-align: right;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	margin-top: 0px;
}
a.pinkmangotext {
	font-family: arial, verdana, tahoma, verdana, sans-serif;
	font-size: 9px;
	color: #808285;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
	line-height: 15px;
}

a.pinkmangotext span{
	font-family: arial, verdana, tahoma, verdana, sans-serif;
	font-size: 9px;
	color: #ee008e;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
	line-height: 15px;
}

a.pinkmangotext:hover {
	font-family: arial, verdana, tahoma, verdana, sans-serif;
	font-size: 9px;
	color: #ee008e;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
	line-height: 15px;
}

a.pinkmangotext:hover span{
	font-family: arial, verdana, tahoma, verdana, sans-serif;
	font-size: 9px;
	color: #808285;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding-top: 0px;
	text-decoration: none;
	line-height: 15px;
}

/* Form Items */

label{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 13px;
	font-style: italic;
	color: #808285;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
}

input, textarea{
	width: 280px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 9pt;
	margin-top: 10px;
}

textarea{
	width: 280px;
	height: 75px;
	font-family: tahoma, arial, verdana, sans-serif;
	font-size: 9pt;
}

#submitbutton{
	margin-left: 0px;
	margin-top: 0px;
	width: 90px;
}

#reset{
	margin-top: 0px;
	width: 90px;
}

.tickbox{
	font-family: arial, tahoma, verdana, sans-serif;
	color: #5A4F39;
	font-size: 6.5pt;
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 26px;
	margin-right: 0px;
	float: left;
	width: 300px;
}

.boxes {
margin-left: 0px;
margin-top: 5px;
width: 3em;
}

.formfootertext{
	font-family: arial, tahoma, verdana, sans-serif;
	color: #808285;
	font-size: 6.5pt;
	margin-top: 4px;
	margin-right: 0px;
	text-align: right;
	text-decoration: none;
}

/* FOR INTRO SCROLLER*/

div.pageloaderinner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	min-height: 100%;
	background-repeat: repeat *;	
}

div.loadergraphic{
	width: 32px;
	height: 32px;
	background: url(../images/loader.gif);
	background-repeat: no-repeat;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

div.loaderdiv {
	width: 400px;
	height: 300px;
	margin-top: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 50px;
	text-align: center;
}

.loadingtext {
	text-align: center;
}

#imageBox 
{
  width: 800px;
  height: 415px;
  border: 0px #000 solid;
  overflow: hidden;
  float: left;
  position:relative;
  z-index:3;
}

#imageBoxInside 
{
  width: 10714px;
}

#imageBoxInside { width: 10714px; left: 0; top: 0; }

#imageBox img 
{
  padding: 0px;
  margin: 0px;
}

#imageBox br 
{
  clear: both;
}

#controls img 
{
  border: 0;
}

/* ----------------------------------------- */

div.previous{
	float: left;
	width: 39px;
	height: 61px;
	margin-top: 15px;
	margin-right: 0px;
}

div.next{
	float: left;
	width: 39px;
	height: 61px;
	margin-top: 15px;
	margin-left: 0px;
	margin-right: 0px;
}

/*----------------------------------------------*/

.navigation{
	list-style: none;
	padding: 0px;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 10px;
	}
	
.navigation li{
	color: black;
	font-weight: normal;
}

.navigation li a{
	padding: 0px 0px;
	text-decoration: none;
	color: #808285;
	font-family: times, arial, verdana, tahoma, sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: 17px;
	margin-left: 0px;
}

.navigation li a span{
	color: #d7b900;
	line-height: 17px;
}

.navigation li a:hover{
	color: #d7b900;
	line-height: 17px;
}

.navigationfolio{
	list-style: none;
	padding: 0px;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 10px;
	
	}
	
.navigationfolio li{
	color: black;
	font-weight: normal;
	line-height: 10px;
	
}

.navigationfolio li a{
	padding: 0px 0px;
	text-decoration: none;
	color: #808285;
	font-family: times, arial, verdana, tahoma, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 12px;
	margin-left: 0px;
}

.navigationfolio li a span{
	color: #d7b900;
	line-height: 12px;
}

.navigationfolio li a:hover{
	color: #d7b900;
	line-height: 12px;
}

.footernavigation{
	list-style: none;
	padding: 0px;
	font-weight: normal;
	display: inline;
	margin-left: 0px;
	margin-right: 0px;
	}
	
.footernavigation li{
	color: black;
	font-weight: normal;
	display: inline;
}

.footernavigation li a{
	padding: 0px 0px;
	text-decoration: none;
	color: #808285;
	font-family: arial, verdana, tahoma, sans-serif;
	font-size: 9px;
	font-weight: normal;
	line-height: 22px;
	display: inline;
}

.footernavigation li a span{
	color: #d7b900;
	line-height: 22px;
}

.footernavigation li a:hover{
	color: #d7b900;
	line-height: 22px;
}

.footdiv {
	width: 1px;
	height: 22px;
	line-height: 22px;
	background: url(../images/footerdivider.gif);
	background-repeat: repeat-y;
	display: inline;
	background-position: center;
	margin-left: 10px;
	margin-right: 10px;
	}

h1{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 17px;
	font-style: italic;
	font-weight: normal;
	color: #808285;
}
	
p{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 15px;
	font-style: italic;
	font-weight: normal;
	color: #808285;
}

.promo{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #808285;
}

p span{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #808285;
}

a{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	color: #d7b900;
	text-decoration: none;
}

a:hover{
	color: #3e3e3f;
}

.promotext{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	color: #808285;
	color: black;
}

.phonenumbertext{
	font-family: times, arial, tahoma, verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #808285;
	font-style: normal;
	margin-top: 0px;
}

.outercontainer{
	width: 800px;
	height: 730px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.mainheader{
	width: 800px;
	height: 100px;
	background: #3e3e3f;
}

.navcontainer{
	width: 800px;
	height: 125px;
}

.navdivider{
	width: 800px;
	height: 1px;
	background: #717275;
	float: left;
}

.navdividernews{
	width: 800px;
	height: 1px;
	background: #717275;
	float: left;
margin-top: 10px;
}

.navbarsection1{
	width: 105px;
	height: 125px;
	float: left;
	padding-left: 0px;
}
	
.navbarsection2{
	width: 148px;
	height: 125px;
	float: left;
}

.navbarsection3{
	width: 200px;
	height: 125px;
	float: left;
}

.navbarsection3design1{
	width: 200px;
	height: 125px;
	float: left;
}

.navbarsection3design2{
	width: 200px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3design3{
	width: 200px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3design4{
	width: 200px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3design5{
	width: 200px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3design6{
	width: 200px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection4design1{
	width: 200px;
	height: 125px;
	float: left;
}

.navbarsection4design2{
	width: 200px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3roadsafety1{
	width: 274px;
	height: 125px;
	float: left;
}

.navbarsection3roadsafety2{
	width: 274px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3roadsafety3{
	width: 274px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3roadsafety4{
	width: 274px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3roadsafety5{
	width: 274px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection3roadsafety6{
	width: 274px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection4roadsafety1{
	width: 273px;
	height: 125px;
	float: left;
}

.navbarsection4roadsafety2{
	width: 273px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection4roadsafety3{
	width: 273px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection4roadsafety4{
	width: 273px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection4roadsafety5{
	width: 273px;
	height: 125px;
	float: left;
	display: none;
}

.navbarsection4{
	width: 347px;
	height: 125px;
	float: left;
}

.mainbodyarea{
	width: 800px;
	height: 415px;
	float: left;
}

.mainbodyareanews{
	width: 800px;
	min-height: 405px;
	float: left;
}

.mainbodyareanewsheadlines{
	width: 800px;
	min-height: 415px;
	float: left;
}

.contactbodyarealeft{
	width: 400px;
	height: 376px;
	float: left;
	padding-top: 39px;
}

.contactbodyarearight{
	width: 400px;
	height: 376px;
	padding-top: 39px;
	float: left;
	text-align: right;
	overflow: hidden;
}

.footerarea{
	width: 800px;
	height: 85px;
	float: left;
}

.yellowjerseytree{
	width: 489px;
	height: 415px;
	background: url(../images/yellowjerseytree.jpg);
	float: left;
}

.treebud1{
	width: 27px;
	height: 27px;
	background: url(../images/yellowjerseytree-bud1.gif);
	position: relative;
	top: 297px;
	left: 63px;
}

.treebud2{
	width: 27px;
	height: 27px;
	background: url(../images/yellowjerseytree-bud2.gif);
	position: relative;
	top: 86px;
	left: 457px;
}

.treebud3{
	width: 28px;
	height: 27px;
	background: url(../images/yellowjerseytree-bud3.gif);
	position: relative;
	top: 259px;
	left: 368px;
}

.treebud4{
	width: 28px;
	height: 27px;
	background: url(../images/yellowjerseytree-bud4.gif);
	position: relative;
	top: 98px;
	left: 165px;
}

.treebud5{
	width: 27px;
	height: 27px;
	background: url(../images/yellowjerseytree-bud5.gif);
	position: relative;
	top: -70px;
	left: 123px;
}

.portfoliographic{
	width: 489px;
	height: 415px;
	float: left;
	text-align: center;
	overflow: hidden;
}

.portfoliographic-macaulayjones{
	width: 489px;
	height: 352px;
	margin-top: 63px;
	float: left;
	text-align: left;
	overflow: hidden;
}


.textarea{
	width: 266px;
	height: 376px;
	padding-top: 39px;
	padding-right: 10px;
	padding-left: 35px;
	float: left;
}

.yellowjerseylogo{
	width: 251px;
	height: 32px;
	background: url(../images/yellowjerseylogo.gif);
	float: right;
	margin-top: 20px;
	margin-right: 20px;
}

.footernav{
	float: left;
	width: 722px;
	height: 60px;
	margin-top: 25px;
	margin-left: 0px;
	margin-right: 0px;
	text-align: center;
}

.phonenumber{
	width: 722px;
	height: 22px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.portfolioslide{
	width: 800px;
	height: 415px;
	float: left;
	overflow: hidden;
}

.testimonialslide{
	width: 800px;
	height: 365px;
	padding-top: 39px;
	float: left;
	overflow: hidden;
}

.slidepromopanel1{
	width: 267px;
	height: 365px;
	float: left;
}

.slidepromopanel2{
	width: 266px;
	height: 365px;
	float: left;
}

.slidepromopanel3{
	width: 267px;
	height: 365px;
	float: left;
}

.promopic{
	width: 266px;
	height:	207px;
	text-align: center;
	float: left;
}

.promotextarea{
	width: 230px;
	height:	188px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	text-align: left;
	overflow: hidden;
}

.promodetailsleft{
	width: 110px;
	height: 165px;
	float: left;
	overflow: hidden;
}

.promodetailsright{
	width: 120px;
	height: 165px;
	float: left;
	overflow: hidden;
}