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


div#header {
background-image:url(../images/header3.png);
margin-top:-20px;
margin-left:-20px;
height:240px;
width:927px;
}



/* Twitter */

div#twitter {
background-image:url(../images/twitter.png);
width:923px;
height:30px;
margin-bottom:40px;
margin-top:0px;
}

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

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

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

/* Featured */

	/* Title */

div#featured  {
background-image:url(../images/featured.png);
height:35px;
width:927px;
margin-bottom:10px;
}


/* Portfolio */

div#titleportfolio  {
background-image:url(../images/portfolio.png);
height:28px;
width:927px;
margin-bottom:20px;
}

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

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

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

div#titles h1 {
font-size:18px;
color:#000;
font-weight:700;
background-color:#000;
width:164px;
}

/* Featured details */ 

div#works {
width:927px;
height:252px;
color:#555;
}

ul#filter { font-size: 12px; list-style: none; margin-left: -24px; width: 500px; margin-top:8px; }
ul#filter li { 
float: left;
}

ul#filter a { color: #b1b1b1; text-decoration: none; }
ul#filter li.current a, ul#filter a:hover { text-decoration: underline; }
ul#filter li.current a { color: #4296ce; font-weight: bold; }
ul#filter li.web {
background-image:url(../images/webicon.jpg);
}

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

ul#portfolio {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
font-family: Helvetica, Arial, sans-serif;
margin-left:-13px;
width:940px;
}

ul#portfolio li { 
float: left; 
width: 300px;
margin-left:13px;
margin-right:0px;
text-align:left;
color:#999;
background-image:url(../images/porttitle.png);
}

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


.program {
float:left;
width:15px;
height:14px;
margin-left:2px;
margin-right:5px;
margin-bottom:5px;
}


/* 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:200px;
overflow:hidden;text-align:left;
}	

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

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

#prevNext /* BUTTONS */
{
margin-bottom:-30px;
margin-left:4px;
}

#prevNext img
{
	position: relative;
	z-index: 2;
	cursor: pointer;

}

/**added by Chris Paul **/
.hidden{
visibility: hidden;
display: none;
}

.hidden2
{
display: none;
}

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

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

div#info {
width:300px;}

/* Contact Form */

.contact {
margin-left:45px;
}

#contact-area {
margin-left:-8px;
font-family: Helvetica, Arial, sans-serif;
}

#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin-bottom:6px;
margin-right:270px;
padding:5px;
width:260px;
}

#contact-area textarea {
height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
border: 1px solid #607799;
}

#contact-area input.submit-button {
font-family: Helvetica, Arial, sans-serif;
margin-right:279px;
width:260px;
}

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


/* Services */

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

#serviceslist { 
font-family: Helvetica, Arial, sans-serif;
margin-left:-27px;
padding:0;
width:620px;
} 

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

/* Footer */

div#footerspace {
height:30px;
width:927px;
}

p.footertext {
font-family: Helvetica, Arial, sans-serif;
color:#555;
margin-left:0px;
margin-top:6px;
text-align:left;
}

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

/* CSS for selected links (pages) */

.selected_title {
	margin-left:0px;
	margin-bottom:2px;
	padding-left:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#FFF;
	background:#4296ce;
}

.selected {
	padding-top:4px;
	padding-left:4px;
	padding-right:4px;
	margin-bottom:-2.5px;
	color:#FFF;
	background:#4296ce;
}

.selected_body {
	font-family:font-family: Helvetica, Arial, sans-serif;
	padding-top:4px;
	padding-left:4px;
	margin-bottom:2px;
	color:#000;
}

.selected_image {
	float:left;
	margin-top:2px;
	padding-top:2px;
}