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

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

a:link {
	text-decoration: underline;
	color: #990099;
}
a:visited {
	text-decoration: underline;
	color: #6E0069;
}
a:hover, a:active {
	text-decoration: underline;
	color: #B50068;
}

div#header {
	text-align: center;
	margin: 0px 0px 10px;
}
div#header p {
	text-align: center;
	margin: 0px;
	font-size: 24px;
	font-weight: normal;
	color: #3C244A;
}

/* Twitter */

#twitter_div {
	white-space: normal;
	margin: 10px 0px 20px;
	padding: 5px;
	height: 40px;
	background: #EEFFFF;
	border: 2px solid #B3ECEF;
	width: 915px;
	font-size: 14px;
	color: #999999;
}
ul#twitter_update_list {
	list-style: none;
}
ul#twitter_update_list li {
	color: #000000;
	width: 925px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
} 
ul#twitter_update_list li span a { color: #000000; text-decoration: underline; }
ul#twitter_update_list li a { color: #999999; text-decoration: none; }
ul#twitter_update_list li a:hover { color: #0000FF; text-decoration: underline; }

/* Featured */

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

div#featured h1 {
	color:#7E5C7E;
	font: bold 32px Arial, Helvetica, sans-serif;
	margin: 0px;
}

/* Portfolio */

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


div#titleportfolio h1 {
	color:#7E5C7E;
	font: bold 32px Arial, Helvetica, sans-serif;
	margin: 0px 0px 4px;
}


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

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;
	margin-bottom: 40px;
}

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;
	font-size: 16px;
	margin: 0px;
}

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

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

#prevNext img
{
position: relative;
z-index: 2;
cursor: pointer;
}
			  
.hidden{
visibility: hidden;
display: none;
}

.hidden2
{
display: none;
}

div#info {
width:300px;}

/* Contact Form */

div#contact_form h1 {
	color:#7E5C7E;
	font: bold 32px Arial, Helvetica, sans-serif;
	margin: 0px 0px 6px;
}

.contact {
}

#contact-area {
	width: 277px;
}

#contact-area label {
}
#contact-area label.error { color: #CC0000; }

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

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

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

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

/* Services */

div#services h1 {
	color:#7E5C7E;
	font: bold 32px Arial, Helvetica, sans-serif;
	margin: 0px 0px 6px;
}

#serviceslist h2 {
	color:#000000;
	font: bold 24px Arial, Helvetica, sans-serif;
	margin: 0px;
} 

#serviceslist { 
margin-left:-27px;

width:620px;
} 

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

#serviceslist p {
	padding:0;
	margin: 0px 0px 10px;
} 


/* Footer */

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

#footerspace a:link {
	text-decoration: underline;
	color: #990099;
}
#footerspace a:visited {
	text-decoration: underline;
	color: #6E0069;
}
#footerspace a:hover, a:active {
	text-decoration: underline;
	color: #B50068;
}

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

.logos {
	float:left;
	margin-top: 1px;
	padding-right: 3px;
}
.grey_border {
	border: 1px solid #EAEAEA;
	background: #FFFFFF;
	padding: 6px;
}
.message {
	width:915px;
	height: 60px;
	border: 1px solid #EAEAEA;
	background: #FFFFFF;
	margin: 0 0 20px 0; 
	padding: 6px;
}