/* CSS Document */

body {
font-family: Verdana, Helvetica, sans-serif;
font-size:10px;
line-height: 150%;
color:#585858;
}
#bigBox {
margin: 0 auto; 
position: relative; 
width: 975px;

}
.container {
position:absolute;
top: 40px;
margin-left:-488px;
left: 50%;

}
.heading {
position: absolute; 
left: 85px;
top: 84px;
}
.tempheading {
position: absolute; 
left: 85px;
top: 74px;
}
.thanks {
position: absolute;
top: 22px;
left: 0px;


}

.heading h4 {
font-size: 10px;
font-weight: bold;
color: #F00500;

}
#subNav {
margin-top: 5px;
}
.thumb {
position: relative;
width: 169px;
height: 80px;
margin: 0;

}
/*new portfolio */
#portfolioPage {
	position:absolute;
	left:288px;
	top: 0px;
	width: 760px;
	height: 412px;
	}
	#firstRow {
	position: absolute;
	width: 760px;
	height: 80px;
	top: 0px;
	}
	#secondRow {
	position: absolute;
	width: 760px;
	height: 80px;
	top: 83px;
	}
	#thirdRow {
	position: absolute;
	width: 760px;
	height: 80px;
	top: 166px;
	}
	#fourthRow {
	position: absolute;
	width: 760px;
	height: 80px;
	top:249px;
	}
	#fifthRow {
	position: absolute;
	width: 760px;
	height: 80px;
	top:332px;
	}
	
#name{
	position:absolute;
	left:691px;
	top: 171px;
	}
#hospname{
	position:absolute;
	left:691px;
	top: 83px;
	}

#offname{
	position:absolute;
	left:691px;
	top: 151px;
	}
#retail {
position:absolute;
top: 0px;
left: 0px;
}
#hospitality {
position:absolute;
top: 0px;
left: 230px;
}
#office {
position:absolute;
top: 0px;
left: 460px;
}

#subNav {
position: absolute;
width: 286px;
top: 0px;
left: 0px;
}
.block {
margin-top: 3px;
}
#portfolioPanel {
position: absolute;
width: 687px;
height: 80px;
background-color:#000000;
opacity: .7;
filter:alpha(opacity=70);
top: 332px;
left: 0px;
z-index: 1010;
}

#portfolioText {
position: absolute;
width: 650px;
height: 65px;
padding: 18px;

}


#category {
position: absolute;
top: 18px;
left: 40px;
z-index: 1005;
}

#closeBox {
position: absolute;
top: 18px;
left: 603px;
z-index: 1005;
}
#portfolioPanel p {
text-decoration: none;
color: #fff;
font-size:10px;
line-height: 100%;

}
#portfolioPanel span {
font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
color:#3F8BBC;
font-size:17px;

}
#portfolioPanel a:link {
text-decoration: none;
font-family:"Century Gothic", Verdana, Helvetica, sans-serif;
color:#3294C9;
font-size:17px;
}	
#portfolioPanel a:visited {
text-decoration: none;
color:#3F8BBC;
}
#portfolioPanel a:hover  {
text-decoration: none;
color: #ffffff;
}
#portfolioPanel a:active  {
text-decoration: none;
color: #ffffff;
}
#firstPanel {
position: absolute;
top: 8px;
left: 170px;
z-index: 1005;

}
#secondPanel{
position: absolute;
top: 4px;
left: 370px;
}
#shortPanel{
position: absolute;
top: 8px;
left: 370px;
}

/*test page */
.html {
position: absolute;
top:20px;
left: 24px;
}
.logo {
position: absolute;
width: 285px;
height: 32px;
top: 0px;
left: 0px;
}
/*nav*/
.nav  {
position: absolute;
left: 280px;
width: 687px;
height: 32px;
/*background-color:#8D8D95;*/
}
.nav ul {
position: relative;
list-style:none;
display: inline;
top: 8px;
left: -15px;
}
.nav li {
font-size: 11px;
list-style:none;
display: inline;
padding-left: 25px;
padding-right: 10px;
}
.nav a:link {
text-decoration: none;
color: #585858;

}	
.nav a:visited {
text-decoration: none;
color: #585858;
}
.nav a:hover  {
text-decoration: none;
color: #F00500;
}
.nav a:active  {
text-decoration: none;
color: #F00500;
}
.nav #selected  {
color: #F00500;
}
.selected  {
color: #F00500;
}



#frontPage {
position: absolute;
left: 25px;
width: 920px;
}
	#frontPage h1 {
	text-align: right;
font-size:9px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: .02em;
	word-spacing: .025em;
	color:#585858;
	display: inline;

	}
#frontPanel {
position: absolute;
width: 760px;
height: 412px;
left: 263px;


}
#homeText {
position: absolute;
width: 900px;
top: 430px;
text-align: right;
left: 50px;

}
#homeText p {
text-align: right;
font-size:9px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: .02em;
	word-spacing: .025em;
	color:#585858;
	display: inline;
}

	h1 {
	font-size:10px;
	font-weight: 100;
	line-height: 150%;
	letter-spacing: .02em;
	word-spacing: .025em;
	color:#585858;
	display: inline;
	
	}
	
.segment {
position: relative;
margin-top: 20px;
border-top:#999999 .15em dotted;
padding-top: 10px;
}
.segment p {
display:inline;
}
.segmentTwo {
position: relative;
width: 190px; 
border-bottom:#999999 .15em dotted;
padding-top: 15px;
}
.segmentThree {
position: relative;
padding-top: 5px;

}

.segmentThree p {
display: inline;




}
.downloadBox {
margin-top: 5px;
padding: 5px 0 10px 0;
}
	
.downloadButton {
padding-top: 5px;

}	
.lastdownloadBox	{
margin-top: 5px;
padding: 5px 0 0 0;
}



.segmentThree h1 {
font-family:"Century Gothic", Helvetica, sans-serif;
color:#3F8BBC;
font-size: 18px;
letter-spacing: -.05em;
font-weight: 100;
line-height: 150%;

}

.propPro h1 {
font-family:"Century Gothic", Helvetica, sans-serif;
color:#3F8BBC;
font-size: 18px;
letter-spacing: -.05em;
font-weight: 100;
display:inline;
}
.propPro h6 {
font-family:"Century Gothic", Helvetica, sans-serif;
color:#F00500;
font-size: 18px;
letter-spacing: -.05em;
font-weight: 100;
display:inline;

}


.redLink{
display: inline;
color: #F00500;
font-weight: bold;
display: inline;
font-size: 10px;

}
.part {
position: relative;
line-height: 150%;
letter-spacing: .02em;
word-spacing: .025em;
color:#585858;
padding-bottom: 10px;


}
.mainFooter {
position: absolute;
width:975px;
top: 520px;
left: 0px;
}
.mainFooter p {
text-align: right;
color:#505050;
font-size:9px;
word-spacing:.05em;
font-weight:bold;
}
		
			.mainFooter a:link {
			text-decoration: none;
			color: #505050;
			}
			.mainFooter a:visited {
			text-decoration: none;
			color: #505050;
			}
			.mainFooter a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			.mainFooter a:active {
			text-decoration: none;
			color:#3F8BBC;
			}


.follow {
position: absolute;
left: 345px;
top: 0px;
}
#linkLogos {
position: relative;
width: 975px;
float: right;
margin-top: 30px;
border-top:#999999 .15em dotted;

}
a {
outline: none;
}


#footerLinks {
position: relative;
float:right;
padding-top: 25px;
padding-bottom: 50px;
}
.social {
position: relative;
margin-top: 8px;
float: right;

}
.retailers {
position: relative;
float: right;
left: 5px;
margin-top: 25px;
}
#portFrontPage {
position: absolute;
left: 25px;
width: 780px;
top: 415px;
}
#flashcontent {
position: relative;
width:975px;
height:415px;
top:0px;
left:1px;
}
#flashGallery {
position: relative;
width:687px;
height:415px;
top:0px;
left:288px;
}

#view {
position: absolute;
left: 801px;
top: 14px;
}
#click {
position: absolute;
left: 800px;
top: -20px;
}
/*description text*/
	
	
	

.indexFooter {
position: absolute;
width:900px;
height:100px;
top: 470px;
margin-left: 77px;



}
.indexFooter p {
text-align: right;
color:#505050;
font-size:9px;
font-weight:bold;
}
		
			.indexFooter a:link {
			text-decoration: none;
			color: #505050;
			}
			.indexFooter a:visited {
			text-decoration: none;
			color: #505050;
			}
			.indexFooter a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			.indexFooter a:active {
			text-decoration: none;
			color:#3F8BBC;
			}
			
.content {
position: absolute;
width: 992px;
height: 415px;
top: 35px;
left: 0px;
}
/*secondary pages*/

.contentBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height: 530px;
margin-left: 288px;
}
.testBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height: auto;
margin-left: 289px;
}
#flashNav {
position: absolute;
width:284px;
height: 415px;
top: 36px;
left: 1px
}

#text {
position: relative;
width: 450px;
height: auto;
margin-left: 35px;
margin-top: 0px;
}
#proptext {
position: relative;
width: 475px;
height: auto;
margin-left: 35px;
margin-top: 0px;
}

/*Team Page*/
.teamContent {
position: absolute;
width: 992px;
height: auto;
top: 35px;
}
.teamBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height:auto;
margin-left:288px;
}
#text2 {
position: relative;
margin-left: 50px;
}
.red {
position: absolute;
left: 0px;
width: 15px;
height: 75px;
background-color:#F00500;
}
.red_space {
position: absolute;
left: 0px;
width: 15px;
height: 53px;
background-color:#F00500;
}
.red_success {
position: absolute;
left: 0px;
width: 15px;
height: 40px;
background-color:#F00500;
}
.red_team {
position: absolute;
left: 0px;
width: 15px;
height: 60px;
background-color:#F00500;
}
.red_liz {
position: absolute;
left: 0px;
width: 15px;
height: 78px;
background-color:#F00500;
}

.red_service {
position: absolute;
left: 0px;
width: 15px;
height: 33px;
background-color:#F00500;
}
.people {
position: relative;
margin-left: 25px;
margin-top: -3px;
}


#Title {
position: relative;
margin-left: 0px;
margin-top: 20px;

}
#toolTitle {
position: relative;
margin-left: 0px;
margin-top: 20px;
border-top:#999999 .15em dotted;
padding: 30px 100px 0 0;

}
.teamTitle {
position: relative;
margin-left: -5px;
margin-top: 20px;
}
.teamText {
position: relative;
width: 320px;
margin-left: 155px;

}
.photo1 {
position: absolute;
width: 150px;
height: 100px;
left: -158px;

}
.teamMobile {
position: relative;
top: 5px;
}


.teamFooter {
position:relative;
bottom: 0;
clear: both;
padding: 0;
margin: 0;
top: 20px;
color:#505050;
font-size:9px;
font-weight:bold;
right: 15px;

}
#blogtext {
height: 415px;
}		
.teamFooter p {
text-align: right;
}
			.teamFooter a:link {
			text-decoration: none;
			color: #505050;
			}
			.teamFooter a:visited {
			text-decoration: none;
			color: #505050;
			}
			.teamFooter a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			.teamFooter a:active {
			text-decoration: none;
			color:#3F8BBC;
			}







#subHeading {
position: relative;
left: 0px;


}


#sideSubHeading {
position: relative;
left: -4px;
}

h2 {
font-size:12px;
font-weight:200;
display:inline;
line-height: 150%;
}
h3 {
font-size:11px;
font-weight:bold;
display:inline;
line-height: 150%;
}

h4 {
color:#FF0000;
font-weight:bold;
display: inline;

}

h5 {
font-size:10px;
display: inline;
font-weight: 200;
line-height: 120%;
}
			h5 a:link {
			text-decoration: none;
			color:#3F8BBC;
			}
			h5 a:visited {
			text-decoration: none;
			color:#3F8BBC;
			}
			h5 a:hover {
			text-decoration: none;
			color: #FF0000;
			}
			h5 a:active {
			text-decoration: none;
			color: #FF0000;
			}



/*service slideshow*/
#sideFlash {
	position:absolute;
	left:545px;
	top: 70px; 
	width: 142px;
	height: 385px;
	}

.footer {
position: absolute;
width:900px;
height:100px;
top: 585px;
margin-left: 74px;

}
		
.footer p{
text-align: right;
color:#505050;
font-size:9px;
word-spacing:.05em;
font-weight:bold;

}
		
			.footer a:link {
			text-decoration: none;
			color: #505050;
			}
			.footer a:visited {
			text-decoration: none;
			color: #505050;
			}
			.footer a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			.footer a:active {
			text-decoration: none;
			color:#3F8BBC;
			}

.testFooter {
position:relative;
bottom: 0;
clear: both;
padding: 0;
margin: 0;
top: 20px;
color:#505050;
font-size:9px;
font-weight:bold;

}
			.testFooter a:link {
			text-decoration: none;
			color: #505050;
			}
			.testFooter a:visited {
			text-decoration: none;
			color: #505050;
			}
			.testFooter a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			.testFooter a:active {
			text-decoration: none;
			color:#3F8BBC;
			}
/*portfolio*/
#flashPort {
	position:absolute;
	left:288px;
	top: 0px;
	width: 760px;
	height: 415px;
	}

/*contact Page*/
#contactText {
position: relative;
width: 520px;
height: auto;
margin-left: 35px;
margin-top: 0px;
}
			#contactText a:link {
			text-decoration: none;
			color: #505050;
			}
			#contactText a:visited {
			text-decoration: none;
			color: #505050;
			}
			#contactText a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			#contactText a:active {
			text-decoration: none;
			color:#3F8BBC;
			}
			
.contactBackground {
position:relative;
background-color:#D4D4D4;
width: 687px;
height:620px;
margin-left:288px;

}
.columnOne {
position: relative;


}

#base{
position:relative;
margin-top:50px;

}
.columnTwo {
position: absolute;
padding-left: 20px;
left: 205px;
top: 65px;
border-left:#999999 .15em dotted;
height: 500px;
}


#contactMovie {
	position:absolute;
	left: 545px;
	top: 80px; 
	width: 142px;
	height: 385px;
	}
	
	

.redHead {
color:#FF0000;
font-weight:bold;
}




.colour {
color:#3294C9;
font-size:10px;
font-weight:bold;
}
			#text a:link {
			text-decoration: none;
			color: #505050;
			}
			#text a:visited {
			text-decoration: none;
			color: #505050;
			}
			#text a:hover {
			text-decoration: none;
			color:#3F8BBC;
			}
			#text a:active {
			text-decoration: none;
			color:#3F8BBC;
			}
.colourBlue {
font-family:"Century Gothic", Helvetica, sans-serif;
color:#3F8BBC;
font-size: 18px;
letter-spacing: -.05em;
font-weight: 100;
line-height: 150%;

}
.larger {
font-family:"Century Gothic", Helvetica, sans-serif;
color:#505050;
font-size: 18px;
letter-spacing: -.05em;
font-weight: 100;
line-height: 150%;
}
			
/*contact Form*/
#myContact {
position: relative;
width:300px;
left: 0px;
margin-top:15px;
}

#myContact label, label span {
display: block;
padding-bottom: .25em;
}
#myContact label {
float: left;
width: 100%;


}
#myContact label span {
float: left;
width: 25%;
text-align: left;

}
#myContact fieldset {
width: 100%;
border: 0;
}
#myContact fieldset textarea {
width: 180px;
height: 70px;
font-family:"Century Gothic", Helvetica, sans-serif;
color:#999;
font-size: 11px;
border:0;
float: left;
background-image:url(images/form_box.jpg);
border: 1px solid #999;
}
#myContact fieldset input {
width: 180px;
height: 12px;
font-family:"Century Gothic", Helvetica, sans-serif;
color:#999;
font-size: 11px;
border:0;
float: left;
background-image:url(images/form_box.jpg);
border: 1px solid #999;
}

#myContact fieldset input:active, input: focus {
border-color:#FF0000;
}
#myContact fieldset input:hover {
border-color:#FF0000;
}
#myContact fieldset textarea:active, textarea: focus {
border-color:#FF0000;
}
#myContact fieldset textarea:hover {
border-color:#FF0000;
}
#myContact form div input {
position:relative;
font-size: 10px;
font-weight:bold;
color:#FFFFFF;
width: 45px;
height:18px;
border:0;
background-color:#3F8BBC;
top:0px;
left:75px;

}
#myContact #send{position: relative; width:45px;  height:18px; background-color:#147BC0; border: 0; color:#fff; font-size: 9px; font-weight: bold; padding:2px ; cursor: pointer; cursor: hand;}
	/*end contact Form*/	
			
/*all other forms  - start*/
#copy {
position: relative;
width: 455px;
}
#myForm {position:relative; width:500px;height:100px; }
#myForm input:active, input: focus {
border-color:#FF0000;
}
#myForm input:hover {
border-color:#FF0000;
}

.blue {
color:#3F8BBC;
font-weight: bold;
}
.blogHolder {
posotion: relative;
margin-top: 60px;
margin-left: 115px;
}

#firstName {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999; margin-left: 30px;}
#lastName {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
#email{width: 220px;height: 12px;background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
#company {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}

.firstName {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999; margin-left: 30px;}
.lastName {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
.email{width: 220px;height: 12px;background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
.company {width: 220px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-left: 30px;}
#submit {position: relative; background-image:url(images/download-up.jpg); width: 76px; height: 17px; border: 0; cursor: pointer; cursor: hand;  }
#phone{width: 257px; height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999; margin-top: 3px;  }
#postal {width: 257px;height: 12px; background-image:url(images/form_box.jpg);border: 1px solid #999999;margin-top: 3px;}
#myForm input#postal{ margin-top: 1px;}
#myForm input#phone{ margin-top: 1px;}
#submitBtn {position: relative; width:45px;  height:18px; background-color:#147BC0; border: 0; color:#fff; font-size: 9px; font-weight: bold; padding:2px ;top:10px; left: -280px; cursor: pointer; cursor: hand; }
#checkBox {
position: absolute;
width: 490px;
font-size: 10px;


}


#newsName {width:130px; height: 14px; background-image:url(images/form_box.jpg);border: 1px solid #999999; }
#newsEmail {width:130px; height: 14px; background-image:url(images/form_box.jpg);border: 1px solid #999999;}
#newsform #newsSend {
background-image:url(images/envelope-button.jpg);
background-repeat:no-repeat;
border: none;
width: 31px;
height: 19px;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
#newsform {
position: relative;
float: right;
right: 112px;
top: 0px;
}
#newsform input {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color:#666;
padding: 1px 0 0 5px;
}


#downloadForm {
position: relative;
width: 480px;

}
#downloadForm input {
font-family:Arial, Helvetica, sans-serif;
font-size: 9px;
color:#666;
padding: 1px 0 0 5px;
}
#downloadForm #downloadBtn {
position: relative;
width:60px;
height:18px;
background-color:#147BC0;
border: 0; 
color:#ffffff; 
font-size: 9px;
font-weight: bold;
padding:2px;
left: 397px;
top: -25px;
cursor: pointer; cursor: hand;
}
.small {
font-size: 9px;
font-weight: bold;
}

#downloadName {width:180px; height: 14px; background-image:url(images/form_box.jpg);border: 1px solid #999999; }
#downloadEmail {width:180px; height: 14px; background-image:url(images/form_box.jpg);border: 1px solid #999999;}




#cbox {
position: relative;
top: -100px;

}
#toolForm {
position: relative;
margin-top: 100px;
padding-bottom: 50px;

}
#checkText {
position: absolute;
line-height: 140%;
left: 30px;
}
#note {
position: absolute;
font-size:9px;
font-weight: bold;
top: 440px;
left: 0px;
letter-spacing: -.005em;
width: 500px;

}
#checkBox span {
font-size: 11px;

}
.redWord {
color:#FF0000;
font-weight:bold;
font-size: 10px;
}

.part1 {
position: absolute;
width: 490px;
top: 8px;
}
.part2 {
position: absolute;
width: 490px;
top: 45px;
line-height: 150%;
}
.part3 {
position: absolute;
width: 490px;
top: 101px;
}
#checkImage {
position: absolute;
left: 3px;
}

#box1 {
position: absolute;
margin-top: 6px;
}
#box2{
position: absolute;
margin-top: 28px;
}
#box3{
position: absolute;
margin-top: 69px;
}

/*all other forms  - finish*/

#survival {
position: relative;
left: 0px;
}



#bottomBar {
position: absolute;
margin-left: 25px;
margin-top: 449px;
width: 780px;
}
	#bottomBar h1 {
	font-family:"Century Gothic", Verdana,  Helvetica, sans-serif;
	color:#585858;
	font-size:11px;
	line-height: 150%;
	font-weight: bold;
	word-spacing: .05em;

	}