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

body {
background:#dee7ea url(../images/bgimage.jpg) top center no-repeat;

}

div#header {
margin-top:10px;
}

/* Twitter */

div#twitter {
background-image:url(../images/twitter.jpg);
width:927px;
height:30px;
margin-bottom:20px;
margin-top:10px;
}

div#twitter A:link{
color:#3C4752;
text-decoration:none;
}

div#twitter h3{
color:#6A7D8F;
font-size:12px;
margin-left:55px;
margin-top:6px;
text-align:left;
}

#twitter_div {
font-size:12px;
margin-left:22px;
margin-top:5px;
}

/* Featured */

div#featured  {
height:42px;
width:927px;
margin-bottom:10px;
}

div#featured h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

/* Portfolio */

div#titleportfolio  {
margin-bottom:6px;
width:927px;
}


div#titleportfolio h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:100px;
}


div#links {
height:40px;
margin-top:-10px;
}

div#titles  {
border-bottom:dashed 1px #384244;
height:42px;
width:937px;
margin-bottom:6px;
}

div#titles h1 {
font-size:18px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#e7eef0;
width:164px;
}

div#works {
width:927px;
}


ul#filter {  font-size: 12px; list-style: none; margin-left: -24px; width: 940px; }
ul#filter li { 
float: left;
}
ul#filter a { color: #999; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #333; font-weight: bold; }
ul#filter li.web {
background-image:url(../images/webicon.jpg);
}

div#portfoliospace {
margin-top:-10px;
width:927px;
}

ul#portfolio {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-13px;
width:940px;
}

ul#portfolio li { 
float: left; 
width: 300px;
margin-left:13px;
margin-right:0px;
margin-top:10px;
text-align:left;
}

ul#portfolio a { display: block; width: 100%; }
ul#portfolio a:hover { text-decoration: none; }
ul#portfolio img {  display: block;  }


/* Slider */

div#slider ul, div#slider li{
margin:0px;
padding:0;
list-style:none;
}

div#slider li{ 
/* 
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/ 
width:927px;
height:280px;
overflow:hidden;text-align:left;
}	

div#slider p {
text-align:left;
}

div#slider h1 {
margin-top:6px;
margin-bottom:-1px;
font-size:18px;
font-weight:700;
}

#prevNext
{
margin-bottom:-28px;
margin-left:10px;
}

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}
			  
/**added by Chris Paul **/
.hidden{
visibility: hidden;
display: none;
}

.hidden2
{
display: none;
}

span.backgroundcolor
{
background-color: #ffffff;
color:#384244;
font-size:16px;
font-weight:700;
} 

.panel h3 {
font-weight:700;
background-color:#0FF;
font-size:16px;
}

div#info {
width:300px;}



div#infotitle {
background-image:url(../images/touch.png);
height:42px;
!margin-top:10px;
margin-bottom:6px;
width:924px;}

/* Services */

#serviceslist h1 {
font-size:16px;
font-weight:700;
margin-bottom:5px;
} 

#serviceslist { 
margin-left:-27px;
padding:0;
width:620px;
} 

#serviceslist li { 
list-style-type:none; text-align:left;
} 

/* Footer */

div#footerspace {
background-color:#F8FAFA;
height:30px;
width:927px;
margin-bottom: 20px;
}

p.footertext {
color:#000000;
margin-left:8px;
margin-top:6px;
text-align:left;
}

.logos {
float:left;
margin-top:-1px;
}

//Contact Form
/* the main layout */

#contentForm {
  display: block;
  width: 280px;
  padding: 25px;
  border: 1px solid black;
  background-color: white;
}

/* and now the form formatting itself */
label {
  display: block;
  float: left;
  clear: left;
  width: 270px;
  line-height: 20px;
  margin-bottom: 5px;
  margin: 5px 0;
}

input, textarea, select {
  margin: 0;
  padding: 2px;
  width: 280px;
  font-size: 1em;
  color: #666666;
  background: #F5F5F5;
  border: 1px solid #ccc;
  margin: 5px 0;
}   

input:focus, textarea:focus, select:focus {
  border: 1px solid #999;
  background-color: #FFFFFF;
}

input.button {
  cursor: pointer;
  border: 1px solid #fff;
  font-weight: bold;
  background-color: #666666;
  color: #fff;
  width: 120px;
  height: 28px;
  margin-left: 167px;
  margin-top:-20px;
  margin-bottom: 20px;
}

span.required{
  font-size: 13px !important;
  color: red !important;
}

.errormsg {
  display: block;
  width: 240px;
  height: 22px;
  line-height: 22px;
  color: #FFFFFF;
  font-weight: bold;
  background: #FF9D9D url(../images/stop.gif) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border-top: 2px solid #FF0000;
  border-bottom: 2px solid #FF0000;
}

.msgSent {
  font-size: 20px;
  text-align: center;
}