/* CSS Document */

/*BODY ATTRIBUTES */

body {
	font-family: arial; 
	font-size: 12px;
	margin: 0px;
}

h1 {
	font-family: georgia; 
	font-size: 25px; 
	color: #325493; 
	border-bottom: 1px solid #cccccc; 
	padding-bottom: 10px; 
	margin-top: 0px; 
	font-weight: normal;
}

.clear {
	clear:both;
}

a:link {color: #325493; text-decoration: none;}
a:visited {color: #325493; text-decoration: none;}
a:hover {color: #325493; text-decoration: underline;}

/*POSITIONED ELEMENTS - DON'T TOUCH! */

.content_position {
	position: absolute; 
	top: 615px; 
	left: 0px; 
	width: 100%;
}

.content_position_services {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_tools {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_sitemap {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_terms {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_webdesign {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_businessapps {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}


.content_position_latestnews {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_contact {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.content_position_quote {
	position: absolute; 
	top: 199px; 
	left: 0px; 
	width: 100%;
	background-image:url(../images/main_bg.jpg); 
	background-repeat: repeat-x;
}

.portfolio_quote_position {
	position: absolute; 
	top: 200px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	height: 355px; 
	width: 100%;
}

.portfolio_quote_position_services {
	position: absolute; 
	top: 630px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	height: 355px; 
	width: 100%;
}

.portfolio_quote_position_tools {
	position: absolute; 
	top: 660px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	height: 355px; 
	width: 100%;
}

.portfolio_quote_position_sitemap {
	position: absolute; 
	top: 940px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	height: 355px; 
	width: 100%;
}

.portfolio_quote_position_webdesign {
	position: absolute; 
	top: 660px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	height: 355px; 
	width: 100%;
}

.portfolio_quote_position_businessapps {
	position: absolute; 
	top: 580px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	height: 355px; 
	width: 100%;
}

.portfolio_position {
	position: absolute; 
	top: 200px; 
	left: 0px; 
	background-image:url(../images/portfolio_bg.jpg); 
	background-repeat:repeat-x;
	background-color: #325493;
	height: 1390px; 
	width: 100%;
}

.logo_position {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 200px; 
	background-image:url(../images/main_bg.jpg); 
	width: 100%;
}

.navigation_position {
	position: absolute; 
	top: 137px; 
	left: 0px; 
	width: 100%; 
	z-index:100;
}

.whatwedo_position {
	position: absolute; 
	top: 555px; 
	left: 0px; 
	width: 100%; 
	height: 60px; 
	background-color: #2E2E2E; 
	color: #ffffff;
}

.whatwedo_position_contact {
	position: absolute; 
	top: 715px; 
	left: 0px; 
	width: 100%; 
	height: 60px; 
	background-color: #2E2E2E; 
	color: #ffffff;
}

.whatwedo_position_quote {
	position: absolute; 
	top: 1815px; 
	left: 0px; 
	width: 100%; 
	height: 60px; 
	background-color: #2E2E2E; 
	color: #ffffff;
}

.whatwedo_position_quote_success {
	position: absolute; 
	top: 715px; 
	left: 0px; 
	width: 100%; 
	height: 60px; 
	background-color: #2E2E2E; 
	color: #ffffff;
}

.whatwedo_position_portfolio {
	position: absolute; 
	top: 1590px; 
	left: 0px; 
	width: 100%; 
	height: 60px; 
	background-color: #2E2E2E; 
	color: #ffffff;
}

.contact_news_position {
	position: absolute; 
	top: 1050px; 
	left: 0px; 
	width: 100%;
	background-color: #2E2E2E; 
	color: #ffffff;
}

.contact_news_position_services {
	position: absolute; 
	top: 975px; 
	left: 0px; 
	width: 100%;
	background-color: #2E2E2E; 
	color: #ffffff;
}

.footer_position {
	position: absolute; 
	top: 1365px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_services {
	position: absolute; 
	top: 1000px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_tools {
	position: absolute; 
	top: 1040px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_terms {
	position: absolute; 
	top: 3040px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_sitemap {
	position: absolute; 
	top: 1300px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_webdesign {
	position: absolute; 
	top: 1030px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_businessapps {
	position: absolute; 
	top: 950px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_contact {
	position: absolute; 
	top: 785px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_quote {
	position: absolute; 
	top: 1885px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_quote_success {
	position: absolute; 
	top: 785px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

.footer_position_portfolio {
	position: absolute; 
	top: 1655px;
	left: 0px;  
	height: 130px; 
	width: 100%;
}

/*HOLDERS - DON'T TOUCH! */

.content_holder {
	width: 900px;
	margin: 0 auto;
}

.portfolio_quote_holder {
	width: 900px;
	margin: 0 auto;
	color: #ffffff;
}

.logo_holder {
	width: 900px;
	margin: 0 auto;
}

.navigation_holder {
	width: 900px;
	margin: 0 auto;
}

.nav_holder {
	margin: 35px;
}

.whatwedo_holder {
	width: 900px;
	margin: 0 auto;
}

.contact_news_holder {
	width: 900px;
	margin: 0 auto;
}

.footer_holder {
	width: 900px;
	margin: 0 auto;
	padding: 15px;
}


/*ETC. ETC. */

.content_left {
	float:left; 
	margin: 20px; 
	width: 490px;
}

.content_right {
	float:right; 
	margin: 20px; 
	width: 300px;
}

.portfolio_quote_left {
	float:left; 
	margin: 20px; 
	width: 450px;
	font-family: georgia;
	font-size: 20px;
}

.portfolio_quote_left a:link {color: #ffffff; text-decoration: none;}
.portfolio_quote_left a:visited {color: #ffffff; text-decoration: none;}
.portfolio_quote_left a:hover {color: #ffffff; text-decoration: underline;}

.portfolio_quote_holder h1 {
	color: #ffffff;
	margin-bottom: 10px;
}

.portfolio_quote_right {
	float:right; 
	margin: 20px; 
	width: 340px;
}

.quote_left {
	float: left; 
	line-height: 26px;
}

.quote_right {
	float: right; 
	text-align: left;
}

.whatwedo {
	margin-top: 5px;
	font-family: georgia; 
	text-transform:uppercase; 
	font-size: 14px; 
	text-align: center;
	line-height: 25px;
}

.whatwedo_do {
	margin-left: 20px;
	margin-right: 20px;
	}
	
.contact_news_left {
	float:left; 
	margin: 20px; 
	width: 490px;
}

.contact_news_right {
	float:right; 
	margin: 20px; 
	width: 300px;
}

.contact_news_holder h1 {
	color: #ffffff;
	margin-bottom: 10px;
}

.portfolio_client {
	float:left; 
	margin: 20px; 
	width: 250px;
	font-family: arial;
	font-size: 12px;
	display: table;
}

.portfolio_client a:link {color: #DCF5FD; text-decoration: none;}
.portfolio_client a:visited {color: #DCF5FD; text-decoration: none;}
.portfolio_client a:hover {color: #ffffff; text-decoration: underline;}

.portfolio_quote_right a:link {color: #DCF5FD; text-decoration: none;}
.portfolio_quote_right a:visited {color: #DCF5FD; text-decoration: none;}
.portfolio_quote_right a:hover {color: #ffffff; text-decoration: underline;}

.contact_news_right a:link {color: #DCF5FD; text-decoration: none;}
.contact_news_right a:visited {color: #DCF5FD; text-decoration: none;}
.contact_news_right a:hover {color: #ffffff; text-decoration: underline;}

/*NAVIGATION */

.nav_link {
	float: left;
	padding: 5px;
	background-color: #EDEDED;
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

.nav_link_on {
	float: left;
	padding: 5px;
	background:url(../images/nav_bg.jpg);
	font-family: georgia;
	font-size: 12px;
	font-weight: bold;
	margin: 2px;
}

.nav_link_on a:link {color: #ffffff; text-decoration: none;}
.nav_link_on a:visited {color: #ffffff; text-decoration: none;}
.nav_link_on a:hover {color: #ffffff; text-decoration: underline;}

/*FORM OBJECTS */

.textfield {
	width: 190px;
	border: 1px solid #325493;
	font-family: arial;
	font-size: 12px;
	color:#333333;
	padding: 4px;
}

.textfield2 {
	width: 190px;
	border: 1px solid #BBBBBB;
	font-family: arial;
	font-size: 12px;
	color:#333333;
	padding: 4px;
}


.textfield3 {
	width: 50px;
	border: 1px solid #BBBBBB;
	font-family: arial;
	font-size: 12px;
	color:#333333;
	padding: 4px;
}

.textfield4 {
	width: 200px;
	/*border: 1px solid #325493;*/
	font-family: arial;
	font-size: 12px;
	color:#333333;
	padding: 2px;
}


.quote_title {
	border-bottom: 1px solid #E9E9E9;
	background-color: #F4F4F4;
	color: #325493;
	padding:7px;
	text-align:center;
	font-weight: bold;
	font-family: georgia;
	font-size: 14px;
	}

.small_quote_text {
	font-size: 10px; 
	color: #656565;
	}

/*OTHER */

.floatleft {
float: left;
}

.floatright {
float: right;
}



.testimonial {
	padding-left: 70px;
	background-image:url(../images/testimonial.jpg);
	background-repeat: no-repeat;
	line-height: 18px;
	color: #2E2E2E;
	}