@charset "UTF-8";

html, body {
	margin: 0;
	padding: 0;
	background: #ffffff url(content/bkg_rep.jpg) repeat-y;
	background-position: center;
	text-align: center; /* leave so page is centered in IE */
}


/* makes image links have no border in IE */

a img {
	border: none;
	outline:none;
}


	/* Begin fonts */

/* h1 - main header (good for SEO) */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: right;
	font-weight: lighter;
	color: #000000;
}


/* a - text links */
a
{
  outline: none;
  text-decoration:none;
}

/* a - text links on hover over */
a:hover {
	text-decoration:none;
}

/* p - general copy style */
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* ul - list style */
ul  {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
}



/* styles*/


.footerstyle {
	font-family: Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #999999;
	line-height: 3em;
}


.FolioHolderImg{
	height: 93px;
	width:154px;
	float:left;
}

.FolioHolderImg:hover{
	height: 93px;
	width:154px;
	float:left;
	display:block;
	background:#e5e5e5;
	cursor: hand;
	border-right-width: 45px;
	border-right-color: #666666;
}

.FolioHolderText{
	height: 93px;
	width:118px;
	float:left;
	padding-left: 10px;
}

.FolioHolderText:hover{
	height: 93px;
	width:118px;
	float:left;
	padding-left: 10px;
	text-decoration:none;
	display:block;
	background:#e5e5e5;
	cursor: hand;
}

.portfolioSectionLeft{
	width: 282px;
	height: 93px;
	float:left;
	padding: 10px 12px 10px 0px;
	text-decoration:none;
	
}


.portfoliostyle{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	border-bottom: 1px solid #999999;
	line-height: 20px;
	padding-bottom: 2px;
}

.portfoliostyle2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
	line-height: 18px;
}

.portfolioSection{
	width: 282px;
	height: 93px;
	float:left;
	text-decoration:none;
	padding: 10px 12px 10px 12px;
}

.portfolioSectionRight{
	width: 282px;
	height: 93px;
	float:left;
	text-decoration:none;
	padding: 10px 0px 10px 10px;
}

.portfolioBox { 
	display:block; 
	background:#e5e5e5;
	text-decoration:none;
}
.portfolioBox:hover {
	border-top:5px solid #e5e5e5;
	border-left:5px;
	border-right:40px;
 	display:block; 
	background:#e5e5e5;
	text-decoration:none;
 } 
  

#subscribe {
	width:269px;
	padding:0 33px;
	height:300px;
	background:url(content/subscribe_hover_bg.png) left bottom no-repeat;
	float:right;
	position:absolute;
	top:-220px;
	right:-16px;
	display:block;
	z-index:10;
}

#subscribe p {
	font-size:14px;
	line-height:18px;
	color:#333333;
}

#subscribe #name, #subscribe #dhlktr-dhlktr {
	border:none;
	background:url(content/subscribe_input.png) no-repeat;
	height:34px;
	width:252px;
	padding:0 8px;
	font-size:14px;
	margin-bottom:16px;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
}

#subscribe #name:hover, #subscribe #dhlktr-dhlktr:hover {
	background-position:0 -34px;
}

#subscribe_submit {
	width:97px;
	height:38px;
	background:url(content/subscribe_submit_bg.png) no-repeat;
	border:none;
	cursor:pointer;
}

#subscribe_submit:hover {
	background-position:0 -38px;
}

#subscribe_button {
	width:227px;
	height:55px;
	display:block;
	cursor:pointer;
	position:relative;
	top:18px;
	left:58px;
}

#subscribe_button:hover {
	background:url(content/subscribe_button_glow.png) no-repeat;
}

/*- Menu Tabs --------------------- */

    #tabs9 {
	float:left;
	width:100%;
	font-size:93%;
	border-top:1px solid #dcdcdc;
	line-height:normal;
	height: 30px;
      }
    #tabs9 ul {
	  margin:0;
	  padding:0px 10px 0 0px;
	  list-style:none;
      }
    #tabs9 li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabs9 a {
      float:left;
      background:url("content/tableft9.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabs9 a span {
      float:left;
      display:block;
      background:url("content/tabright9.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#828282;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs9 a span {float:none;}
    /* End IE5-Mac hack */
    #tabs9 a:hover span {
      color:#000000;
      }
    #tabs9 a:hover {
      background-position:0% -42px;
      }
    #tabs9 a:hover span {
	background-position:100% -42px;
      }
	  
	  
	/* End fonts */
	
	

/* Begin page or section containers */


#main-wrapper {
	margin-left: auto; 
	margin-right: auto;
	width: 898px;
	text-align: left; /* makes text back to left align after the IE center page fix in the html define */
}

#header {
	width: 898px;
	background: #ffffff;
	float: left;
	padding-top: 30px;
	height: 100px;
	position:relative;
}

#MainInfo{
	width: 898px;
	float: left;
}


#headerleft {
	width: 300px;
	float: left;	
}

#right {
	background: #ffffff;
	width: 550px;
	float: right;
	height: 32px;
	padding-top: 68px;
}



/* featured page */

.featuredstyle{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #000000;
	line-height: 18px;
}

.featuredHolder{
	float:left;
	width: 898px;
}

.featuredPhoto{
	float:left;
	margin-bottom: 20px;
	width: 709px;
	height: 104px;
}

.featuredInfo{
	float:left;
	background-color:#e6e3e3;
	border: 1px solid #999999;
	width: 155px;
	height: 20px;
	padding: 10px 0px 5px 30px;
	margin-top:15px;
}

.featuredInfo2{
	float:left;
	background-color:#e6e3e3;
	border: 1px solid #999999;
	width: 155px;
	height: 35px;
	padding: 10px 0px 5px 30px;
}




/* about page */

#MainInfoAbout{
	width: 898px;
	margin-bottom: 20px;
	float: left;
}

#infoBarLeft{
	float:left;
	width: 474px;
	padding-right:27px;
	padding-top: 15px;
	padding-bottom: 20px;
}

.bigInfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bolder;
	color: #000000;	
}

#infoBarRight{
	float:left;
	width:392px;
	height: 80px;
}

.aboutImage{
	float:left;
	padding-right:28px;
	padding-bottom: 1px;
}

.aboutText{
	float:left;
	border-bottom:1px solid #dcdcdc;
	width:392px;
	height: 145px;
	padding-top: 20px;
}

#spacerAbout{
	border-top:1px solid #dcdcdc;
	float: left;
	width: 858px;
	text-align: left;
	padding-right: 40px;
	height: 30px;
}

.aboutInfo{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	color:#000000;
	line-height: 18px;
}

.aboutlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	color:#f5bdcb;
	text-decoration: none;
}

.aboutlink2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	color:#72b9ef;
	text-decoration: none;
}


/* contact page */


#contactleft{
	width: 460px;
	float: left;
	height: 210px;
}

#contactright{
	width: 438px;
	float: left;
	height: 220px;
	padding-bottom: 10px;
}

.box{
	border: 1px solid #999999;
	
}

a.infoLink{

	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	color:#000000;
	line-height: 18px;
	outline: none;
	text-decoration:none;
}

a.infoLink:hover{
	color:#999999;
}




/* Project Info Pages */

#projectContainer{
	float:left;
	width: 898px;
	margin-bottom: 30px;
}

#imageHolder{
	float:left;
	width: 388px;
	height: 255px;
}

#imageHolder2{
	float:left;
	width: 898px;
	height: 255px;
}

#copyHolder{
	float:left;
	width: 449px;
	padding-left: 25px;
	height: 255px;
}

#bottomleft{
	float:left;
	width:90px;
	height: 78px;
	padding-left: 320px;
}

#bottomleft2{
	float:left;
	width:410px;
	height: 57px;
}

#spacerfolio{
	border-top:1px solid #dcdcdc;
	height:20px;
	float: left;
	width: 858px;
	text-align: right;
	padding-right: 40px;
}

#spacer{
	border-top:1px solid #dcdcdc;
	height:15px;
	float: left;
	width: 858px;
	text-align: right;
	padding-right: 40px;
}




/* thumbnail rows change these containers */

#extraImage{
	float: left;
	width: 272px;
	height: 73px;
	padding-top: 5px;
}

#extraImage1{
	float: left;
	width: 272px;
	height: 35px;
	padding-top: 5px;
}

#extraImage2{
	float: left;
	width: 272px;
	height: 52px;
	padding-top: 5px;
}

#extraImage3{
	float: left;
	width: 272px;
	height: 70px;
	padding-top: 5px;
}

.visitSite{
	
}

#extraImageright{
	float: left;
	width: 320px;
}

#extraImageright1{
	float: left;
	width: 320px;
	height: 57px;
}

#extraImageright2{
	float: left;
	width: 320px;
	height: 57px;
}

#extraImageright3{
	float: left;
	width: 320px;
	height: 57px;
}

#thumbholder{
	float: left;
	width: 142px;
	height: 80px;
	padding-bottom: 10px;
}

#thumbholder1{
	float: left;
	width: 142px;
	height: 25px;
	padding-bottom: 10px;
}

#thumbholder2{
	float: left;
	width: 142px;
	height: 47px;
	padding-bottom: 10px;
}

#thumbholder3{
	float: left;
	width: 142px;
	height: 57px;
	padding-bottom: 10px;
}

#footer {
	border-top:1px solid #eee;
	float: left;
	width: 898px;
	margin-top: 18px;
	padding-top:36px;
	position:relative;
	height:60px;
}

#footer2 {
	border-top:1px solid #dcdcdc;
	float: left;
	width: 898px;
}


/* end */





.projectServices{
	width:116px;
	float:left;
	text-align: right;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #999999;
}

.thumbs{
	padding: 1px 1px 0px 22px;
	float: left;
	width: 120px;
	height: 19px;
}

.thumbs2{
	padding: 0px 1px 0px 0px;
	float: left;
}

.servicescopy{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: right;
	font-weight: lighter;
	color:#000000;
	
}

.projectTitle{
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align: left;
	font-weight: lighter;
	color:#000000;
}

.projectTitle2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align: left;
	font-weight: lighter;
	color:#666666;
	
}
.projectInfoCopy, .projectInfoCopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
	font-weight: lighter;
	color:#000000;
}

.testimonial{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: left;
	font-weight: lighter;
	color:#000000;
}

.websiteName{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color: #666666;
}

.contactlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color: #666666;
}




#box {
		/* no height or width set so it sets itself to contain the text */
	background: #990099;
	float: left;
	margin-left: 50px; 
	margin-top: 100px; 
}



	/* End page or section containers */
	
#facebook {
	position:absolute;
	right:7px;
	top:18px;
}