body                                                        { color:#606057; font-size:1em; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:0px; background:#f6f6f6; }






#top                                                        { display:none; }

/* - */

a                                                           {
	color:#CCC;
	text-decoration:none;
}
a:hover                                                     {
	color:#09F;
	text-decoration:none;
}



img                                                         { border:0px; }


p                                                           { font-size:0.8em; margin:0 0 5px 0; padding:0px; line-height:1.5em; }
p.shallow                                                   { margin-bottom:5px; }

h1                                                          {
	margin:0 0 15px 0;
	padding:0;
	font-size:1.8em;
	font-weight:bold;
	color:#a7a79b;
	letter-spacing:-1.4px;
	font-family: Arial, Helvetica, sans-serif;
}
h2                                                          {
	margin:0 0 20px 0;
	padding:0;
	font-size:1.2em;
	font-style:italic;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#09F;
	line-height:1.4em;
}
h3                                                          { margin:0; padding:0;  font-size:15px; font-weight:bold; clear:left; color:#606057; }
h4                                                          {
	margin:0;
	padding:0;
	font-size:14px;
	display:inline;
	color: #CCC;
	line-height: 14px;
	font-weight: lighter;
}
h5                                                          {
	padding:0;
	font-size:12px;
	font-weight:normal;
	color: #999;
	line-height: 16px;
}



/* - */

.col                                                        { float:left; overflow:visible; display:block; margin-right:20px; }
.col.c25                                                    {
	width:170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}
#apDiv3 {
	background-color: #454545;
}

.col .col-inner-a                                           { width:154px; float:left; overflow:hidden; }
.col .col-inner-b                                           { width:80px; float:left; overflow:hidden; }
.col .col-inner-c                                           { width:177px; float:left; overflow:hidden; }

.col.c50per                                                 { width:48%; float:left; }
.col.c33per                                                 { width:32%; }
.col.c25per                                                 { width:22.5%; }

.container                                                  {
	width:100%;
	overflow:hidden;
	float:left;
	margin-bottom:5px;
}
.container.shallow                                          { margin-bottom:0; }

.col.left                                                   { float:left; }
.col.right                                                  { float:right; text-align:left; }

/* - */


.recent                                                     { margin-top:10px; }
.top-margin                                                 { margin-top:20px; }

/* - */



/* - */



/* - */



/* - */


  .outer-wrapper                                            { width:100%; float:left; overflow:visible; }
  .inner-wrapper                                            {
	width:955px;
	overflow:visible;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

  .outer-wrapper.contact-drop                               { background:url(../images/grey-canvas-tile.jpg) top left repeat; }

/* - */

#contact_drop                                               {
	position:relative;
	padding-top: 50px;
	padding-right: 0;
	padding-bottom: 70px;
	padding-left: 0;
}
  #contact_drop a.close-drop                                {
	position:absolute;
	top:24px;
	right:-15px;
	outline:0;
	height:34px;
	width:84px;	/*overflow:hidden;
	text-indent:-1000px;
	background:url(../images/close-drop.jpg) top left no-repeat;*/
}
  #contact_drop a.close-drop:hover                          { background-position:bottom left; }
  #contact_drop h1                                          { color:#f6f6f6; }
    
  #contact_drop p                                           { color:#e9e9da; }  
  #contact_drop a                                           {
	color:#CCC;
}
  #contact_drop a:hover                                     {
	color:#09F;
}

/* - */


  #header ul.nav                                            { float:right; margin:0; padding:0; list-style:none; }
    #header ul.nav li                                       { float:left; line-height:42px; margin-left:10px; }


	  
	  
	  
	




#next, #prev {
	position: absolute;
	top: 50%;
	z-index: 800;
	cursor: pointer;
	margin-top: -45px;
	text-indent: -9999em;
}
#prev {
	left: 0px;
	background: url(../images/sprites.png) no-repeat 5px -100px;
	width: 90px;
	height: 95px;
}
#next {
	right: 0px;
	width: 90px;
	height: 95px;
	background-image: url(../images/sprites.png);
	background-repeat: no-repeat;
	background-position: -100px -100px;
}

.page {
	height: 100%;
	width: 100%;
	background-color: #999;
}

#projects_container {
}
.nav {
	position: absolute;
	z-index: 501;
	width: 124px;
	left: 163px;
	background-color: #454545;
	top: 0px;
	height: 45px;
	
}




html {height: 100%; width: 100%;}
body {
	background: #9fabad url(images/bg_body.gif) repeat-x 0 50%;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}





ul {list-style-type: none;}
a {outline: none; text-decoration: none;}

#projects_container ul {
	width: 100%;
	list-style-type: none;
	z-index: 10;
	overflow: visible !important;
	position: absolute;
	height: 100%;
}
#projects_container li {
	width: 100%;
	height: 100%;
	position: relative;
}
.project {
	position: absolute;
	top: 0%;
	left: 50%;
	width: 1100px;
	height: 800px !important;
	margin-top: -450px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -550px;
	background-image: url(../images/loading.gif);
	background-position:  center center;
	background-repeat: no-repeat;

}




#next, #prev {
	position: absolute;
	top: 50%;
	z-index: 801;
	cursor: pointer;
	margin-top: -45px;
	text-indent: -9999em;
}
#prev {
	left: 0px;
	background: url(../images/sprites.png) no-repeat 5px -100px;
	width: 90px;
	height: 95px;
}
#next {
	right: 0px;
	background: url(../images/sprites.png) no-repeat -90px -100px;
	width: 90px;
	height: 95px;
}
.close {
	background-color: #333;
	height: 60px;
	width: 81px;
	position: absolute;
	left: 945px;
	top: -16px;
}
#apDiv2 {
	height: 200px;
	width: 200px;
	position: relative;
}
.copybox {
	height: 150px;
	width: 225px;
	left: -25px;
	top: 400px;
	position: absolute;
	z-index: 802;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(../images/wrap.png);
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}
.copyboxhome {
	height: 150px;
	width: 865px;
	left: 79px;
	top: 274px;
	position: absolute;
	z-index: 803;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	background-repeat: no-repeat;
}

.description {
	background-color: #FFF;
	float: left;
}
.main_heading {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 24px;
	color: #CCC;
	padding-bottom: 10px;
}
.image_cta {
	font-size: 12px;
	color: #999;
	top: 5px;
	padding-top: 10px;
}









#apDiv1 {
	top:6px;
	width:100%;
	height:20px;
	z-index:509;
}
#apDiv2 {
	position:absolute;
	left:127px;
	top:100px;
	width:401px;
	height:201px;
	z-index:508;
	background-color: #0099CC;
}
#apDiv3 {
	position:absolute;
	left:0px;
	top:0px;
	width:160px;
	height:45px;
	z-index:507;
}
.copybox_body {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	color: #999;
}

.copybox_bodyhome {
	float: left;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	color: #999;
	padding-right: 20px;
}
.copybox_body_white {
	float: left;
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	padding-top: 10px;
	color: #fff;
}
.copybox_heading {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #CCC;
}


.copybox_heading_small {
	float: left;
	width: 100%;
	font-size: 14px;
	color: #CCC;
}


.copybox_headinglargebold {
	width: 100%;
	font-size: 16px;
	color: #CCC;
	font-weight: bolder;
}
.share {
	float: right;
}


body {
	background-color: #2D2D2D;
	background-image: url(../images/dots.gif);
	background-repeat: no-repeat;
}




.copybox_text{
	font-size: 12px;
	font-style: italic;
	float: left;
	width: 100%;
	color: #999;
	padding-top: 10px;
}
.space {
	float: right;
	height: 2px;
	width: 15px;
}





#homecopy1 {
	position:absolute;
	left:102px;
	top:211px;
	width:691px;
	height:569px;
	z-index:906;
}
#homecopy4 {
	position:absolute;
	left:-1px;
	top:20px;
	width:356px;
	height:205px;
	z-index:915;
}
#homecopy2 {
	position:absolute;
	left:0px;
	top:318px;
	width:371px;
	height:146px;
	z-index:914;
}
#homecopy3 {
	position:absolute;
	left:35px;
	top:204px;
	width:641px;
	height:92px;
	z-index:913;
}

#homecopy4 {
	position:absolute;
	left:1px;
	top:27px;
	width:390px;
	height:202px;
	z-index:912;
}

#homecopy5 {
	position:absolute;
	left:86px;
	top:320px;
	width:641px;
	height:46px;
	z-index:911;
}

#homecopy7 {
	position:absolute;
	left:149px;
	top:381px;
	width:250px;
	height:202px;
	z-index:890;
}


#homecopy8 {
	position:absolute;
	left:-27px;
	top:246px;
	width:532px;
	height:95px;
	z-index:889;
}