@charset "utf-8";
/* CSS Document */
body{
	background-image:url(images/bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#FFF;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}

p{
	padding-bottom:10px;
	text-align:justify;
}

#main{
width:801px;
margin:0px auto;
position:relative;
}
/****************************************************Menu Styles*******************************/
#menu{
	height:28px;
	width:801px;
}

#menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#menu li{
	float:right;
}

#menu li a:link, #menu li a:visited{
	display:block;
	padding-left:.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	line-height:2em;
}
	
#menu li a:hover{
	color:#ffcc00;
}

#menu li a.current, #menu li a.current:hover, #menu li a.current:active{
	color:#ffcc00;
	cursor:default;
}

/**************************************************** End Menu Styles **************************/

/**************************************************** End Featured *****************************/

#header{
	width:801px;
	height:111px;
	position:relative;
}

#header h1{
	display:none;
}

#logo{
	background-image:url(images/logo.png);
	width:281px;
	height:111px;
	position:absolute;
	z-index:100;
	left: 4px;
	top: 2px;
}

#featuredWork{
	width:149px;
	height:24px;
	position:absolute;
	left: 648px;
	top: 88px;
}


/**************************************************** End Header Styles *****************************/
/**************************************************** Featured Styles *****************************/

#featuredArea{
width:801px;
height:235px;
}

.featuredModule{
width:267px;
height:235px;
float:left;
background-image:url(images/featuredBox.png);
position:relative;
}

.featuredRibbon{
	position:absolute;
	width:168px;
	height:73px;
	left:6px;
}

.featuredImg{
	margin:8px auto;
	width:235px;
	height:212px;
}

.featuredImg img{
	border:1px solid #cccccc;
}
/**************************************************** End Featured *****************************/
/**************************************************** Start Homepage Content *****************************/

#leftHP{
	width:582px;
	float:left
}

/**************************************************** End Homepage Content *****************************/

/**************************************************** Portfolio Styling Content *****************************/
#portfolioArea{
width:801px;
}

.portfolioBox{
width:200px;
height:176px;
float:left;
background-image:url(images/portfolioBoxes.png);
position:relative;
}

.portfolioBox2{
width:400px;
height:258px;
float:left;
background-image:url(images/webBox.png);
position:relative;
}

.portfolioBox2 p{
	padding:0px;
	font-size:1.2em;
}

.portfolioImg{
	margin:4px auto;
	width:174px;
	height:125px;
}

.portfolioImg2{
	margin:4px auto;
	width:357px;
	height:185px;
}


.portfolioImg img{
	border:1px solid #cccccc;
}

.portfolioImg2 img{
	border:1px solid #cccccc;
}

/*************************End Portfolio Styles******************/

/*************************Contact Styles******************/
#contact-area{
	width:200px;
	float:right;
	font-size: 1em;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 190px;
	background-image:url(images/stripe.png);
	font-family: Helvetica, sans-serif;
	font-size: 1em;
	margin: 0px 0px 5px 0px;
	border: 1px solid #ccc;
}

#contact-area textarea {
	height: 40px;
	width:190px;
}

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

#contact-area input.submit-button {
	width: 200px;
	float: left;
	background-image:url(images/stripeSubmit.jpg);
}

label {
	float: left;
	text-align: left;
	width: 200px;
	padding-top: 2px;
	font-size: 1em;
}

/*************************End Contact Styles******************/

/*************************Affiliate Styles******************/
#affiliatesArea{
width:801px;	
}

#affiliatesArea ul{
	list-style:none;
	margin:0px;
	padding:0px;
}

#affiliatesArea li{
	float:left;
}

#affiliatesArea li a:link, #affiliatesArea li a:visited{
	display:block;
	padding-left:.3em;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#FFF;
	line-height:2em;
}
	
#affiliatesArea li a:hover{
	color:#ffcc00;
}

#affiliatesArea li a.current, #affiliatesArea li a.current:hover, #affiliatesArea li a.current:active{
	color:#ffcc00;
	cursor:default;
}