charset "UTF-8";
/* CSS Document */

body {
	background-color:#FFFFFF;
	padding: 0;
	/*margin: 25 0px 0px 0px; it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 12pt;	
	
}
#container {
	border: none;
	text-align: left;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 575px;
	width: 800px;
}
#mainContent {
	padding: 0px 0px;
	position: absolute;
	height:575px;
}

/*font styles*/
.bodytext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;
}
.bodytext img {
	height:100px;
	width:100px;
	margin-right:5px;
	border:solid 1px #999999
}
.dillontext {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;
}
.dillontext img {
	margin-right:5px;
	border:solid 1px #999999
}
.bodytext2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:8pt;
	color:white;
	line-height: 11pt;
}	
.bodytext3 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;
}	
.nav {
	color: white;
	font-size: 9pt;
	font-family: Helvetica, Arial, Geneva, sans-serif;
}
ul {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;
	margin-top: -5px;
}
	
li {
list-style-type:none;
}

/*begin link styles*/
a {
	text-decoration:none;
	border:none
}
a:link {
	color:#FFFFFF;
}

a:visited{
	color:#FFFFFF
}
a:hover{
	color:#999999
}
a img, a:visited img {
	display:block;
	border: 1px solid #999999
}
a:hover img{
	border-color:#666666
}
	
/*end link styles*/

/*begin global navigation*/

#navbkgd {
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.40);
	opacity:0.40;
	width:800px;
	height:60px;
	background-color:#000000;
	z-index:1;
	position:relative;
	top:0px;
	left:0px;
}

#topnav {
	width:800px;
	height:60px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:2
}
#topnavlinks {
	position:absolute;
	width:400px;
	left:400px;
	text-align:center;
	top:38px;
}

#topnavlinksDEV {
	position:absolute;
	width:400px;
	left:400px;
	text-align:center;
	top:22px;
}
#divProjectYR
{
	position: absolute;
	visibility: hidden;
	top: 15px;
	left: 17px;
	color: White;	
}

#fullbox { 
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.75); 
	opacity: 0.75; 
	position:absolute; 
	width: 750px; 
	height: 425px; 
	top: 85px; 
	left: 25px; 
	background-color: black; 
	z-index: 2; 
	border: solid 1px #CCCCCC;
}
#leftBox { 
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.75); 
	opacity: 0.75; 
	position:absolute; 
	width: 345px; 
	height: 425px; 
	top: 85px; 
	left: 25px; 
	background-color: black; 
	z-index: 2; 
	border: solid 1px #CCCCCC;
	overflow: auto;
}
#leftboxclose {
	display:block;
	position:absolute;
	top: 5px;
	left: 330px;
	overflow:hidden;
	width: 10px;
	height:10px;
	}
	
#leftboxclose:hover {
	background-position: 0px -10px
}
#fullboxclose {
	display:block;
	position:absolute;
	top: 5px;
	left: 735px;
	overflow:hidden;
	width: 10px;
	height:10px;
	}
	
#fullboxclose:hover {
	background-position: 0px -10px
}

/*begin projects*/
#projects {
	text-align: left;
	position:absolute; 
	width: 700px; 
	height: 383px; 
	top: 102px; 
	left: 50px; 
	z-index:3
}
#projects2 {
	text-align: left;
	position:absolute; 
	width: 700px; 
	height: 383px; 
	top: 102px; 
	left: 50px; 
	z-index:3
}

/*begin commercial*/
#divCommercial {
	text-align: left;
	position:absolute; 
	width: 700px; 
	height: 383px; 
	top: 102px; 
	left: 50px; 
	z-index:3
}

/*begin thumbs*/
.thumb 
{
	width:120px;
	height:68 px;
	display:block;	
	border: 1px solid #999999;
	}
.removeBorder {
 	width:120px;
	height:68 px;
	display:block;
    border: 1px solid #666666 
}

.hidden{
display: none;
}     		
#thumb1 {
	position:absolute;
	top:33px;
	left:0px;
	}

#thumb2 {
	position:absolute;
	top:33px;
	left:145px;
	}
	
#thumb3 {
	position:absolute;
	top:33px;
	left:290px;
	}
	
#thumb4 {
	position:absolute;
	top:33px;
	left:435px;
	}
	
#thumb5 {
	position:absolute;
	top:33px;
	left:580px;
	}
	
#thumb6 {
	position:absolute;
	top:127px;
	left:0px;
	}
	
#thumb7 {
	position:absolute;
	top:127px;
	left:145px;
	}
	
#thumb8 {
	position:absolute;
	top:127px;
	left:290px;
	}
	
#thumb9 {
	position:absolute;
	top:127px;
	left:435px;
	}
	
#thumb10 {
	position:absolute;
	top:127px;
	left:580px;
	}
	
#thumb11 {
	position:absolute;
	top:221px;
	left:0px;
	}
	
#thumb12 {
	position:absolute;
	top:221px;
	left:145px;
	}
	
#thumb13 {
	position:absolute;
	top:221px;
	left:290px;
	}

#thumb14 {
	position:absolute;
	top:221px;
	left:435px;
	}
	
#thumb15 {
	position:absolute;
	top:221px;
	left:580px;
	}
	
#thumb16 {
	position:absolute;
	top:315px;
	left:0px;
	}
	
#thumb17 {
	position:absolute;
	top:315px;
	left:145px;
	}
	
#thumb18 {
	position:absolute;
	top:315px;
	left:290px;
	}
	
#thumb19 {
	position:absolute;
	top:315px;
	left:435px;
	}
	
#thumb20 {
	position:absolute;
	top:315px;
	left:580px;
	}
	
#thumb2_1 {
	position:absolute;
	top:33px;
	left:0px;
	}

#thumb2_2 {
	position:absolute;
	top:33px;
	left:145px;
	}
	
#thumb2_3 {
	position:absolute;
	top:33px;
	left:290px;
	}
	
#thumb2_4 {
	position:absolute;
	top:33px;
	left:435px;
	}
	
#thumb2_5 {
	position:absolute;
	top:33px;
	left:580px;
	}
	
#thumb2_6 {
	position:absolute;
	top:127px;
	left:0px;
	}
	
#thumb2_7 {
	position:absolute;
	top:127px;
	left:145px;
	}
	
#thumb2_8 {
	position:absolute;
	top:127px;
	left:290px;
	}
	
#thumb2_9 {
	position:absolute;
	top:127px;
	left:435px;
	}
	
#thumb2_10 {
	position:absolute;
	top:127px;
	left:580px;
	}	
#thumb2_11 {
	position:absolute;
	top:221px;
	left:0px;
	}
	
#thumb2_12 {
	position:absolute;
	top:221px;
	left:145px;
	}
	
#thumb2_13 {
	position:absolute;
	top:221px;
	left:290px;
	}

#thumb2_14 {
	position:absolute;
	top:221px;
	left:435px;
	}
	
#thumb2_15 {
	position:absolute;
	top:221px;
	left:580px;
	}
	
#thumb2_16 {
	position:absolute;
	top:315px;
	left:0px;
	}
	
#thumb2_17 {
	position:absolute;
	top:315px;
	left:145px;
	}
	
#thumb2_18 {
	position:absolute;
	top:315px;
	left:290px;
	}
	
#thumb2_19 {
	position:absolute;
	top:315px;
	left:435px;
	}
	
#thumb2_20 {
	position:absolute;
	top:315px;
	left:580px;
	}
	
/*end thumbs*/


#projectlist {
	text-align: left; 
	position:absolute; 
	width: 700px; 
	height: 383px; 
	top: 102px; 
	left: 50px; 
	visibility: hidden;
	z-index:3
}
#projectMainText {
	position:absolute;
	left:15px;
	top:0px;
	width: 300px;
	height: 350px;
	padding: 15px 0px 0px 8px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;
 }
#projecttext {
	position:absolute;
	left:0px;
	top:20px;
	width:310px;
	height:350px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	}
#projectListText {
	position:absolute;
	right:475px;
	top:33px;
	width:265px;
	height:350px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	padding: 2px 0px 0px 0px
	}
#projectListText2 {
	position:absolute;
	right:475px;
	top:33px;
	width:265px;
	height:350px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	padding: 2px 0px 0px 0px
	}	
#projectimage {
	display:block;
	position:absolute;
	top:33px;
	left:290px;
	width:410px;
	height:350px;
	/*background:url(../images/main/contact.jpg);*/
	border:1px solid #CCCCCC
	}
#projectimage2 {
	display:block;
	position:absolute;
	top:33px;
	left:290px;
	width:410px;
	height:350px;
	/*background:url(../images/main/contact.jpg);*/
	border:1px solid #CCCCCC
	}	
/*end project pages */


/*begin information*/
#information1 {
	text-align: left; 
	position:absolute; 
	width: 702px; 
	height: 383px; 
	top: 102px; 
	left: 50px; 
	z-index:3;
	}
#information1text {
	position:absolute;
	left:0px;
	top:33px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;	
	}
#information2text {
	position:absolute;
	left:0px;
	top:33px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;	

}
#information3text1 {
	position:absolute;
	left:0px;
	top:33px;
	width:700px;
	height:350px;
	overflow:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;	
}
#information3text2 {
	position:absolute;
	left:363px;
	top:33px;
	width:337px;
	height:350px;
	overflow:auto;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;	
}
/*end information*/

/*begin case studies*/
#casestudies {
	text-align: left; 
	position:absolute; 
	width: 700px; 
	height: 383px; 
	top: 102px; 
	left: 50px;
	z-index:3
}
#casestudiescontainer {
	position:absolute;
	left:0px;
	top:33px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;
	width: 700px;	
}
#pressimages {
	position:relative;
	top:0px;
	left: 5px;
	height: 350px;
	width: 350px;
}
.presstext
{
	position:relative; 
	width: 335px;
}
#presstext {
	position: absolute;
	top:0px;
	left: 375px;
	height: 355px;
	width: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
}
/*end case studies*/

/*begin contact*/
#contact {
	text-align: left; 
	position:absolute; 
	width: 700px; 
	height: 383px; 
	top: 102px; 
	left: 50px; 
	z-index:3
	}
	
#contacttext{
	position:absolute;
	left:0px;
	top:33px;
	width:280;
	height:350;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:9pt;
	color:white;
	line-height: 11pt;	
}

#contactimage {
	display:block;
	position:absolute;
	top:33px;
	left:290px;
	width:410px;
	height:350px;
	background:url(images/main/contact.jpg);
	border:1px solid #CCCCCC	
	}
#dk_img {
	display:block;
	position:absolute;
	top:33px;
	left:290px;
	width:410px;
	height:350px;
	background:url(images/main/staff/dillon.jpg);
	border:1px solid #CCCCCC
  }	
/*end contact*/
/*end global navigation*/

/*begin mainpage bottom navigation*/
#bottomnav {
	width:800px;
	height:39px;
	background-color:#000000;
	position: absolute;
	top:535px;
	left:0px;
	text-align:center;
}
#bottomnavaddress {
	position:relative;
	top:15px;
	padding: 0px 0px 0px 0px;
}
/*end mainpage bottom navigation*/

/*begin main content*/
#main {
	width:800px;
	height:535px;
	position:absolute;
	top:0px;
	left:0px;
}
/*end main content*/

/*start project nav */

#projectBox { 
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.75); 
	opacity: 0.75; 
	position:absolute; 
	width: 175px; 
	top: 13px; 
	left: 18px; 
	background-color: black; 
	z-index: 2; 
	border: solid 1px #CCCCCC;
}
.projectNav {
	color: #999999;
	font-size: 9pt;
	font-family: Helvetica, Arial, Geneva, sans-serif;   
}
.projectNav a {
	color:#99999;
	text-decoration:none;
	border:none;
}
.projectNav a:link {
	color:#999999;
}

.projectNav a:visited{
	color:#999999
}
.projectNav a:hover{
	color:#FFFFFF
}
.projectNav a:active{
	color:#FFFFFF
}
/* drop down menus */
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;

	width: 60px;

	text-align: center;
	text-decoration: none;
	font-family: Helvetica, Arial, Geneva, sans-serif;   
	color: White; }

#sddm li a:hover
{	
	color:#999999;
	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	top: 25px;
	left:-11px;
	padding: 0;
	filter:progid:DXImageTransform.Microsoft.BasicImage(opacity=.50); 
	opacity: 0.50; 
	background-color: Black;
	z-index:31
}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		color: #FFFFFF;
		font-family: Helvetica, Arial, Geneva, sans-serif;   

		}

	#sddm div a:hover
	{	color: #999999;}

/* end drop down */


/*end project nav */