/******************** Changes Style Sheet ********************/
/******************** Updated 09/08 ********************/
/******************** Page Structure ********************/

html {background: #fff url('images/body_bg2.gif') top center no-repeat; }

body{
font-family: Arial, Verdana, Helvetica, sans serif;
	font-size: 13px;
	color: #505050;
	margin: 0;
	padding: 0;
	line-height: 18px;
	text-align:center;
	background: url('images/footer.gif') bottom center repeat-x;
}

a:link, a:visited {text-decoration: none; color: #0d496b;  }
a:hover {color: #f40c43;}

h1, h2,h3,h4,h5,h6 {font-family: Arial, Verdana, Helvetica, sans serif; font-weight: 500;}

td {padding: 0px; padding-top: 0; text-align: center; vertical-align: text-top; font-size: 13px;  }
td b {font-size: 14px; color: #ed5cb0; font-weight: 500;}
td.link {font-size: 14px; font-weight: 600; width: 50px;}
td.links_on {padding: 2px; width: 24px; background: #efefef; text-align: center; }
td.links_off {padding: 2px; width: 24px; background: #efefef;text-align: center; color: #ed5cb0;}

#top-container{
width:940px;
margin: 10px auto; 
padding:0;
background: transparent;
border: 0px solid #fff;

}

#header {

margin: 0;
height: 104px;
padding: 0;

width: 120px;
float: left;
text-align: left;


}

#header2 {

margin: 0;
padding: 0;
width:800px;
float: right;
text-align: right;

}

#header2 p {margin: 0; padding: 0; padding-top: 10px; color: #f40c43; font-size: 18px; font-weight: 600;}

	
#nav{
	padding:0;
	float:right;
	display:inline;
	margin-right: 150px;
	margin-top: 50px;
	margin-bottom: 26px;
	}
	
#nav ul{
	padding:0;
	margin:0;
	list-style:none;
	}
	
#nav ul li{
	padding:0 17px 0 17px;
	margin:0;
	float:left;
	display:inline;
	background: url(images/menu_divider.png) no-repeat center right;
	}
#nav ul li a:link, #nav ul li a:visited {
	color:#0d496b;
	font-size:17px;
	font-weight:bold;
	text-decoration:none;
	}
#nav ul li a:hover, #nav ul li.active a{
	color:#f40c43;
	}
#nav ul li.none{ background:none}

#home #nav ul a#homelink,
#team #nav ul a#teamlink, 
#design #nav ul a#designlink, 
#port #nav ul a#portlink,
#prices #nav ul a#priceslink,
#contact #nav ul a#contactlink
 {
	color:#f40c43;
	}


#image {
margin: 0;
margin-bottom: 20px;
padding: 0;
width: 940px;
float:left;
text-align: left; 
clear: both;
min-height: 260px;
}

#image.home {background: url(images/home.jpg) no-repeat top left;}
#image.design {background: url(images/webdesign.jpg) no-repeat top left;}
#image.team {background: url(images/testimonial.jpg) no-repeat top left;}
#image.prices {background: url(images/prices.jpg) no-repeat top left;}
#image.portfolio {background: url(images/portfolio.jpg) no-repeat top left;}
#image.contact {background: url(images/contact1.jpg) no-repeat top left;}
#image.news {background: url(images/news.jpg) no-repeat top left;}
#image.testimonial {background: url(images/team.jpg) no-repeat top left;}
#image.resources {background: url(images/resources.jpg) no-repeat top left;}

#image h1 {
font-size: 22px;
line-height: 28px;
padding: 10px;
padding-left: 40px; 
padding-top: 30px;
padding-bottom: 6px;
margin: 0;
margin-top: 24px;
color: #d13339; 
}

#image h2 {
font-size: 18px;
color: #ededed;
line-height: 24px;
margin: 0;
padding: 0;

padding-left: 40px; 
padding-right: 550px; 

}

#image h1.team {text-align: right; padding-right: 40px; padding-left: 550px; }
#image h2.team {text-align: right; padding-right: 40px; padding-left: 550px; }

#image h1.price {text-align: right; padding-right: 40px; padding-left: 550px; margin-top: 12px; }
#image h2.price {text-align: right; padding-right: 40px; padding-left: 550px; color: #fff;}

#image h1.portfolio {margin-top: -20px; }
#image h2.portfolio {padding-right: 20px; }

#footer {
clear: both;

padding: 0;
margin: 0;
font-size: 12px;
text-align: left;
color: #fff;
min-height: 100px;
}

#footer ul {
	margin: 0;
	float: right;
	width: 100px;
	margin-right: 10px;
	padding:0;	
	padding-bottom: 36px;
	padding-top: 6px;
	list-style: none;
	display: inline;
}

#footer li {
	float: right;
margin: 0;
padding: 0 5px 0 5px;
	}
	
	#footer a:link, #footer a:visited {
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	
	}
	
	#footer a:hover {
	color: #c0c0c0;
	text-decoration: none;
	 border-bottom: 0;
	 	
	
	}

#footer p {
margin: 0;
padding: 4px;
line-height: 14px;
padding-top: 6px;
}

#footer p.small {font-size:11px; padding-top: 60px;}


/* side slide out contact */
* html #sidecontact { position:absolute }
#sidecontact { position:fixed; top:107px; left:0; margin: 0; padding: 0; background: #f40c43 }

#sidecontact a:hover {padding-left: 18px; }


#fpcol {float: left; width: 342px; border-right: 1px dotted #c0c0c0; text-align: left; margin: 0; padding-bottom: 10px; }
#fpcol h3 {padding:0; margin: 0; margin-bottom: 12px; padding-left: 12px; padding-right: 20px; font-size: 14px; line-height: 16px; text-align: justify; color: #d13339; text-transform: lowercase; font-weight: 600; }
#fpcol p {padding: 0; margin: 0; margin-bottom: 8px; padding-left: 20px; padding-right: 20px; font-size: 13px; line-height: 16px; text-align: justify; }
#fpcol p.link {padding-top: 2px; }
#fpcol strong {font-weight: 500; color: #303030;}

#fpcollast {float: right; width: 252px; margin-right: 0; border-right: 0; }
#fpcollast h4 {padding:0; margin: 0; margin-bottom: 12px; padding-top: 12px; padding-left: 12px; padding-right: 20px; font-size: 14px; line-height: 16px; text-align: justify; color: #d13339; text-transform: lowercase; font-weight: 600; }
#fpcollast p {padding: 0; margin: 0; margin-bottom: 4px; padding-left: 16px; padding-right: 20px; font-size: 13px; line-height: 16px; text-align: justify; }
#fpcollast p.link {margin: 0; padding: 0; margin-bottom: 14px; padding-left: 16px; padding-right: 20px;}
#fpcollast p.headline {color: #ac2e33;}

#test {margin-left: 13px; width: 227px; background: url(images/speech.gif) right bottom no-repeat; padding-bottom: 17px;}
#test p {margin: 0; padding: 6px; text-align: left; font-size: 13px; line-height: 17px;  }
#test p.quote {border: 1px dotted #c0c0c0; border-bottom: 0; }


#test2 {margin-left: 13px; width: 227px; padding-bottom: 10px; border-bottom: 1px dotted #c0c0c0;  }
#test2 p {text-align: right; padding: 0; margin: 0; line-height: 16px; font-size: 14px; color: #303030; }
#test2 b {color: #d13339;}

#portfolio {float: left; width: 685px; padding: 0; margin: 0; border-top: 1px dotted #c0c0c0; border-right: 1px dotted #c0c0c0;  }
#portfolio h4 {padding:0; margin: 0; margin-top: 20px; margin-bottom: 12px; padding-left: 12px; font-size: 14px; line-height: 16px; text-align: justify; color: #d13339; text-transform: lowercase; font-weight: 600; }
#portfolio p {padding: 0; margin: 0; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; font-size: 13px; line-height: 16px; text-align: justify; color: #303030; }

#pages {float: left; width: 685px; clear: both; padding: 0; margin: 0; border-right: 1px dotted #c0c0c0; min-height: 460px;  }
#pages h3 {padding:0; margin: 0; margin-bottom: 12px; font-size: 20px; line-height: 24px; text-align: justify; color: #ac2e33; text-transform: lowercase; font-weight: 600; font-family: georgia;}
#pages p {padding: 0; margin: 0; margin-bottom: 8px; padding-left: 4px; padding-right: 20px; font-size: 13px; line-height: 17px; text-align: justify; }
#pages strong {font-weight: 500; color: #202020;font-size: 14px; line-height: 18px;}
#pages p.last {padding-bottom: 76px;}
#pages p.last2 {padding-bottom: 54px;}
#pages p.last3 {padding-bottom: 166px;}
#pages p.border {border-bottom: 1px dotted #c0c0c0; margin: 20px; margin-top: 0;}
#pages b {color: #ac2e33;}
#pages i {color: #d13339; font-style: normal;}
#pages h4 {margin: 0; padding: 0; margin-bottom: 2px; color: #ac2e33; text-align: left;}
#pages p.date {font-size: 10px; line-height: 12px color: #c0c0c0; text-transform: uppercase; margin-bottom: 4px;}
#pages p.quote {background: url(images/quototop.gif) top left no-repeat; padding-left: 40px; padding-right: 40px; margin-right: 10px;}
#pages p.author {background: url(images/quotobottom.gif) bottom right no-repeat; padding-left: 40px; padding-right: 40px; text-align: right; color: #ac3e22; line-height: 28px;  margin-right: 10px; margin-bottom: 26px;  }

#pages1 {float: left; width: 332px; padding: 0; margin: 0; margin-top: 12px; margin-right: 20px; }
#pages1.last {margin-right: 0;}
#pages1 h4 {padding:0; margin: 0; margin-bottom: 12px; padding-left: 0px; font-size: 14px; line-height: 16px; text-align: justify; color: #d13339; text-transform: lowercase; font-weight: 600;  }
#pages1 p {padding: 0; margin: 0; margin-bottom: 8px; padding-left: 4px; padding-right: 20px; font-size: 13px; line-height: 17px; text-align: justify; }
#pages1 p.strong {font-weight: 500; color: #202020; }

#pages2 {float: left; width: 214px; padding: 0; margin: 0; margin-top: 12px; margin-right: 20px; }
#pages2.last {margin-right: 0;}
#pages2 h4 {padding:0; margin: 0; margin-bottom: 12px; padding-left: 0px; font-size: 14px; line-height: 16px; text-align: justify; color: #d13339; text-transform: lowercase; font-weight: 600;  }
#pages2 p {padding: 0; margin: 0; margin-bottom: 8px; padding-left: 4px; padding-right: 20px; font-size: 13px; line-height: 17px; text-align: justify; }
#pages2 p.strong {font-weight: 500; color: #202020; }
#pages2 b {color: #ac2e33;}

#port2 {float: left; width: 228x; padding: 0; margin: 0; text-align: center; color: #ac2e33;}

img.portfolio2 {border:1px solid #c0c0c0; margin: 10px; }
img.portfolio3 {border:1px solid #c0c0c0; margin: 13px; margin-top: 2px; border: 1px solid #c0c0c0; width: 200px;  }