@charset "utf-8";
/* CSS Document */

BODY {
	background:url(../images/corp/homegrad.jpg) repeat-x left top;
	background-color:#5b5f62
	}

H1 {
	margin-left : 5px;
	margin-right : 10px;
	margin-top : 20px;
	margin-bottom : 10px;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.4em;
	font-weight : bold;
	color:#232323;
	line-height: 1.5em;
}

H2 {
	margin-left : 5px;
	margin-right : 10px;
	margin-top : 20px;
	margin-bottom : 15px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : 1.2em;
	font-weight : bold;
	color : #232323;
	line-height: 1.3em;
}

H3 {
	margin-left : 5px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 15px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .95em;
	font-weight : bold;
	color : #232323;
	line-height: 1.2em;
}
H4 {
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
	margin-bottom : 5px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .85em;
	font-weight : bold;
	color : #232323;
	line-height : 1.2em;
}
H5 {
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 20px;
	margin-bottom : 5px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .75em;
	font-weight : bold;
	color : #676767;
	line-height : 1.3em;
}

.underline {
	text-decoration:underline;
}
	

P {
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 5px;
	margin-bottom : 5px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .80em;
	color : #343434;
	line-height : 1.3em;
}
.copyrt {
	font-size: 0.5em;
	color: #00579B;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}
.boldtext {
	font-weight:bold;
}
.smallwhitetext {
	font-size: 0.7em;
	color: #fff;
}
.greentext {
	color: #5D8262;
}

.clearer {
	clear: both;
}

.lftimage {
	float:left;
}
.rtimage {
	float:right;
}
/****LINK FORMATTING***/
a {
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	font-weight : bold;
	font-size : 0.9em;
	text-decoration : none;
        color : #004e93;
}

a:hover {
	color : #434343;
}

a.greenlink {
	color: #006666;
	text-decoration: underline;
	font-size: 1.0em;
}
a.greenlink:hover {
	color: #878787;

}


/****LIST FORMATTING*****/
ul {
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;;
	font-size: 0.8em;
	color : #676767;
	list-style-image : url(../images/lstbullet.gif);
	list-style-type:disc;
	padding:0 0 0 0px;
	margin: 0 0 10px 10px;
}
ul.checklist {
	list-style-image:url(../images/checkmark.jpg);
}
ol {
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;;
	font-size:0.8em;
	color : #676767;
	padding:0 0 0 15px;
	margin: 0 0 0 15px;
}

li {
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;;
	font-size:0.8em;
	color : #676767;
	margin: 5px 0 0 10px;
	padding: 0 0 0 0;
	line-height: 0.9em;
}

/****SIDENAV ALL PAGES*****/
#sidenav {
	position: relative;
	top: 75px;
	left: 10px;
	width: 111px;
	height: 200px;
}
#sidenav ul, #sidenav ul li{
	list-style:none;
	text-decoration: none;
	margin: 0 0 8px 0;
	padding:0;
}
#sidenav a  {
	display: block;
	position: relative;
	top:0;
	left:0;
	width: 111px;
	height: 23px;
	text-decoration: none;
}
#leedimage a  {
	display: block;
	position: relative;
	top:0;
	left:10px;
	width: 86px;
	height:86px;
	text-decoration: none;
}
#clientlogin a  {
	display: block;
	position: relative;
	top:0;
	left:0;
	width: 84px;
	height:30px;
	text-decoration: none;
}

#contactbutton a  {
	display: block;
	position: relative;
	top:0;
	left:0;
	width: 84px;
	height:30px;
	text-decoration: none;
}

/******CORPORATE PAGES SIDENAV ROLLOVERS********/
a.cpportfolio {
	background:url(../images/corp/cpportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.cpportfolio {
	background:url(../images/corp/cpportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.cpremodel {
	background:url(../images/corp/cpremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.cpremodel {
	background:url(../images/corp/cpremodelbutton-2x.jpg) no-repeat left bottom;
}
a.cpdesign {
	background:url(../images/corp/cpdesignbutton-2x.jpg) no-repeat left top;
}
a:hover.cpdesign {
	background:url(../images/corp/cpdesignbutton-2x.jpg) no-repeat left bottom;
}
a.cpretail{
	background:url(../images/corp/cpretailbutton-2x.jpg) no-repeat left top;
}
a:hover.cpretail {
	background:url(../images/corp/cpretailbutton-2x.jpg) no-repeat left bottom;
}
a.cpmetal {
	background:url(../images/corp/cpmetalbutton-2x.jpg) no-repeat left top;
}
a:hover.cpmetal{
	background:url(../images/corp/cpmetalbutton-2x.jpg) no-repeat left bottom;
}
a.cpabout {
	background:url(../images/corp/cpaboutbutton-2x.jpg) no-repeat left top;
}
a:hover.cpabout{
	background:url(../images/corp/cpaboutbutton-2x.jpg) no-repeat left bottom;
}

a.cpleed {
	background:url(../images/corp/cpleedbutton-2x.jpg) no-repeat left top;
}
a:hover.cpleed{
	background:url(../images/corp/cpleedbutton-2x.jpg) no-repeat left bottom;
}

a.cplogin {
	background:url(../images/corp/cploginbutton-2x.jpg) no-repeat left top;
}
a:hover.cplogin{
	background:url(../images/corp/cploginbutton-2x.jpg) no-repeat left bottom;
}

a.cpcontact {
	background:url(../images/corp/cpcontactbutton-2x.jpg) no-repeat left top;
}
a:hover.cpcontact{
	background:url(../images/corp/cpcontactbutton-2x.jpg) no-repeat left bottom;
}

/******CUSTOM METAL SIDENAV ROLLOVERS********/
a.cmportfolio {
	background:url(../images/custommetal/cmportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.cmportfolio {
	background:url(../images/custommetal/cmportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.cmremodel {
	background:url(../images/custommetal/cmremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.cmremodel {
	background:url(../images/custommetal/cmremodelbutton-2x.jpg) no-repeat left bottom;
}
a.cmdesign {
	background:url(../images/custommetal/cmdesignbutton-2x.jpg) no-repeat left top;
}
a:hover.cmdesign {
	background:url(../images/custommetal/cmdesignbutton-2x.jpg) no-repeat left bottom;
}
a.cmretail{
	background:url(../images/custommetal/cmretailbutton-2x.jpg) no-repeat left top;
}
a:hover.cmretail {
	background:url(../images/custommetal/cmretailbutton-2x.jpg) no-repeat left bottom;
}
a.cmmetal {
	background:url(../images/custommetal/cmmetalbutton-2x.jpg) no-repeat left top;
}
a:hover.cmmetal{
	background:url(../images/custommetal/cmmetalbutton-2x.jpg) no-repeat left bottom;
}
a.cmabout {
	background:url(../images/custommetal/cmaboutbutton-2x.jpg) no-repeat left top;
}
a:hover.cmabout{
	background:url(../images/custommetal/cmaboutbutton-2x.jpg) no-repeat left bottom;
}

a.cmleed {
	background:url(../images/custommetal/cmleedbutton-2x.jpg) no-repeat left top;
}
a:hover.cmleed{
	background:url(../images/custommetal/cmleedbutton-2x.jpg) no-repeat left bottom;
}

a.cmlogin {
	background:url(../images/custommetal/cmloginbutton-2x.jpg) no-repeat left top;
}
a:hover.cmlogin {
	background:url(../images/custommetal/cmloginbutton-2x.jpg) no-repeat left bottom;
}

a.cmcontact {
	background:url(../images/custommetal/cmcontactbutton-2x.jpg) no-repeat left top;
}
a:hover.cmcontact{
	background:url(../images/custommetal/cmcontactbutton-2x.jpg) no-repeat left bottom;
}


/******PORTFOLIO SIDENAV ROLLOVERS********/
a.ptportfolio {
	background:url(../images/portfolioindex/ptportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.ptportfolio {
	background:url(../images/portfolioindex/ptportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.ptremodel {
	background:url(../images/portfolioindex/ptremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.ptremodel {
	background:url(../images/portfolioindex/ptremodelbutton-2x.jpg) no-repeat left bottom;
}
a.ptdesign {
	background:url(../images/portfolioindex/ptdesignbutton-2x.jpg) no-repeat left top;
}
a:hover.ptdesign {
	background:url(../images/portfolioindex/ptdesignbutton-2x.jpg) no-repeat left bottom;
}
a.ptretail{
	background:url(../images/portfolioindex/ptretailbutton-2x.jpg) no-repeat left top;
}
a:hover.ptretail {
	background:url(../images/portfolioindex/ptretailbutton-2x.jpg) no-repeat left bottom;
}
a.ptmetal {
	background:url(../images/portfolioindex/ptmetalbutton.jpg) no-repeat left top;
}
a:hover.ptmetal{
	background:url(../images/portfolioindex/ptmetalbutton.jpg) no-repeat left bottom;
}
a.ptabout {
	background:url(../images/portfolioindex/ptaboutbutton-2x.jpg) no-repeat left top;
}
a:hover.ptabout{
	background:url(../images/portfolioindex/ptaboutbutton-2x.jpg) no-repeat left bottom;
}

a.ptleed {
	background:url(../images/portfolioindex/ptleedbutton-2x.jpg) no-repeat left top;
}
a:hover.ptleed{
	background:url(../images/portfolioindex/ptleedbutton-2x.jpg) no-repeat left bottom;
}

a.ptlogin {
	background:url(../images/portfolioindex/ptloginbutton-2x.jpg) no-repeat left top;
}
a:hover.ptlogin {
	background:url(../images/portfolioindex/ptloginbutton-2x.jpg) no-repeat left bottom;
}

a.ptcontact {
	background:url(../images/portfolioindex/ptcontactbutton-2x.jpg) no-repeat left top;
}
a:hover.ptcontact{
	background:url(../images/portfolioindex/ptcontactbutton-2x.jpg) no-repeat left bottom;
}

/******DESIGN SERVICES SIDENAV ROLLOVERS********/
a.dsportfolio {
	background:url(../images/desgnsrvcs/dsportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.dsportfolio {
	background:url(../images/desgnsrvcs/dsportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.dsremodel {
	background:url(../images/desgnsrvcs/dsremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.dsremodel {
	background:url(../images/desgnsrvcs/dsremodelbutton-2x.jpg) no-repeat left bottom;
}
a.dsdesign {
	background:url(../images/desgnsrvcs/dsdesignbutton-2x.jpg) no-repeat left top;
}
a:hover.dsdesign {
	background:url(../images/desgnsrvcs/dsdesignbutton-2x.jpg) no-repeat left bottom;
}
a.dsretail{
	background:url(../images/desgnsrvcs/dsretailbutton-2x.jpg) no-repeat left top;
}
a:hover.dsretail {
	background:url(../images/desgnsrvcs/dsretailbutton-2x.jpg) no-repeat left bottom;
}
a.dsmetal {
	background:url(../images/desgnsrvcs/dsmetalbutton-2x.jpg) no-repeat left top;
}
a:hover.dsmetal{
	background:url(../images/desgnsrvcs/dsmetalbutton-2x.jpg) no-repeat left bottom;
}
a.dsabout {
	background:url(../images/desgnsrvcs/dsaboutbutton-2x.jpg) no-repeat left top;
}
a:hover.dsabout{
	background:url(../images/desgnsrvcs/dsaboutbutton-2x.jpg) no-repeat left bottom;
}

a.dsleed {
	background:url(../images/desgnsrvcs/dsleedbutton-2x.jpg) no-repeat left top;
}
a:hover.dsleed{
	background:url(../images/desgnsrvcs/dsleedbutton-2x.jpg) no-repeat left bottom;
}

a.dslogin {
	background:url(../images/desgnsrvcs/dsloginbutton-2x.jpg) no-repeat left top;
}
a:hover.dslogin {
	background:url(../images/desgnsrvcs/dsloginbutton-2x.jpg) no-repeat left bottom;
}

a.dscontact {
	background:url(../images/desgnsrvcs/dscontactbutton-2x.jpg) no-repeat left top;
}
a:hover.dscontact{
	background:url(../images/desgnsrvcs/dscontactbutton-2x.jpg) no-repeat left bottom;
}

/******NATIONAL RETAIL SIDENAV ROLLOVERS********/
a.nrportfolio {
	background:url(../images/natretail/nrportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.nrportfolio {
	background:url(../images/natretail/nrportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.nrremodel {
	background:url(../images/natretail/nrremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.nrremodel {
	background:url(../images/natretail/nrremodelbutton-2x.jpg) no-repeat left bottom;
}
a.nrdesign {
	background:url(../images/natretail/nrdesignbutton-2x.jpg) no-repeat left top;
}
a:hover.nrdesign {
	background:url(../images/natretail/nrdesignbutton-2x.jpg) no-repeat left bottom;
}
a.nrretail{
	background:url(../images/natretail/nrretailbutton-2x.jpg) no-repeat left top;
}
a:hover.nrretail {
	background:url(../images/natretail/nrretailbutton-2x.jpg) no-repeat left bottom;
}
a.nrmetal {
	background:url(../images/natretail/nrmetalbutton-2x.jpg) no-repeat left top;
}
a:hover.nrmetal{
	background:url(../images/natretail/nrmetalbutton-2x.jpg) no-repeat left bottom;
}
a.nrabout {
	background:url(../images/natretail/nraboutbutton-2x.jpg) no-repeat left top;
}
a:hover.nrabout{
	background:url(../images/natretail/nraboutbutton-2x.jpg) no-repeat left bottom;
}

a.nrleed {
	background:url(../images/natretail/nrleedbutton-2x.jpg) no-repeat left top;
}
a:hover.nrleed{
	background:url(../images/natretail/nrleedbutton-2x.jpg) no-repeat left bottom;
}

a.nrlogin {
	background:url(../images/natretail/nrloginbutton-2x.jpg) no-repeat left top;
}
a:hover.nrlogin {
	background:url(../images/natretail/nrloginbutton-2x.jpg) no-repeat left bottom;
}

a.nrcontact {
	background:url(../images/natretail/nrcontactbutton-2x.jpg) no-repeat left top;
}
a:hover.nrcontact{
	background:url(../images/natretail/nrcontactbutton-2x.jpg) no-repeat left bottom;
}

/******RE-IMAGE RE-MODEL SIDENAV ROLLOVERS********/
a.rrportfolio {
	background:url(../images/remodel/rrportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.rrportfolio {
	background:url(../images/remodel/rrportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.rrremodel {
	background:url(../images/remodel/rrremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.rrremodel {
	background:url(../images/remodel/rrremodelbutton-2x.jpg) no-repeat left bottom;
}
a.rrdesign {
	background:url(../images/remodel/rrdesignbutton-2x.jpg) no-repeat left top;
}
a:hover.rrdesign {
	background:url(../images/remodel/rrdesignbutton-2x.jpg) no-repeat left bottom;
}
a.rrretail{
	background:url(../images/remodel/rrretailbutton-2x.jpg) no-repeat left top;
}
a:hover.rrretail {
	background:url(../images/remodel/rrretailbutton-2x.jpg) no-repeat left bottom;
}
a.rrmetal {
	background:url(../images/remodel/rrmetalbutton-2x.jpg) no-repeat left top;
}
a:hover.rrmetal{
	background:url(../images/remodel/rrmetalbutton-2x.jpg) no-repeat left bottom;
}
a.rrabout {
	background:url(../images/remodel/rraboutbutton-2x.jpg) no-repeat left top;
}
a:hover.rrabout{
	background:url(../images/remodel/rraboutbutton-2x.jpg) no-repeat left bottom;
}

a.rrleed {
	background:url(../images/remodel/rrleedbutton-2x.jpg) no-repeat left top;
}
a:hover.rrleed{
	background:url(../images/remodel/rrleedbutton-2x.jpg) no-repeat left bottom;
}

a.rrlogin {
	background:url(../images/remodel/rrloginbutton-2x.jpg) no-repeat left top;
}
a:hover.rrlogin {
	background:url(../images/remodel/rrloginbutton-2x.jpg) no-repeat left bottom;
}

a.rrcontact {
	background:url(../images/remodel/rrcontactbutton-2x.jpg) no-repeat left top;
}
a:hover.rrcontact{
	background:url(../images/remodel/rrcontactbutton-2x.jpg) no-repeat left bottom;
}


/******LEED SIDENAV ROLLOVERS********/
a.ldportfolio {
	background:url(../images/leed/ldportfoliobutton-2x.jpg) no-repeat left top;
}
a:hover.ldportfolio {
	background:url(../images/leed/ldportfoliobutton-2x.jpg) no-repeat left bottom;
}
a.ldremodel {
	background:url(../images/leed/ldremodelbutton-2x.jpg) no-repeat left top;
}
a:hover.ldremodel {
	background:url(../images/leed/ldremodelbutton-2x.jpg) no-repeat left bottom;
}
a.lddesign {
	background:url(../images/leed/lddesignbutton-2x.jpg) no-repeat left top;
}
a:hover.lddesign {
	background:url(../images/leed/lddesignbutton-2x.jpg) no-repeat left bottom;
}
a.ldretail{
	background:url(../images/leed/ldretailbutton-2x.jpg) no-repeat left top;
}
a:hover.ldretail {
	background:url(../images/leed/ldretailbutton-2x.jpg) no-repeat left bottom;
}
a.ldmetal {
	background:url(../images/leed/ldmetalbutton-2x.jpg) no-repeat left top;
}
a:hover.ldmetal{
	background:url(../images/leed/ldmetalbutton-2x.jpg) no-repeat left bottom;
}
a.ldabout {
	background:url(../images/leed/ldaboutbutton-2x.jpg) no-repeat left top;
}
a:hover.ldabout{
	background:url(../images/leed/ldaboutbutton-2x.jpg) no-repeat left bottom;
}

a.ldleed {
	background:url(../images/leed/ldleedbutton-2x.jpg) no-repeat left top;
}
a:hover.ldleed{
	background:url(../images/leed/ldleedbutton-2x.jpg) no-repeat left bottom;
}

a.ldlogin {
	background:url(../images/leed/ldloginbutton-2x.jpg) no-repeat left top;
}
a:hover.ldlogin {
	background:url(../images/leed/ldloginbutton-2x.jpg) no-repeat left bottom;
}

a.ldcontact {
	background:url(../images/leed/ldcontactbutton-2x.jpg) no-repeat left top;
}
a:hover.ldcontact{
	background:url(../images/leed/ldcontactbutton-2x.jpg) no-repeat left bottom;
}




/*******MAIN PAGE DIVISIONS*********/
#mainbody  {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;

}
#logo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 115px;
	width: 84px;
	border: none;
}
#logo a {
	display: block;
	height: 115px;
	width: 83px;
}
a.logoroll {
	background:url(../images/blairsignlogo2x.jpg) no-repeat left top;
}
a:hover.logoroll{
	background:url(../images/blairsignlogo2x.jpg) no-repeat left bottom;
}
#logo a img {
	border: none;
}
#sidebar {
	position:absolute;
	top:0;
	left:0;
	width: 127px;
	height: 648px;
}
#leedimage {
	position: relative;
	top: 100px;
	left: 13px;
	height: 104px;
	width: 104px;
}
#clientlogin {
	position: relative;
	top: 115px;
	left: 22px;
	height: 29px;
	width: 84px;
}

#contactbutton {
	position: relative;
	top: 125px;
	left: 22px;
	height: 29px;
	width: 84px;
}

#maincontentcontain {
	float: right;
	width: 736px;
	height: 650px;
	background:url(../images/contentbckgrnd.jpg) top left no-repeat;
}
#maincontent {
	float: left;
	width:404px;
	height: 478px;
	background:url(../images/maincontentbckgrnd.jpg) top left no-repeat;
}
#sidemaincontent {
	float: right;
	width: 293px;
	height: 478px;
	background:url(../images/rightmaincontentbckgrnd.jpg) left top no-repeat;
}

#copynotice {
	position: relative;
	top: 140px;
	left: 14px;
	width: 104px;
	height: 25px;
}

/******SUBPAGE DIVISIONS*****/
#subcontentcontain {
	float: right;
	width: 697px;
	height: 497px;
}




/******CORPORATE PAGES*******/

#corpmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 864px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/corp/corpbckgrnd.jpg) top left no-repeat;	
}

.cptext {
	color: #20629a;
	font-size: .65em;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
}

#cplogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 115px;
	width: 85px;
	border: none;
}
#cplogo a {
	display: block;
	height: 115px;
	width: 85px;
}
a.cplogoroll {
	background:url(../images/corp/cplogo-2x.jpg) no-repeat left top;
}
a:hover.cplogoroll{
	background:url(../images/corp/cplogo-2x.jpg) no-repeat left bottom;
}

#cplogo a img {
	border: none;
}

#abouttitle {
	position:absolute;
	top: 30px;
	left: 715px;
	width: 120px;
	height: 50px;
	background:url(../images/corp/abouttitle2.jpg) top left no-repeat;
}
#abouttextbox{
	position:absolute;
	top: 40px;
	left: 150px;
	width: 395px;
	height: 570px;
	background:url(../images/corp/aboutcontentbckgrnd.jpg) top left no-repeat;
}
#abouttextcontent {
	position: relative;
	top: 8px;
	left: 15px;
	width: 350px;
	height: 560px;
}
#abouttextcontent h1 {
	color: #9e5338;
	font-size: 1.3em;
	font-weight:lighter;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	margin: 20px 10px 10px 20px;
	padding: 0;
	line-height: 1.4em;
}
#abouttextcontent h1 .greytitle {
	color: #333333;
	font-size: 0.9em;
	font-weight:lighter;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.4em;
}
#abouttextcontent h2 {
	color: #9e5338;
	font-size: 0.85em;
	font-weight:bold;
	font-style:italic;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	margin: 15px 10px 0 10px;
	padding: 0;

}
#abouttextcontent p {
	color: #878787;
	font-size: 0.65em;
	font-weight:bold;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 10px 5px 10px;
	padding: 0;
	line-height: 1.3em;
}
#aboutslideshow {
	position: absolute;
	top: 148px;
	left: 560px;
	width: 290px;
	height: 325px;
	background:url(../images/corp/aboutslideshowbox.jpg) top left no-repeat;
}
#contacttitle {
	position:absolute;
	top: 50px;
	left: 635px;
	width: 205px;
	height: 50px;
	background:url(../images/corp/contacttitle2.jpg) top left no-repeat;
}
#contacttextbox{
	position:absolute;
	top: 143px;
	left: 503px;
	width: 310px;
	height: 250px;
	background:url(../images/corp/contactinfobox2.jpg) top left no-repeat;
}
#contactemailaddr {
	position: relative;
	top: 195px;
	left: 22px;
	width: 100px;
	height: 20px;
}
#contactemailaddr a {
	font-size: 0.7em;
	color: #004e93;
}
#contactemailaddr a:hover {
	font-size: 0.7em;
	color: #434343;
}
#contactslideshow {
	position: absolute;
	top: 143px;
	left: 178px;
	width: 290px;
	height: 325px;
	background:url(../images/corp/slideshowbox2.jpg) top left no-repeat;
}


#logintitle {
	position:absolute;
	top: 50px;
	left: 610px;
	width: 230px;
	height: 50px;
	background:url(../images/corp/logintitle.jpg) top left no-repeat;
}
#loginslideshow {
	position: absolute;
	top: 135px;
	left: 210px;
	width: 290px;
	height: 325px;
	background:url(../images/corp/loginslideshow.jpg) top left no-repeat;
}
#loginbox{
	position:absolute;
	top: 135px;
	left: 570px;
	width: 215px;
	height: 150px;
	background:url(../images/corp/loginbox.jpg) top left no-repeat;
}
#loginnewusersbox{
	position:absolute;
	top: 295px;
	left: 569px;
	width: 215px;
	height: 160px;
	background:url(../images/corp/loginnewuserbox.jpg) top left no-repeat;
}
#loginnewusersboxtext {
	position: relative;
	top: 0;
	left: 5px;
	width: 205px;
	height: 120px;
	
}
#loginnewusersboxtext p {
	color: #434343;
	font-size: 0.70em;
	font-weight:bold;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 10px 5px 10px;
	padding: 0;
	line-height: 1.3em;
}
#loginexistingusersbox{
	position:absolute;
	top: 463px;
	left: 569px;
	width: 215px;
	height: 160px;
	background:url(../images/corp/loginexistingusersbox.jpg) top left no-repeat;
}
#loginexistingusersboxtext {
	position: relative;
	top: 10px;
	left: 5px;
	width: 215px;
	height: 140px;	
}
#loginexistingusersboxtext p {
	color: #434343;
	font-size: 0.70em;
	font-weight:bold;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	margin: 5px 10px 5px 10px;
	padding: 0;
	line-height: 1.3em;
}


#loginformbox {
	position: relative;
	top: 0;
	left: 0;
	width: 210px;
	height: 135px;
	text-align:center;
}

#loginformbox .submit {
	height: 32px;
	width: 78px;
	margin: 0;
	padding: 0;
	border: none;
	background:url(../images/corp/loginbutton-2x.jpg) top left no-repeat; 
}
#loginformbox .submit:hover {
	background:url(../images/corp/loginbutton-2x.jpg) 0 -32px  no-repeat;
}




/*******INDEX*******/
#indexmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 864px;
	height:648px;
	border:#333333 1px solid;
	background:url(../images/corp/indexbckgrnd.jpg) top left no-repeat;	
}


#indextitle {
	position:absolute;
	top: 25px;
	left: 675px;
	width: 105px;
	height: 40px;
	background:url(../images/corp/indextitle.jpg) top left no-repeat;
}

#indeximg1  {
	position: absolute;
	top:115px;
	left:210px;
	width: 160px;
	height: 200px;
}
#indeximg1 a {
	display: block;
	height: 200px;
	width: 160px;
}

a.indeximg1roll {
	background:url(../images/corp/indeximg1-2x.jpg) no-repeat left top;
}
a:hover.indeximg1roll{
	background:url(../images/corp/indeximg1-2x.jpg) no-repeat left bottom;
}

#indeximg2  {
	position: absolute;
	top:75px;
	left:430px;
	width: 200px;
	height: 160px;
}
#indeximg2 a {
	display: block;
	height: 160px;
	width: 200px;
}

a.indeximg2roll {
	background:url(../images/corp/indeximg2-2x.jpg) no-repeat left top;
}
a:hover.indeximg2roll{
	background:url(../images/corp/indeximg2-2x.jpg) no-repeat left bottom;
}

#indeximg3  {
	position: absolute;
	top:110px;
	left:685px;
	width: 155px;
	height: 195px;
}
#indeximg3 a {
	display: block;
	height: 195px;
	width: 155px;
}

a.indeximg3roll {
	background:url(../images/corp/indeximg3-2x.jpg) no-repeat left top;
}
a:hover.indeximg3roll{
	background:url(../images/corp/indeximg3-2x.jpg) no-repeat left bottom;
}

#indeximg4  {
	position: absolute;
	top:385px;
	left:140px;
	width: 210px;
	height: 155px;
}
#indeximg4 a {
	display: block;
	height: 155px;
	width: 210px;
}

a.indeximg4roll {
	background:url(../images/corp/indeximg4-2x.jpg) no-repeat left top;
}
a:hover.indeximg4roll{
	background:url(../images/corp/indeximg4-2x.jpg) no-repeat left bottom;
}



#indeximg5  {
	position: absolute;
	top:360px;
	left:437px;
	width: 155px;
	height: 185px;
}
#indeximg5 a {
	display: block;
	height: 185px;
	width: 155px;
}

a.indeximg5roll {
	background:url(../images/corp/indeximg5-2x.jpg) no-repeat left top;
}
a:hover.indeximg5roll{
	background:url(../images/corp/indeximg5-2x.jpg) no-repeat left bottom;
}

#indeximg6  {
	position: absolute;
	top:380px;
	left:670px;
	width: 140px;
	height: 175px;
}
#indeximg6 a {
	display: block;
	height: 175px;
	width: 140px;
}

a.indeximg6roll {
	background:url(../images/corp/indeximg6-2x.jpg) no-repeat left top;
}
a:hover.indeximg6roll{
	background:url(../images/corp/indeximg6-2x.jpg) no-repeat left bottom;
}

/******PORTFOLIO/EXPERIENCE INDEX******/
#portfoliomain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliobckgrnd.jpg) top left no-repeat;	
}

#ptlogo {
	position: relative;
	top: 28px;
	left: 20px;
	height: 117px;
	width: 85px;
	border: none;
}
#ptlogo a {
	display: block;
	height: 117px;
	width: 85px;
}
a.ptlogoroll {
	background:url(../images/portfolioindex/ptlogo-2x.jpg) no-repeat left top;
}
a:hover.ptlogoroll{
	background:url(../images/portfolioindex/ptlogo-2x.jpg) no-repeat left bottom;
}

#ptlogo a img {
	border: none;
}

#pttitle {
	position:absolute;
	top: 25px;
	left: 437px;
	width: 375px;
	height: 45px;
	background:url(../images/portfolioindex/pttitle.jpg) top left no-repeat;
}
#pttextbox{
	position:absolute;
	top: 80px;
	left: 437px;
	width: 375px;
	height: 64px;
	background:url(../images/portfolioindex/pttextboxbckgrnd.jpg) top left no-repeat;
}
.pttext {
	color: #20629a;
	font-size: .65em;
	margin: 6px 2px 3px 6px;
	padding: 0;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.0em;
}

#ptimg1  {
	position: absolute;
	top:170px;
	left:170px;
	width: 185px;
	height: 175px;
}
#ptimg1 a {
	display: block;
	height: 175px;
	width: 185px;
}

a.ptimg1roll {
	background:url(../images/portfolioindex/ptimg1-2x.jpg) no-repeat left top;
}
a:hover.ptimg1roll{
	background:url(../images/portfolioindex/ptimg1-2x.jpg) no-repeat left bottom;
}

#ptimg2  {
	position: absolute;
	top:170px;
	left:410px;
	width: 185px;
	height: 175px;
}
#ptimg2 a {
	display: block;
	height: 175px;
	width: 185px;
}

a.ptimg2roll {
	background:url(../images/portfolioindex/ptimg2-2x.jpg) no-repeat left top;
}
a:hover.ptimg2roll{
	background:url(../images/portfolioindex/ptimg2-2x.jpg) no-repeat left bottom;
}

#ptimg3  {
	position: absolute;
	top:170px;
	left:640px;
	width: 185px;
	height: 175px;
}
#ptimg3 a {
	display: block;
	height: 175px;
	width: 185px;
}

a.ptimg3roll {
	background:url(../images/portfolioindex/ptimg3-2x.jpg) no-repeat left top;
}
a:hover.ptimg3roll{
	background:url(../images/portfolioindex/ptimg3-2x.jpg) no-repeat left bottom;
}

#ptimg4  {
	position: absolute;
	top:395px;
	left:170px;
	width: 185px;
	height: 175px;
}
#ptimg4 a {
	display: block;
	height: 175px;
	width: 185px;
}

a.ptimg4roll {
	background:url(../images/portfolioindex/ptimg4-2x.jpg) no-repeat left top;
}
a:hover.ptimg4roll{
	background:url(../images/portfolioindex/ptimg4-2x.jpg) no-repeat left bottom;
}



#ptimg5  {
	position: absolute;
	top:395px;
	left:410px;
	width: 185px;
	height: 175px;
}
#ptimg5 a {
	display: block;
	height: 175px;
	width: 185px;
}

a.ptimg5roll {
	background:url(../images/portfolioindex/ptimg5-2x.jpg) no-repeat left top;
}
a:hover.ptimg5roll{
	background:url(../images/portfolioindex/ptimg5-2x.jpg) no-repeat left bottom;
}

#ptimg6  {
	position: absolute;
	top:395px;
	left:640px;
	width: 185px;
	height: 175px;
}
#ptimg6 a {
	display: block;
	height: 175px;
	width: 185px;
}

a.ptimg6roll {
	background:url(../images/portfolioindex/ptimg6-2x.jpg) no-repeat left top;
}
a:hover.ptimg6roll{
	background:url(../images/portfolioindex/ptimg6-2x.jpg) no-repeat left bottom;
}


/******PORTFOLIO TOP NAV********/
a.pylonsindex {
	background:url(../images/PortIndex/PortIndexpylons2x.jpg) no-repeat left top;
}
a:hover.pylonsindex {
	background:url(../images/PortIndex/PortIndexpylons2x.jpg) no-repeat left bottom;
}

a.monumentsindex {
	background:url(../images/PortIndex/PortIndexmonuments2x.jpg) no-repeat left top;
}
a:hover.monumentsindex {
	background:url(../images/PortIndex/PortIndexmonuments2x.jpg) no-repeat left bottom;
}
a.wayfindingindex {
	background:url(../images/PortIndex/PortIndexwayfinding2x.jpg) no-repeat left top;
}
a:hover.wayfindingindex {
	background:url(../images/PortIndex/PortIndexwayfinding2x.jpg) no-repeat left bottom;
}
a.shoppingindex {
	background:url(../images/PortIndex/PortIndexshopping2x.jpg) no-repeat left top;
}
a:hover.shoppingindex {
	background:url(../images/PortIndex/PortIndexshopping2x.jpg) no-repeat left bottom;
}
a.retailindex {
	background:url(../images/PortIndex/PortIndexretail2x.jpg) no-repeat left top;
}
a:hover.retailindex {
	background:url(../images/PortIndex/PortIndexretail2x.jpg) no-repeat left bottom;
}
a.idchangeindex {
	background:url(../images/PortIndex/PortIndexidchange2x.jpg) no-repeat left top;
}
a:hover.idchangeindex {
	background:url(../images/PortIndex/PortIndexidchange2x.jpg) no-repeat left bottom;
}
/*****PORTFOLIO DETAIL PAGES****/
#topnav {
	position: absolute;
	top: 0;
	left: 130px;
	width: 734px;
	height: 49px;
}
#topnavbar {
	position: relative;
	top: 15px;
	left: 3px;
	width: 730px;
	height: 22px;
}

#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 730px;
}
#topnav ul li {
	float: left;
	margin: 0 5px 0 5px;
}
#topnav ul li.firstbutton {
	margin: 0 5px 0 0;
}
#topnav ul a {
	display: block;
	width: 111px;
	height: 22px;
	text-decoration: none;
	
}
a.pylons {
	background:url(../images/portfolioindex/pylonsbutton2x.jpg) no-repeat left top;
}
a:hover.pylons {
	background:url(../images/portfolioindex/pylonsbutton2x.jpg) no-repeat left bottom;
}
a.monuments {
	background:url(../images/portfolioindex/monumentsbutton2x.jpg) no-repeat left top;
}
a:hover.monuments {
	background:url(../images/portfolioindex/monumentsbutton2x.jpg) no-repeat left bottom;
}
a.wayfinding {
	background:url(../images/portfolioindex/wayfindingbutton2x.jpg) no-repeat left top;
}
a:hover.wayfinding {
	background:url(../images/portfolioindex/wayfindingbutton2x.jpg) no-repeat left bottom;
}
a.shoppingcenters{
	background:url(../images/portfolioindex/shoppingcentrsbutton2x.jpg) no-repeat left top;
}
a:hover.shoppingcenters{
	background:url(../images/portfolioindex/shoppingcentrsbutton2x.jpg) no-repeat left bottom;
}
a.retailid {
	background:url(../images/portfolioindex/retailidbutton2x.jpg) no-repeat left top;
}
a:hover.retailid{
	background:url(../images/portfolioindex/retailidbutton2x.jpg) no-repeat left bottom;
}
a.idchangeover {
	background:url(../images/portfolioindex/idchangebutton2x.jpg) no-repeat left top;
}
a:hover.idchangeover{
	background:url(../images/portfolioindex/idchangebutton2x.jpg) no-repeat left bottom;
}

#pilogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 114px;
	width: 83px;
	border: none;
}
#pilogo a {
	display: block;
	height: 114px;
	width: 83px;
}
a.pilogoroll {
	background:url(../images/portfolioindex/pilogo2x.jpg) no-repeat left top;
}
a:hover.pilogoroll{
	background:url(../images/portfolioindex/pilogo2x.jpg) no-repeat left bottom;
}

#ptnextbutton  {
	position: absolute;
	top:580px;
	left:710px;
	width: 120px;
	height: 40px;
	z-index: 2;
}
#ptnextbutton a {
	display: block;
	height: 40px;
	width: 120px;
}

a.ptnextbuttonroll {
	background:url(../images/portfolioindex/portfolionext-2x.jpg) no-repeat left top;
}
a:hover.ptnextbuttonroll{
	background:url(../images/portfolioindex/portfolionext-2x.jpg) no-repeat left bottom;
}

#ptprevbutton  {
	position: absolute;
	top:580px;
	left:160px;
	width: 140px;
	height: 40px;
	z-index: 2;
}
#ptprevbutton a {
	display: block;
	height: 40px;
	width: 140px;
}

a.ptprevbuttonroll {
	background:url(../images/portfolioindex/portfolioprevious-2x.jpg) no-repeat left top;
}
a:hover.ptprevbuttonroll{
	background:url(../images/portfolioindex/portfolioprevious-2x.jpg) no-repeat left bottom;
}

#ptclosebutton  {
	position: absolute;
	top:85px;
	left:730px;
	width: 100px;
	height: 45px;
	z-index: 2;
	border: none;
}
#ptclosebutton a {
	display: block;
	height: 45px;
	width: 100px;
}

a.ptclosebuttonroll {
	background:url(../images/portfolioindex/portfolioclose-2x.jpg) no-repeat left top;
}
a:hover.ptclosebuttonroll{
	background:url(../images/portfolioindex/portfolioclose-2x.jpg) no-repeat left bottom;
}

#ptdetailcontent {
	position: absolute;
	top: 85px;
	left: 160px;
	width: 670px;
	height: 535px;
	z-index: 1;
	
}



/*****PYLONS PAGE***********/
#pylonsmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliotopnavbckgrnd.jpg) top left no-repeat;	
}
#pylonstitle {
	position:absolute;
	top: 80px;
	left: 714px;
	width: 112px;
	height: 46px;
	background:url(../images/portfolioindex/pylonstitle.jpg) top left no-repeat;
}

#pylonsimg1  {
	position: absolute;
	top:110px;
	left:165px;
	width: 155px;
	height: 165px;
}
#pylonsimg1 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg1roll {
	background:url(../images/portfolioindex/pylonsimg1-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg1roll{
	background:url(../images/portfolioindex/pylonsimg1-2x.jpg) no-repeat left bottom;
}

#pylonsimg2  {
	position: absolute;
	top:148px;
	left:333px;
	width: 155px;
	height: 165px;
}
#pylonsimg2 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg2roll {
	background:url(../images/portfolioindex/pylonsimg2-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg2roll{
	background:url(../images/portfolioindex/pylonsimg2-2x.jpg) no-repeat left bottom;
}

#pylonsimg3  {
	position: absolute;
	top:187px;
	left:507px;
	width: 155px;
	height: 165px;
}
#pylonsimg3 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg3roll {
	background:url(../images/portfolioindex/pylonsimg3-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg3roll{
	background:url(../images/portfolioindex/pylonsimg3-2x.jpg) no-repeat left bottom;
}

#pylonsimg4  {
	position: absolute;
	top:229px;
	left:683px;
	width: 155px;
	height: 165px;
}
#pylonsimg4 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg4roll {
	background:url(../images/portfolioindex/pylonsimg4-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg4roll{
	background:url(../images/portfolioindex/pylonsimg4-2x.jpg) no-repeat left bottom;
}

#pylonsimg5  {
	position: absolute;
	top:333px;
	left:165px;
	width: 155px;
	height: 165px;
}
#pylonsimg5 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg5roll {
	background:url(../images/portfolioindex/pylonsimg5-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg5roll{
	background:url(../images/portfolioindex/pylonsimg5-2x.jpg) no-repeat left bottom;
}

#pylonsimg6  {
	position: absolute;
	top:372px;
	left:333px;
	width: 155px;
	height: 165px;
}
#pylonsimg6 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg6roll {
	background:url(../images/portfolioindex/pylonsimg6-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg6roll{
	background:url(../images/portfolioindex/pylonsimg6-2x.jpg) no-repeat left bottom;
}

#pylonsimg7  {
	position: absolute;
	top:412px;
	left:507px;
	width: 155px;
	height: 165px;
}
#pylonsimg7 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg7roll {
	background:url(../images/portfolioindex/pylonsimg7-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg7roll{
	background:url(../images/portfolioindex/pylonsimg7-2x.jpg) no-repeat left bottom;
}

#pylonsimg8  {
	position: absolute;
	top:453px;
	left:683px;
	width: 155px;
	height: 165px;
}
#pylonsimg8 a {
	display: block;
	height: 165px;
	width: 155px;
}

a.pylonsimg8roll {
	background:url(../images/portfolioindex/pylonsimg8-2x.jpg) no-repeat left top;
}
a:hover.pylonsimg8roll{
	background:url(../images/portfolioindex/pylonsimg8-2x.jpg) no-repeat left bottom;
}

/****PYLONS DETAIL PAGES********/
#pylonsdetailmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliodetailbckgrnd.jpg) top left no-repeat;	
}


/*****MONUMENTS PAGE***********/
#monumentsmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliotopnavbckgrnd.jpg) top left no-repeat;	
}
#monumentstitle {
	position:absolute;
	top: 75px;
	left: 615px;
	width: 225px;
	height: 50px;
	background:url(../images/portfolioindex/monumentstitle.jpg) top left no-repeat;
}

#monumentsimg1  {
	position: absolute;
	top:125px;
	left:145px;
	width: 170px;
	height: 150px;
}
#monumentsimg1 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg1roll {
	background:url(../images/portfolioindex/monumentsimg1-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg1roll{
	background:url(../images/portfolioindex/monumentsimg1-2x.jpg) no-repeat left bottom;
}

#monumentsimg2  {
	position: absolute;
	top:165px;
	left:320px;
	width: 170px;
	height: 150px;
}
#monumentsimg2 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg2roll {
	background:url(../images/portfolioindex/monumentsimg2-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg2roll{
	background:url(../images/portfolioindex/monumentsimg2-2x.jpg) no-repeat left bottom;
}

#monumentsimg3  {
	position: absolute;
	top:205px;
	left:495px;
	width: 170px;
	height: 150px;
}
#monumentsimg3 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg3roll {
	background:url(../images/portfolioindex/monumentsimg3-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg3roll{
	background:url(../images/portfolioindex/monumentsimg3-2x.jpg) no-repeat left bottom;
}

#monumentsimg4  {
	position: absolute;
	top:245px;
	left:670px;
	width: 170px;
	height: 150px;
}
#monumentsimg4 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg4roll {
	background:url(../images/portfolioindex/monumentsimg4-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg4roll{
	background:url(../images/portfolioindex/monumentsimg4-2x.jpg) no-repeat left bottom;
}

#monumentsimg5  {
	position: absolute;
	top:350px;
	left:145px;
	width: 170px;
	height: 150px;
}
#monumentsimg5 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg5roll {
	background:url(../images/portfolioindex/monumentsimg5-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg5roll{
	background:url(../images/portfolioindex/monumentsimg5-2x.jpg) no-repeat left bottom;
}

#monumentsimg6  {
	position: absolute;
	top:390px;
	left:320px;
	width: 170px;
	height: 150px;
}
#monumentsimg6 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg6roll {
	background:url(../images/portfolioindex/monumentsimg6-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg6roll{
	background:url(../images/portfolioindex/monumentsimg6-2x.jpg) no-repeat left bottom;
}

#monumentsimg7  {
	position: absolute;
	top:430px;
	left:495px;
	width: 170px;
	height: 150px;
}
#monumentsimg7 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg7roll {
	background:url(../images/portfolioindex/monumentsimg7-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg7roll{
	background:url(../images/portfolioindex/monumentsimg7-2x.jpg) no-repeat left bottom;
}

#monumentsimg8  {
	position: absolute;
	top:470px;
	left:670px;
	width: 170px;
	height: 150px;
}
#monumentsimg8 a {
	display: block;
	height: 150px;
	width: 170px;
}

a.monumentsimg8roll {
	background:url(../images/portfolioindex/monumentsimg8-2x.jpg) no-repeat left top;
}
a:hover.monumentsimg8roll{
	background:url(../images/portfolioindex/monumentsimg8-2x.jpg) no-repeat left bottom;
}

/*****WAY-FINDING PAGE***********/
#wayfindingmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliotopnavbckgrnd.jpg) top left no-repeat;	
}
#wayfindingtitle {
	position:absolute;
	top: 75px;
	left: 600px;
	width: 235px;
	height: 55px;
	background:url(../images/portfolioindex/wayfindingtitle.jpg) top left no-repeat;
}

#wayfindingimg1  {
	position: absolute;
	top:120px;
	left:180px;
	width: 190px;
	height: 175px;
}
#wayfindingimg1 a {
	display: block;
	height: 175px;
	width: 190px;
}

a.wayfindingimg1roll {
	background:url(../images/portfolioindex/wfimg1-2x.jpg) no-repeat left top;
}
a:hover.wayfindingimg1roll{
	background:url(../images/portfolioindex/wfimg1-2x.jpg) no-repeat left bottom;
}

#wayfindingimg2  {
	position: absolute;
	top:155px;
	left:405px;
	width: 190px;
	height: 175px;
}
#wayfindingimg2 a {
	display: block;
	height: 175px;
	width: 190px;
}

a.wayfindingimg2roll {
	background:url(../images/portfolioindex/wfimg2-2x.jpg) no-repeat left top;
}
a:hover.wayfindingimg2roll{
	background:url(../images/portfolioindex/wfimg2-2x.jpg) no-repeat left bottom;
}

#wayfindingimg3  {
	position: absolute;
	top:190px;
	left:625px;
	width: 190px;
	height: 175px;
}
#wayfindingimg3 a {
	display: block;
	height: 175px;
	width: 190px;
}

a.wayfindingimg3roll {
	background:url(../images/portfolioindex/wfimg3-2x.jpg) no-repeat left top;
}
a:hover.wayfindingimg3roll{
	background:url(../images/portfolioindex/wfimg3-2x.jpg) no-repeat left bottom;
}

#wayfindingimg4  {
	position: absolute;
	top:353px;
	left:180px;
	width: 190px;
	height: 175px;
}
#wayfindingimg4 a {
	display: block;
	height: 175px;
	width: 190px;
}

a.wayfindingimg4roll {
	background:url(../images/portfolioindex/wfimg4-2x.jpg) no-repeat left top;
}
a:hover.wayfindingimg4roll{
	background:url(../images/portfolioindex/wfimg4-2x.jpg) no-repeat left bottom;
}

#wayfindingimg5  {
	position: absolute;
	top:390px;
	left:405px;
	width: 190px;
	height: 175px;
}
#wayfindingimg5 a {
	display: block;
	height: 175px;
	width: 190px;
}

a.wayfindingimg5roll {
	background:url(../images/portfolioindex/wfimg5-2x.jpg) no-repeat left top;
}
a:hover.wayfindingimg5roll{
	background:url(../images/portfolioindex/wfimg5-2x.jpg) no-repeat left bottom;
}

#wayfindingimg6  {
	position: absolute;
	top:423px;
	left:625px;
	width: 190px;
	height: 175px;
}
#wayfindingimg6 a {
	display: block;
	height: 175px;
	width: 190px;
}

a.wayfindingimg6roll {
	background:url(../images/portfolioindex/wfimg6-2x.jpg) no-repeat left top;
}
a:hover.wayfindingimg6roll{
	background:url(../images/portfolioindex/wfimg6-2x.jpg) no-repeat left bottom;
}

/*****SHOPPING CENTERS PAGE***********/
#shoppingcentersmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliotopnavbckgrnd.jpg) top left no-repeat;	
}
#shoppingcenterstitle {
	position:absolute;
	top: 77px;
	left: 505px;
	width: 335px;
	height: 50px;
	background:url(../images/portfolioindex/shoppingcenterstitle.jpg) top left no-repeat;
}

#sctextbox{
	position:absolute;
	top: 130px;
	left: 505px;
	width: 321px;
	height: 103px;
	background:url(../images/portfolioindex/shoppingcenterstextboxbckgrnd.jpg) top left no-repeat;
}

.sctext {
	color: #20629a;
	font-size: .65em;
	margin: 6px 3px 3px 10px;
	padding: 0;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.0em;
}

#scimg1  {
	position: absolute;
	top:225px;
	left:150px;
	width: 170px;
	height: 160px;
}
#scimg1 a {
	display: block;
	height: 160px;
	width: 170px;
}

a.scimg1roll {
	background:url(../images/portfolioindex/scimg1-2x.jpg) no-repeat left top;
}
a:hover.scimg1roll{
	background:url(../images/portfolioindex/scimg1-2x.jpg) no-repeat left bottom;
}

#scimg2  {
	position: absolute;
	top:180px;
	left:330px;
	width: 170px;
	height: 160px;
}
#scimg2 a {
	display: block;
	height: 160px;
	width: 170px;
}

a.scimg2roll {
	background:url(../images/portfolioindex/scimg2-2x.jpg) no-repeat left top;
}
a:hover.scimg2roll{
	background:url(../images/portfolioindex/scimg2-2x.jpg) no-repeat left bottom;
}

#scimg3  {
	position: absolute;
	top:425px;
	left:150px;
	width: 170px;
	height: 160px;
}
#scimg3 a {
	display: block;
	height: 160px;
	width: 170px;
}

a.scimg3roll {
	background:url(../images/portfolioindex/scimg3-2x.jpg) no-repeat left top;
}
a:hover.scimg3roll{
	background:url(../images/portfolioindex/scimg3-2x.jpg) no-repeat left bottom;
}

#scimg4  {
	position: absolute;
	top:380px;
	left:330px;
	width: 170px;
	height: 160px;
}
#scimg4 a {
	display: block;
	height: 160px;
	width: 170px;
}

a.scimg4roll {
	background:url(../images/portfolioindex/scimg4-2x.jpg) no-repeat left top;
}
a:hover.scimg4roll{
	background:url(../images/portfolioindex/scimg4-2x.jpg) no-repeat left bottom;
}

#scimg5  {
	position: absolute;
	top:330px;
	left:505px;
	width: 170px;
	height: 160px;
}
#scimg5 a {
	display: block;
	height: 160px;
	width: 170px;
}

a.scimg5roll {
	background:url(../images/portfolioindex/scimg5-2x.jpg) no-repeat left top;
}
a:hover.scimg5roll{
	background:url(../images/portfolioindex/scimg5-2x.jpg) no-repeat left bottom;
}

#scimg6  {
	position: absolute;
	top:280px;
	left:680px;
	width: 170px;
	height: 160px;
}
#scimg6 a {
	display: block;
	height: 160px;
	width: 170px;
}

a.scimg6roll {
	background:url(../images/portfolioindex/scimg6-2x.jpg) no-repeat left top;
}
a:hover.scimg6roll{
	background:url(../images/portfolioindex/scimg6-2x.jpg) no-repeat left bottom;
}



/*****RETAIL IDENTIFICATION PAGE***********/
#retailidmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliotopnavbckgrnd.jpg) top left no-repeat;	
}
#retailidtitle {
	position:absolute;
	top: 77px;
	left: 475px;
	width: 360px;
	height: 50px;
	background:url(../images/portfolioindex/retailidtitle.jpg) top left no-repeat;
}

#retailidimg1  {
	position: absolute;
	top:140px;
	left:220px;
	width: 175px;
	height: 155px;
}
#retailidimg1 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg1roll {
	background:url(../images/portfolioindex/retailidimg1-2x.jpg) no-repeat left top;
}
a:hover.retailidimg1roll{
	background:url(../images/portfolioindex/retailidimg1-2x.jpg) no-repeat left bottom;
}

#retailidimg2  {
	position: absolute;
	top:140px;
	left:430px;
	width: 175px;
	height: 155px;
}
#retailidimg2 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg2roll {
	background:url(../images/portfolioindex/retailidimg2-2x.jpg) no-repeat left top;
}
a:hover.retailidimg2roll{
	background:url(../images/portfolioindex/retailidimg2-2x.jpg) no-repeat left bottom;
}

#retailidimg3  {
	position: absolute;
	top:140px;
	left:640px;
	width: 175px;
	height: 155px;
}
#retailidimg3 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg3roll {
	background:url(../images/portfolioindex/retailidimg3-2x.jpg) no-repeat left top;
}
a:hover.retailidimg3roll{
	background:url(../images/portfolioindex/retailidimg3-2x.jpg) no-repeat left bottom;
}

#retailidimg4  {
	position: absolute;
	top:305px;
	left:180px;
	width: 175px;
	height: 155px;
}
#retailidimg4 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg4roll {
	background:url(../images/portfolioindex/retailidimg4-2x.jpg) no-repeat left top;
}
a:hover.retailidimg4roll{
	background:url(../images/portfolioindex/retailidimg4-2x.jpg) no-repeat left bottom;
}

#retailidimg5  {
	position: absolute;
	top:305px;
	left:395px;
	width: 175px;
	height: 155px;
}
#retailidimg5 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg5roll {
	background:url(../images/portfolioindex/retailidimg5-2x.jpg) no-repeat left top;
}
a:hover.retailidimg5roll{
	background:url(../images/portfolioindex/retailidimg5-2x.jpg) no-repeat left bottom;
}

#retailidimg6  {
	position: absolute;
	top:305px;
	left:600px;
	width: 175px;
	height: 155px;
}
#retailidimg6 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg6roll {
	background:url(../images/portfolioindex/retailidimg6-2x.jpg) no-repeat left top;
}
a:hover.retailidimg6roll{
	background:url(../images/portfolioindex/retailidimg6-2x.jpg) no-repeat left bottom;
}

#retailidimg7  {
	position: absolute;
	top:465px;
	left:220px;
	width: 175px;
	height: 155px;
}
#retailidimg7 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg7roll {
	background:url(../images/portfolioindex/retailidimg7-2x.jpg) no-repeat left top;
}
a:hover.retailidimg7roll{
	background:url(../images/portfolioindex/retailidimg7-2x.jpg) no-repeat left bottom;
}

#retailidimg8  {
	position: absolute;
	top:465px;
	left:430px;
	width: 175px;
	height: 155px;
}
#retailidimg8 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg8roll {
	background:url(../images/portfolioindex/retailidimg8-2x.jpg) no-repeat left top;
}
a:hover.retailidimg8roll{
	background:url(../images/portfolioindex/retailidimg8-2x.jpg) no-repeat left bottom;
}

#retailidimg9  {
	position: absolute;
	top:465px;
	left:640px;
	width: 175px;
	height: 155px;
}
#retailidimg9 a {
	display: block;
	height: 155px;
	width: 175px;
}

a.retailidimg9roll {
	background:url(../images/portfolioindex/retailidimg9-2x.jpg) no-repeat left top;
}
a:hover.retailidimg9roll{
	background:url(../images/portfolioindex/retailidimg9-2x.jpg) no-repeat left bottom;
}

/*****ID CHANGEOVER PAGE***********/
#idchangemain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/portfolioindex/portfoliodetailbckgrnd.jpg) top left no-repeat;	
}
#idchangetitle {
	position:absolute;
	top: 75px;
	left: 530px;
	width: 310px;
	height: 50px;
	background:url(../images/portfolioindex/idchangetitle.jpg) top left no-repeat;
}
#idctextbox{
	position:absolute;
	top: 130px;
	left: 530px;
	width: 307px;
	height: 65px;
	background:url(../images/portfolioindex/idchangetextbox.jpg) top left no-repeat;
}
#idctextbox p {
	margin-left : 8px;
	margin-right : 8px;
	margin-top : 6px;
	margin-bottom : 1px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .55em;
	color : #20629a;
	line-height : 1.0em;
}


#idchangeimg1  {
	position: absolute;
	top:150px;
	left:190px;
	width: 175px;
	height: 165px;
}
#idchangeimg1 a {
	display: block;
	height: 165px;
	width: 175px;
}

a.idchangeimg1roll {
	background:url(../images/portfolioindex/idchangeimg1-2x.jpg) no-repeat left top;
}
a:hover.idchangeimg1roll{
	background:url(../images/portfolioindex/idchangeimg1-2x.jpg) no-repeat left bottom;
}

#idchangeimg2  {
	position: absolute;
	top:200px;
	left:410px;
	width: 175px;
	height: 165px;
}
#idchangeimg2 a {
	display: block;
	height: 165px;
	width: 175px;
}

a.idchangeimg2roll {
	background:url(../images/portfolioindex/idchangeimg2-2x.jpg) no-repeat left top;
}
a:hover.idchangeimg2roll{
	background:url(../images/portfolioindex/idchangeimg2-2x.jpg) no-repeat left bottom;
}

#idchangeimg3  {
	position: absolute;
	top:240px;
	left:625px;
	width: 175px;
	height: 165px;
}
#idchangeimg3 a {
	display: block;
	height: 165px;
	width: 175px;
}

a.idchangeimg3roll {
	background:url(../images/portfolioindex/idchangeimg3-2x.jpg) no-repeat left top;
}
a:hover.idchangeimg3roll{
	background:url(../images/portfolioindex/idchangeimg3-2x.jpg) no-repeat left bottom;
}

#idchangeimg4  {
	position: absolute;
	top:390px;
	left:190px;
	width: 175px;
	height: 165px;
}
#idchangeimg4 a {
	display: block;
	height: 165px;
	width: 175px;
}

a.idchangeimg4roll {
	background:url(../images/portfolioindex/idchangeimg4-2x.jpg) no-repeat left top;
}
a:hover.idchangeimg4roll{
	background:url(../images/portfolioindex/idchangeimg4-2x.jpg) no-repeat left bottom;
}

#idchangeimg5  {
	position: absolute;
	top:435px;
	left:410px;
	width: 175px;
	height: 165px;
}
#idchangeimg5 a {
	display: block;
	height: 165px;
	width: 175px;
}

a.idchangeimg5roll {
	background:url(../images/portfolioindex/idchangeimg5-2x.jpg) no-repeat left top;
}
a:hover.idchangeimg5roll{
	background:url(../images/portfolioindex/idchangeimg5-2x.jpg) no-repeat left bottom;
}

#idchangeimg6  {
	position: absolute;
	top:480px;
	left:625px;
	width: 175px;
	height: 165px;
}
#idchangeimg6 a {
	display: block;
	height: 165px;
	width: 175px;
}

a.idchangeimg6roll {
	background:url(../images/portfolioindex/idchangeimg6-2x.jpg) no-repeat left top;
}
a:hover.idchangeimg6roll{
	background:url(../images/portfolioindex/idchangeimg6-2x.jpg) no-repeat left bottom;
}





/*****DESIGN SERVICES********/

#desgnsrvcsmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/desgnsrvcs/designservicesbckgrnd.jpg) top left no-repeat;	
}

#dslogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 115px;
	width: 85px;
	border: none;
}
#dslogo a {
	display: block;
	height: 115px;
	width: 85px;
}
a.dslogoroll {
	background:url(../images/desgnsrvcs/dslogo-2x.jpg) no-repeat left top;
}
a:hover.dslogoroll{
	background:url(../images/desgnsrvcs/dslogo-2x.jpg) no-repeat left bottom;
}

#dslogo a img {
	border: none;
}

#dstitle {
	position:absolute;
	top: 20px;
	left: 514px;
	width: 292px;
	height: 49px;
	background:url(../images/desgnsrvcs/dstitle.jpg) top left no-repeat;
}
#dstextbox{
	position:absolute;
	top: 80px;
	left: 491px;
	width: 340px;
	height: 120px;
	background:url(../images/desgnsrvcs/dstextboxbckgrnd.jpg) top left no-repeat;
}
.dstext {
	color: #20629a;
	font-size: .65em;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.0em;
	margin: 8px 7px 4px 7px;
	padding: 0;
}



#dsimg1  {
	position: absolute;
	top:220px;
	left:201px;
	width: 200px;
	height: 182px;
}
#dsimg1 a {
	display: block;
	height: 182px;
	width: 200px;
}

a.dsimg1roll {
	background:url(../images/desgnsrvcs/dsimg1-2x.jpg) no-repeat left top;
}
a:hover.dsimg1roll{
	background:url(../images/desgnsrvcs/dsimg1-2x.jpg) no-repeat left bottom;
}
#dsimg2  {
	position: absolute;
	top:220px;
	left:511px;
	width: 200px;
	height: 182px;
}
#dsimg2 a {
	display: block;
	height: 182px;
	width: 200px;
}

a.dsimg2roll {
	background:url(../images/desgnsrvcs/dsimg2-2x.jpg) no-repeat left top;
}
a:hover.dsimg2roll{
	background:url(../images/desgnsrvcs/dsimg2-2x.jpg) no-repeat left bottom;
}
#dsimg3  {
	position: absolute;
	top:427px;
	left:289px;
	width: 200px;
	height: 182px;
}
#dsimg3 a {
	display: block;
	height: 182px;
	width: 200px;
}

a.dsimg3roll {
	background:url(../images/desgnsrvcs/dsimg3-2x.jpg) no-repeat left top;
}
a:hover.dsimg3roll{
	background:url(../images/desgnsrvcs/dsimg3-2x.jpg) no-repeat left bottom;
}
#dsimg4  {
	position: absolute;
	top:427px;
	left:601px;
	width: 200px;
	height: 182px;
}
#dsimg4 a {
	display: block;
	height: 182px;
	width: 200px;
}

a.dsimg4roll {
	background:url(../images/desgnsrvcs/dsimg4-2x.jpg) no-repeat left top;
}
a:hover.dsimg4roll{
	background:url(../images/desgnsrvcs/dsimg4-2x.jpg) no-repeat left bottom;
}
/*****DESIGN SERVICES DETAIL**********/

#desgnsrvcsdetailmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/desgnsrvcs/designservicesdetailbckgrnd.jpg) top left no-repeat;	
}


#dsnextbutton  {
	position: absolute;
	top:530px;
	left:720px;
	width: 100px;
	height: 40px;
}
#dsnextbutton a {
	display: block;
	height: 40px;
	width: 100px;
}

a.dsnextbuttonroll {
	background:url(../images/desgnsrvcs/dsnextbutton-2x.jpg) no-repeat left top;
}
a:hover.dsnextbuttonroll{
	background:url(../images/desgnsrvcs/dsnextbutton-2x.jpg) no-repeat left bottom;
}

#dsprevbutton  {
	position: absolute;
	top:530px;
	left:165px;
	width: 135px;
	height: 40px;
}
#dsprevbutton a {
	display: block;
	height: 40px;
	width: 135px;
}

a.dsprevbuttonroll {
	background:url(../images/desgnsrvcs/dspreviousbutton-2x.jpg) no-repeat left top;
}
a:hover.dsprevbuttonroll{
	background:url(../images/desgnsrvcs/dspreviousbutton-2x.jpg) no-repeat left bottom;
}

#dsclosebutton  {
	position: absolute;
	top:60px;
	left:710px;
	width: 110px;
	height: 45px;
}
#dsclosebutton a {
	display: block;
	height: 45px;
	width: 110px;
}

a.dsclosebuttonroll {
	background:url(../images/desgnsrvcs/dsclosebutton-2x.jpg) no-repeat left top;
}
a:hover.dsclosebuttonroll{
	background:url(../images/desgnsrvcs/dsclosebutton-2x.jpg) no-repeat left bottom;
}

#mastersigncontent {
	position:absolute;
	top: 117px;
	left: 204px;
	width: 574px;
	height: 397px;
	background:url(../images/desgnsrvcs/designservicesimg1.jpg) top left no-repeat;
}
#mastersigntitle {
	position:relative;
	top: 20px;
	left: 373px;
	width: 175px;
	height: 25px;
	text-align:center;
	
}
#mastersigntitle h4 {
	color: #fff;
	margin: 2px 2px 2px 2px;
}
#mastersigntext {
	position:relative;
	top: 20px;
	left: 371px;
	width: 178px;
	height: 155px;
}
#mastersigntext p {
	margin-left : 4px;
	margin-right : 2px;
	margin-top : 4px;
	margin-bottom : 5px;
	padding: 0;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .65em;
	color : #343434;
	line-height : 1.0em;
}


#designconceptscontent {
	position:absolute;
	top: 117px;
	left: 204px;
	width: 574px;
	height: 397px;
	background:url(../images/desgnsrvcs/designservicesimg2.jpg) top left no-repeat;
}
#designconceptstitle {
	position:relative;
	top: 20px;
	left: 373px;
	width: 175px;
	height: 25px;
	text-align:center;
	
}
#designconceptstitle h4 {
	color: #fff;
	margin: 2px 2px 2px 2px;
}
#designconceptstext {
	position:relative;
	top: 20px;
	left: 370px;
	width: 180px;
	height: 150px;
}
#designconceptstext p {
	margin-left : 6px;
	margin-right : 6px;
	margin-top : 5px;
	margin-bottom : 5px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .65em;
	color : #343434;
	line-height : 1.0em;
}





#documentationcontent {
	position:absolute;
	top: 117px;
	left: 204px;
	width: 574px;
	height: 397px;
	background:url(../images/desgnsrvcs/designservicesimg3.jpg) top left no-repeat;
}
#documentationtitle {
	position:relative;
	top: 25px;
	left: 290px;
	width: 290px;
	height: 25px;
	text-align:center;
	
}
#documentationtitle h4 {
	color: #fff;
	margin: 2px 2px 2px 2px;
}
#documentationtext {
	position:relative;
	top: 30px;
	left: 330px;
	width: 205px;
	height: 300px;
}
#documentationtext p {
	margin-left : 6px;
	margin-right : 6px;
	margin-top : 5px;
	margin-bottom : 5px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .70em;
	color : #323232;
	line-height : 1.2em;
}


#controldrawingscontent {
	position:absolute;
	top: 117px;
	left: 204px;
	width: 574px;
	height: 397px;
	background:url(../images/desgnsrvcs/designservicesimg4.jpg) top left no-repeat;
}

#controldrawingstitle {
	position:relative;
	top: 23px;
	left: 410px;
	width: 150px;
	height: 25px;
	text-align:center;
	
}
#controldrawingstitle h4 {
	color: #fff;
	margin: 2px 2px 2px 2px;
}
#controldrawingstext {
	position:relative;
	top: 25px;
	left: 410px;
	width: 150px;
	height: 320px;
}
#controldrawingstext p {
	margin-left : 6px;
	margin-right : 6px;
	margin-top : 5px;
	margin-bottom : 5px;
	font-family : "Century Gothic", Geneva, Arial, Helvetica, sans-serif;
	font-size : .75em;
	color : #343434;
	line-height : 1.3em;
}
#controldrawingstext a {
	font-size: 1.0em;
}

#dsdetailcontent {
	position: absolute;
	top: 37px;
	left: 164px;
	width: 660px;
	height: 570px;
	z-index: 1;
	
}

/*****CUSTOM METAL GALLERY*********/
#custommetalmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/custommetal/custommetalbckgrnd.jpg) top left no-repeat;	
}

.cmtext {
	color: #20629a;
	font-size: .65em;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.1em;
}

#cmlogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 114px;
	width: 83px;
	border: none;
}
#cmlogo a {
	display: block;
	height: 115px;
	width: 85px;
}
a.cmlogoroll {
	background:url(../images/custommetal/cmlogo-2x.jpg) no-repeat left top;
}
a:hover.cmlogoroll{
	background:url(../images/custommetal/cmlogo-2x.jpg) no-repeat left bottom;
}

#cmlogo a img {
	border: none;
}

#cmtitle {
	position:absolute;
	top: 19px;
	left: 560px;
	width: 292px;
	height: 49px;
	background:url(../images/custommetal/cmtitle.jpg) top left no-repeat;
}
#cmtextbox{
	position:absolute;
	top: 76px;
	left: 560px;
	width: 255px;
	height: 105px;
	background:url(../images/custommetal/cmtextboxbckgrnd.jpg) top left no-repeat;
}

#cmimg1  {
	position: absolute;
	top:195px;
	left:165px;
	width: 150px;
	height: 190px;
}
#cmimg1 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg1roll {
	background:url(../images/custommetal/cmimg1-2x.jpg) no-repeat left top;
}
a:hover.cmimg1roll{
	background:url(../images/custommetal/cmimg1-2x.jpg) no-repeat left bottom;
}

#cmimg2  {
	position: absolute;
	top:175px;
	left:335px;
	width: 150px;
	height: 190px;
}
#cmimg2 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg2roll {
	background:url(../images/custommetal/cmimg2-2x.jpg) no-repeat left top;
}
a:hover.cmimg2roll{
	background:url(../images/custommetal/cmimg2-2x.jpg) no-repeat left bottom;
}

#cmimg3  {
	position: absolute;
	top:195px;
	left:505px;
	width: 150px;
	height: 190px;
}
#cmimg3 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg3roll {
	background:url(../images/custommetal/cmimg3-2x.jpg) no-repeat left top;
}
a:hover.cmimg3roll{
	background:url(../images/custommetal/cmimg3-2x.jpg) no-repeat left bottom;
}

#cmimg4  {
	position: absolute;
	top:220px;
	left:675px;
	width: 150px;
	height: 190px;
}
#cmimg4 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg4roll {
	background:url(../images/custommetal/cmimg4-2x.jpg) no-repeat left top;
}
a:hover.cmimg4roll{
	background:url(../images/custommetal/cmimg4-2x.jpg) no-repeat left bottom;
}



#cmimg5  {
	position: absolute;
	top:410px;
	left:165px;
	width: 150px;
	height: 190px;
}
#cmimg5 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg5roll {
	background:url(../images/custommetal/cmimg5-2x.jpg) no-repeat left top;
}
a:hover.cmimg5roll{
	background:url(../images/custommetal/cmimg5-2x.jpg) no-repeat left bottom;
}

#cmimg6  {
	position: absolute;
	top:390px;
	left:335px;
	width: 150px;
	height: 190px;
}
#cmimg6 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg6roll {
	background:url(../images/custommetal/cmimg6-2x.jpg) no-repeat left top;
}
a:hover.cmimg6roll{
	background:url(../images/custommetal/cmimg6-2x.jpg) no-repeat left bottom;
}

#cmimg7  {
	position: absolute;
	top:410px;
	left:505px;
	width: 150px;
	height: 190px;
}
#cmimg7 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg7roll {
	background:url(../images/custommetal/cmimg7-2x.jpg) no-repeat left top;
}
a:hover.cmimg7roll{
	background:url(../images/custommetal/cmimg7-2x.jpg) no-repeat left bottom;
}

#cmimg8  {
	position: absolute;
	top:435px;
	left:675px;
	width: 150px;
	height: 190px;
}
#cmimg8 a {
	display: block;
	height: 190px;
	width: 150px;
}

a.cmimg8roll {
	background:url(../images/custommetal/cmimg8-2x.jpg) no-repeat left top;
}
a:hover.cmimg8roll{
	background:url(../images/custommetal/cmimg8-2x.jpg) no-repeat left bottom;
}


/****CUSTOM METAL DETAIL PAGES*****/
#metaldetailmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/custommetal/metaildetailbckgrnd.jpg) top left no-repeat;	
}

#cmnextbutton  {
	position: absolute;
	top:525px;
	left:700px;
	width: 120px;
	height: 45px;
	z-index: 2;
}
#cmnextbutton a {
	display: block;
	height: 45px;
	width: 120px;
}

a.cmnextbuttonroll {
	background:url(../images/custommetal/metalnextbutton-2x.jpg) no-repeat left top;
}
a:hover.cmnextbuttonroll{
	background:url(../images/custommetal/metalnextbutton-2x.jpg) no-repeat left bottom;
}

#cmprevbutton  {
	position: absolute;
	top:525px;
	left:165px;
	width: 140px;
	height: 45px;
	z-index: 2;
}
#cmprevbutton a {
	display: block;
	height: 45px;
	width: 140px;
}

a.cmprevbuttonroll {
	background:url(../images/custommetal/metalpreviousbutton-2x.jpg) no-repeat left top;
}
a:hover.cmprevbuttonroll{
	background:url(../images/custommetal/metalpreviousbutton-2x.jpg) no-repeat left bottom;
}

#cmclosebutton  {
	position: absolute;
	top:57px;
	left:700px;
	width: 120px;
	height: 50px;
	z-index: 2;
	border: none;
}
#cmclosebutton a {
	display: block;
	height: 50px;
	width: 120px;
}

a.cmclosebuttonroll {
	background:url(../images/custommetal/metalclosebutton-2x.jpg) no-repeat left top;
}
a:hover.cmclosebuttonroll{
	background:url(../images/custommetal/metalclosebutton-2x.jpg) no-repeat left bottom;
}

#cmdetailcontent {
	position: absolute;
	top: 55px;
	left: 160px;
	width: 660px;
	height: 525px;
	z-index: 1;
	
}


/*****NATIONAL RETAIL GALLERY*********/
#natretailmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/natretail/Natretailbckgrnd.jpg) top left no-repeat;	
}


#nrlogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 114px;
	width: 83px;
	border: none;
}
#nrlogo a {
	display: block;
	height: 115px;
	width: 85px;
}
a.nrlogoroll {
	background:url(../images/natretail/nrlogo-2x.jpg) no-repeat left top;
}
a:hover.nrlogoroll{
	background:url(../images/natretail/nrlogo-2x.jpg) no-repeat left bottom;
}

#nrlogo a img {
	border: none;
}

#nrtitle {
	position:absolute;
	top: 24px;
	left: 551px;
	width: 265px;
	height: 42px;
	background:url(../images/natretail/nrtitle.jpg) top left no-repeat;
}
#nrtextbox{
	position:absolute;
	top: 77px;
	left: 547px;
	width: 269px;
	height: 91px;
	background:url(../images/natretail/nrtextboxbckgrnd.jpg) top left no-repeat;
}
.nrtext {
	color: #20629a;
	font-size: .65em;
	margin: 6px 2px 3px 6px;
	padding: 0;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.0em;
}


#nrimg1  {
	position: absolute;
	top:145px;
	left:208px;
	width: 172px;
	height: 155px;
}
#nrimg1 a {
	display: block;
	height: 155px;
	width: 172px;
}

a.nrimg1roll {
	background:url(../images/natretail/nrimg1-2x.jpg) no-repeat left top;
}
a:hover.nrimg1roll{
	background:url(../images/natretail/nrimg1-2x.jpg) no-repeat left bottom;
}

#nrimg2  {
	position: absolute;
	top:187px;
	left:418px;
	width: 172px;
	height: 155px;
}
#nrimg2 a {
	display: block;
	height: 155px;
	width: 172px;
}

a.nrimg2roll {
	background:url(../images/natretail/nrimg2-2x.jpg) no-repeat left top;
}
a:hover.nrimg2roll{
	background:url(../images/natretail/nrimg2-2x.jpg) no-repeat left bottom;
}

#nrimg3  {
	position: absolute;
	top:228px;
	left:623px;
	width: 172px;
	height: 155px;
}
#nrimg3 a {
	display: block;
	height: 155px;
	width: 172px;
}

a.nrimg3roll {
	background:url(../images/natretail/nrimg3-2x.jpg) no-repeat left top;
}
a:hover.nrimg3roll{
	background:url(../images/natretail/nrimg3-2x.jpg) no-repeat left bottom;
}

#nrimg4  {
	position: absolute;
	top:383px;
	left:208px;
	width: 172px;
	height: 155px;
}
#nrimg4 a {
	display: block;
	height: 155px;
	width: 172px;
}

a.nrimg4roll {
	background:url(../images/natretail/nrimg4-2x.jpg) no-repeat left top;
}
a:hover.nrimg4roll{
	background:url(../images/natretail/nrimg4-2x.jpg) no-repeat left bottom;
}



#nrimg5  {
	position: absolute;
	top:425px;
	left:418px;
	width: 172px;
	height: 155px;
}
#nrimg5 a {
	display: block;
	height: 155px;
	width: 172px;
}

a.nrimg5roll {
	background:url(../images/natretail/nrimg5-2x.jpg) no-repeat left top;
}
a:hover.nrimg5roll{
	background:url(../images/natretail/nrimg5-2x.jpg) no-repeat left bottom;
}

#nrimg6  {
	position: absolute;
	top:467px;
	left:623px;
	width: 172px;
	height: 155px;
}
#nrimg6 a {
	display: block;
	height: 155px;
	width: 172px;
}

a.nrimg6roll {
	background:url(../images/natretail/nrimg6-2x.jpg) no-repeat left top;
}
a:hover.nrimg6roll{
	background:url(../images/natretail/nrimg6-2x.jpg) no-repeat left bottom;
}
/*****NATIONAL RETAIL DETAIL PAGES*****/
#retaildetailmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/natretail/retaildetailbckgrnd.jpg) top left no-repeat;	
}

#nrnextbutton  {
	position: absolute;
	top:565px;
	left:700px;
	width: 120px;
	height: 40px;
	z-index: 2;
}
#nrnextbutton a {
	display: block;
	height: 40px;
	width: 120px;
}

a.nrnextbuttonroll {
	background:url(../images/natretail/retailnextbutton-2x.jpg) no-repeat left top;
}
a:hover.nrnextbuttonroll{
	background:url(../images/natretail/retailnextbutton-2x.jpg) no-repeat left bottom;
}

#nrprevbutton  {
	position: absolute;
	top:565px;
	left:165px;
	width: 140px;
	height: 40px;
	z-index: 2;
}
#nrprevbutton a {
	display: block;
	height: 40px;
	width: 140px;
}

a.nrprevbuttonroll {
	background:url(../images/natretail/retailpreviousbutton-2x.jpg) no-repeat left top;
}
a:hover.nrprevbuttonroll{
	background:url(../images/natretail/retailpreviousbutton-2x.jpg) no-repeat left bottom;
}

#nrclosebutton  {
	position: absolute;
	top:43px;
	left:700px;
	width: 120px;
	height: 45px;
	z-index: 2;
	border: none;
}
#nrclosebutton a {
	display: block;
	height: 45px;
	width: 120px;
}

a.nrclosebuttonroll {
	background:url(../images/natretail/retailclosebutton-2x.jpg) no-repeat left top;
}
a:hover.nrclosebuttonroll{
	background:url(../images/natretail/retailclosebutton-2x.jpg) no-repeat left bottom;
}

#nrdetailcontent {
	position: absolute;
	top: 37px;
	left: 164px;
	width: 660px;
	height: 570px;
	z-index: 1;
	
}

/*****RE-IMAGE RE-MODEL GALLERY*********/
#remodelmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/remodel/reimagebckgrnd.jpg) top left no-repeat;	
}

#rrlogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 114px;
	width: 83px;
	border: none;
}
#rrlogo a {
	display: block;
	height: 115px;
	width: 85px;
}
a.rrlogoroll {
	background:url(../images/remodel/rrlogo-2x.jpg) no-repeat left top;
}
a:hover.rrlogoroll{
	background:url(../images/remodel/rrlogo-2x.jpg) no-repeat left bottom;
}

#rrlogo a img {
	border: none;
}

#rrtitle {
	position:absolute;
	top: 24px;
	left: 430px;
	width: 383px;
	height: 46px;
	background:url(../images/remodel/rrtitle.jpg) top left no-repeat;
}
#rrtextbox{
	position:absolute;
	top: 80px;
	left: 430px;
	width: 385px;
	height: 64px;
	background:url(../images/remodel/rrtextboxbckgrnd.jpg) top left no-repeat;
}
.rrtext {
	color: #20629a;
	font-size: .65em;
	margin: 6px 0 3px 6px;
	padding: 0;
	font-family : "Century Gothic",Geneva, Arial, Helvetica, sans-serif;
	line-height: 0.95em;
}

#rrimg1  {
	position: absolute;
	top:195px;
	left:205px;
	width: 180px;
	height: 200px;
}
#rrimg1 a {
	display: block;
	height: 200px;
	width: 180px;
}

a.rrimg1roll {
	background:url(../images/remodel/rrimg1-2x.jpg) no-repeat left top;
}
a:hover.rrimg1roll{
	background:url(../images/remodel/rrimg1-2x.jpg) no-repeat left bottom;
}

#rrimg2  {
	position: absolute;
	top:170px;
	left:410px;
	width: 180px;
	height: 200px;
}
#rrimg2 a {
	display: block;
	height: 200px;
	width: 180px;
}

a.rrimg2roll {
	background:url(../images/remodel/rrimg2-2x.jpg) no-repeat left top;
}
a:hover.rrimg2roll{
	background:url(../images/remodel/rrimg2-2x.jpg) no-repeat left bottom;
}

#rrimg3  {
	position: absolute;
	top:190px;
	left:615px;
	width: 180px;
	height: 200px;
}
#rrimg3 a {
	display: block;
	height: 200px;
	width: 180px;
}

a.rrimg3roll {
	background:url(../images/remodel/rrimg3-2x.jpg) no-repeat left top;
}
a:hover.rrimg3roll{
	background:url(../images/remodel/rrimg3-2x.jpg) no-repeat left bottom;
}

#rrimg4  {
	position: absolute;
	top:425px;
	left:208px;
	width: 180px;
	height: 200px;
}
#rrimg4 a {
	display: block;
	height: 200px;
	width: 180px;
}

a.rrimg4roll {
	background:url(../images/remodel/rrimg4-2x.jpg) no-repeat left top;
}
a:hover.rrimg4roll{
	background:url(../images/remodel/rrimg4-2x.jpg) no-repeat left bottom;
}



#rrimg5  {
	position: absolute;
	top:402px;
	left:412px;
	width: 180px;
	height: 200px;
}
#rrimg5 a {
	display: block;
	height: 200px;
	width: 180px;
}

a.rrimg5roll {
	background:url(../images/remodel/rrimg5-2x.jpg) no-repeat left top;
}
a:hover.rrimg5roll{
	background:url(../images/remodel/rrimg5-2x.jpg) no-repeat left bottom;
}

#rrimg6  {
	position: absolute;
	top:418px;
	left:615px;
	width: 180px;
	height: 200px;
}
#rrimg6 a {
	display: block;
	height: 200px;
	width: 180px;
}

a.rrimg6roll {
	background:url(../images/remodel/rrimg6-2x.jpg) no-repeat left top;
}
a:hover.rrimg6roll{
	background:url(../images/remodel/rrimg6-2x.jpg) no-repeat left bottom;
}
/*****REMODEL DETAIL PAGES******/
#remodeldetailmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/remodel/reimagedetailbckgrnd.jpg) top left no-repeat;	
}

#rrnextbutton  {
	position: absolute;
	top:565px;
	left:700px;
	width: 120px;
	height: 40px;
	z-index: 2;
}
#rrnextbutton a {
	display: block;
	height: 40px;
	width: 120px;
}

a.rrnextbuttonroll {
	background:url(../images/remodel/reimagenextbutton-2x.jpg) no-repeat left top;
}
a:hover.rrnextbuttonroll{
	background:url(../images/remodel/reimagenextbutton-2x.jpg) no-repeat left bottom;
}

#rrprevbutton  {
	position: absolute;
	top:565px;
	left:165px;
	width: 145px;
	height: 40px;
	z-index: 2;
}
#rrprevbutton a {
	display: block;
	height: 40px;
	width: 145px;
}

a.rrprevbuttonroll {
	background:url(../images/remodel/reimagepreviousbutton-2x.jpg) no-repeat left top;
}
a:hover.rrprevbuttonroll{
	background:url(../images/remodel/reimagepreviousbutton-2x.jpg) no-repeat left bottom;
}

#rrclosebutton  {
	position: absolute;
	top:40px;
	left:700px;
	width: 110px;
	height: 50px;
	z-index: 2;
	border: none;
}
#rrclosebutton a {
	display: block;
	height: 50px;
	width: 110px;
}

a.rrclosebuttonroll {
	background:url(../images/remodel/reimageclosebutton-2x.jpg) no-repeat left top;
}
a:hover.rrclosebuttonroll{
	background:url(../images/remodel/reimageclosebutton-2x.jpg) no-repeat left bottom;
}

#rrdetailcontent {
	position: absolute;
	top: 37px;
	left: 164px;
	width: 660px;
	height: 570px;
	z-index: 1;
	
}

/*****LEED PAGE*********/
#leedmain {
	position: relative;
	top: 5px;
	margin-left:auto;
	margin-right:auto;
	width: 865px;
	height:650px;
	border:#333333 1px solid;
	background:url(../images/leed/LEEDbckgrnd.jpg) top left no-repeat;	
}

h1.ldtext {
	color: #BA7739;
	font-size: 1.0em;
	font-family : "Calibri",Geneva, Arial, Helvetica, sans-serif;
	margin: 25px 10px 10px 20px;
	padding: 0;
	line-height: 1.4em;
}
h3.ldtext {
	color: #5D8262;
	font-size: 0.8em;
	font-family : "Calibri",Geneva, Arial, Helvetica, sans-serif;
	margin: 0 10px 0 10px;
	padding: 0;
	line-height: 1.2em;
}
p.ldtext {
	color: #BA7739;
	font-size: 8.5pt;
	font-family : "Calibri",Geneva, Arial, Helvetica, sans-serif;
	margin: 0 10px 5px 0;
	padding: 0;
	line-height: 1.6em;
}


#ldlogo {
	position: relative;
	top: 20px;
	left: 22px;
	height: 114px;
	width: 83px;
	border: none;
}
#ldlogo a {
	display: block;
	height: 115px;
	width: 85px;
}
a.ldlogoroll {
	background:url(../images/leed/ldlogo-2x.jpg) no-repeat left top;
}
a:hover.ldlogoroll{
	background:url(../images/leed/ldlogo-2x.jpg) no-repeat left bottom;
}

#ldlogo a img {
	border: none;
}

#ldtitle {
	position:absolute;
	top: 25px;
	left: 745px;
	width: 85px;
	height: 50px;
	background:url(../images/leed/leedtitle.jpg) top left no-repeat;
}
#ldpageblairlogo {
	position:absolute;
	top: 85px;
	left: 745px;
	width: 85px;
	height: 105px;
	background:url(../images/leed/leedpageblairlogo.jpg) top left no-repeat;
}
#ldpageleedlogo {
	position:absolute;
	top: 200px;
	left: 742px;
	width: 86px;
	height: 105px;
	background:url(../images/leed/leedpageleedlogo.jpg) top left no-repeat;
}
#ldtextbox{
	position:absolute;
	top: 55px;
	left: 265px;
	width: 415px;
	height: 560px;
	
}
#ldtextbox ul li {
	color: #5D8262;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnailone{
position: relative;
}

.thumbnailone:hover{
	background-color: transparent;

}

.thumbnailone span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	z-index: 60;
}

.thumbnailone span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnailone:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: 25px;
	left: 195px; /*position where enlarged image should offset horizontally */
}

.thumbnailtwo{
	position: relative;

}

.thumbnailtwo:hover{
	background-color: transparent;
}

.thumbnailtwo span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	z-index: 60;
}

.thumbnailtwo span img{ /*CSS for enlarged image*/
	border-width: 0;
	padding: 2px;
}

.thumbnailtwo:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -113px;
	left: 195px; /*position where enlarged image should offset horizontally */
}

.thumbnailthree{
	position: relative;
}

.thumbnailthree:hover{
	background-color: transparent;

}

.thumbnailthree span{ /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	z-index: 60;
}

.thumbnailthree span img{ /*CSS for enlarged image*/
	display: block;
	border-width: 0;
	padding: 2px;
}

.thumbnailthree:hover span{ /*CSS for enlarged image on hover*/
	visibility: visible;
	top: -250px;
	left: 195px; /*position where enlarged image should offset horizontally */
}