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

body {
	margin:0px;
	padding:0px;
	background-color:#ececec;
	background-image:url(images/header_bg.gif);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
}

#headerWrapper {
	width:968px;
}

#headerArea {
	background-image:url(images/logo_bg.gif);
	background-repeat:repeat-x;
	height:166px;
	text-align:left;
}


#headerLogo {
	padding:46px 0px 0px 0px;
}

#leftcloud {
	float:left;
	margin:0px;
	padding:0px;
}

#rightcloud {
	float:right;
	margin:0px;
	padding:0px;
}

.clearboth {
	clear:both;
}

.clearleft {
	clear:left;
}
#navWrapper {
	background-image:url(images/nav_bg.gif);
	background-repeat:repeat-x;
	height:57px;
	width:844px;
	text-align:left;
	font-size:12px;
	color:#cccccc;
}

#navWrapper a:link, #navWrapper a:visited	{
	text-decoration:none;
	color:#415779;
}

#navWrapper a:hover	{
	text-decoration:none;
	color:#a93066;
}

#navWrapper p{
	padding:20px 0px 0px 0px;
	margin:0px;
}

#navTitle {
	padding:23px 10px 0px 51px;
	margin:0px 0px 0px 0px;
	font-weight:normal;
	float:left;
}

#navOn {
	font-size:16px;
	color:#415779;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	height:57px;
	background-color:#e6f2f3;
	float:left;
	text-align:center;
}

#navOff {
	font-size:16px;
	color:#415779;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	height:57px;
	float:left;
}

#contact {
	float:right;
	text-align:right;
	margin:12px 53px 0px 0px;
	}

#contact a:link, #contact a:visited	{
	text-decoration:underline;
	color:#a93066;
}

#contact a:hover	{
	text-decoration:none;
	color:#a93066;
}

#contentArea {
	width:844px;
	background-color:#FFFFFF;
}

#portfolioNav {
	width:740px;
	color:#999999;
	font-size:13px;
	border-bottom:1px solid #ececec;
	line-height:20px;
	padding:30px 0px 30px 0px;
}

#portfolioNav a:link, #portfolioNav a:visited	{
	text-decoration:none;
	color:#999999;
}

#portfolioNav a:hover	{
	text-decoration:none;
	color:#a93066;
}

#welcomboxWrapper {
	background-image:url(images/welcomeBG.jpg);
	background-repeat:no-repeat;
	width:740px;
	height:349px;
	margin:30px 0px 0px 0px;
	padding-top:23px;
	padding-bottom:10px;
	border-bottom:1px solid #ececec;
}

#welcombox {
	width:720px;
	background-color:#fff;
	padding:22px 0px 20px 0px;
	margin:0px 0px 0px 0px;
	
}

#welcombox h2 {
	padding:0px;
	margin:0px;
	color:#415779;
	font-size:18px;
	font-weight:normal;
}

#welcombox p {
	width:700px;
	font-size:12px;
	color:#999999;
	margin:0px;
	line-height:16px;
}

#footer {
	background-image:url(images/footer_bg.gif);
	background-repeat:repeat-x;
	margin:50px 0px 0px 0px;
	height:60px;
}

#footer p {
	color:#d99db8;
	font-size:10px;
	
}

#portfolioArea {
	width:740px;
	background-color:#ffffff;
	padding:20px 0px 20px 0px;
	margin:30px 0px 0px 0px;
}

#portfolioImage {
	float:left;
	margin:0px;
}

#portfolioText {
	float:right;
	margin:0px 0px 0px 25px;
	width:270px;
	text-align:left;
}

#portfolioText h2 {
	color:#415779;
	font-size:16px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#portfolioText p{
	font-size:11px;
	color:#999999;
}

#viewButton {
	padding:15px 0px 15px 0px;
	font-size:16px;
	color:#415779;
	background-color:#e6f2f3;
	width:100px;
	text-align:center;
}

#viewButton a:link, #viewButton a:visited	{
	text-decoration:none;
	color:#415779;
}

#viewButton a:hover	{
	text-decoration:none;
	color:#a93066;
}

#portfolioArea2 {
	width:740px;
	background-color:#ffffff;
	padding:20px 0px 0px 0px;
	margin:10px 0px 0px 0px;
	text-align:center;
}

#portfolioArea2 h2 {
	color:#415779;
	font-size:16px;
	margin:0px;
	padding:0px;
	font-weight:normal;
}

#portfolioArea2 p{
	font-size:11px;
	color:#999999;
	padding:0px 80px 0px 80px;
}

.smallText {
	font-size:10px;
}

.lightgrey {
	color:#cccccc;
}