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

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


body {
	background-color:#ffffff;
}
h2.thanks {font-family: georgia; font-weight: normal; text-transform: none;}
/* Featured */

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

div#featured h1 {
font-size:24px;
color:#384244;
letter-spacing:-1px;
font-weight:700;
background-color:#efefef;
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:#efefef;
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:#efefef;
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);
}

ul#port {  font-size: 13px; list-style: none; margin-left: -24px; width: 940px; }
ul#port li { 
float: left;
}
ul#port a { color: #999; text-decoration: none; }
ul#port li.current a, ul#port a:hover { text-decoration: line-through; color:#ff00cc;  }
ul#port li.current a { color: #333; }

ul#email {  font-size: 13px; list-style: none; margin-left: -24px; width: 940px; }
ul#emaii { 
float: left;
}
ul#email a { color: #999; text-decoration: none; }
ul#email li.current a { text-decoration: none; color:#ff00cc;  }
ul#port a:hover a { text-decoration: bold; color:#ff00cc;  }
ul#email li.current a { color: #333; }


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




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

ul#portfolio li { 
float: left; 
width: 150px;
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: #efefef;
color:#384244;
font-size:16px;
font-weight:700;
} 

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

div#info {
width:300px;}

/* Contact Form */

.contact {
margin-left:45px;}

#contact-area {
margin-left:-8px;
}
#contact-form label {color: black; width: 100px !important}
#contact-area input, #contact-area textarea {
border:1px solid #CCCCCC;
margin-bottom:6px;
padding:5px;
width:240px;
}
#contact-area input#button2 {width: 100px; margin-left: 46px;background-color: #F1F1F1; margin-top: 1px;display: block; float: left }
#button {float: right; margin-right: 75px;background-color: #f1f1f1; margin-top: 1px;}
#button:hover, #button2:hover {background-color: #fff !important; cursor: pointer}
#button2{margin: 0}
#contact-area textarea {
height: 90px;
}

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

#contact-area input.submit-button {
margin-right:279px;
width:100px;
}

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

div#featuretitle {
background-image:url(../images/feature.png);
height:50px;
margin-bottom:6px;
width:924px;}

div#portfoliotitle {
background-image:url(../images/portfolio.png);
height:50px;
margin-bottom:6px;
width:924px;}

div#contacttitle {
background-image:url(../images/contact.png);
height:50px;
margin-bottom:6px;
width:924px;}

div#servicestitle {
background-image:url(../images/whatwedo.png);
height:50px;
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;
} 
#ContactPage #serviceslist {width: 540px; float: left}
#ContactPage #services {width: auto;}
#ContactPage #contact-area {float: right; margin-left: 114px;}
#serviceslist li { 
list-style-type:none; text-align:left;
} 

/* Footer */

div#footerspace {
background-color:#efefef;
height:30px;
width:927px;
}

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

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

/* Contact Form */
#loading{
/* the loading gif is hidden on page load */
   position:relative;
 bottom:9px;
   visibility:hidden;
}
.error{
	/* this class is used if JS is disabled */
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:300px;
}
#main-container{
	width:400px;
	margin:10px auto;
}