/* @override http://www.whistlerwebdesign.com/CSS/wwd_2009.css */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 1024px;
	background-color: black;
	
}

p {
	line-height: 125%;
}

h1 {
	color: #9E1600;
	font: normal 23px/100% Arial;
}

h1.services {
	color: #C09C00;
	font: normal 23px/100% Arial;
}

h1.contacts {
	color: #025BC9;
	font: normal 23px Arial;
}

h1.quote {
	color: #02A1C9;
	font: normal 23px Arial;
}

h1.about {
	color: #C04A00;
	font: normal 23px Arial;
}

h1.portfolio {
	color: #007236;
	font: normal 23px Arial;
}

h2 {
	color: #333;
	font: 22px/50px Arial;
	text-transform: none;
}

h3 {
	color: #333;
	font: 22px Arial;
	text-transform: none;
	margin-bottom: 8px;
}

.formerror {
	color: red;
	font: bold 12px Verdana, Helvetica, Arial, sans-serif;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

a:link {
	color: #9E1600;
	text-decoration: none;
}

a:visited {
	color: #9E1600;
	text-decoration: none;
}

a:hover {
	color: #9E1600;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

a:active {
	color: #9E1600;
	text-decoration: none;
}

#wrapper {
	text-align: left;
	width: 766px;
	margin-left: auto;
	margin-right: auto;
	background-color: white;
	font: 12px/120% Verdana, Helvetica, Arial, sans-serif;
	color: #555;
	left: 0;
	position: relative;
	height: 0;
	top: 0;
}

#topBanner {
	background-color: #333333;
	width: 766px;
	height: 121px;
	background-image: url(../images/template_2009_top_image.jpg);
}

#currentDate {
	position: absolute;
	top: 101px;
	color: white;
	right: 20px;
}

#navigation {
	background-color: #333333;
	width: 766px;
	height: 56px;
	position: relative;
}

#mainText {
	background-color: white;
	width: 766px;
	height: 530px;
}

#footer {
	width: 766px;
	height: 60px;
	background-color: #333333;
	position: relative;
	color: white;
	font: 10px/60px Verdana;
	text-indent: 0;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
	bottom: 0;
}

#footer a:link {
	color: white;
	text-decoration: none;
}

#footer a:visited {
	color: white;
	text-decoration: none;
}

#footer a:hover {
	color: white;
	text-decoration: underline;
}

#footer a:active {
	color: white;
	text-decoration: none;
}

/* @group Home Page */

.imgHome {
	border: 1px solid #9E1600;
	padding: 2px;
	margin-bottom: 0;
}

#homeTRight {
	width: 315px;
	position: absolute;
	left: 430px;
	top: 185px;
}

#homeTLeft {
	position: absolute;
	left: 30px;
	top: 185px;
	width: 365px;
	margin: 0;
	padding: 0;
}

#homeBRight {
	width: 315px;
	position: absolute;
	top: 465px;
	left: 430px;
}

#homeBLeft {
	position: absolute;
	left: 30px;
	width: 365px;
	text-align: left;
	top: 360px;
}

#homeBLeft1 {
	width: 300px;
	position: absolute;
	top: 0;
	left: 0;
}

#homeBLeft2 {
	width: 300px;
	position: absolute;
	top: 0;
	left: 128px;
}

#homeBLeftLink {
	position: relative;
	text-align: right;
	width: 365px;
	top: 295px;
}

#homeBLeft3 {
	width: 300px;
	position: absolute;
	left: 253px;
	top: 0;
}



/* @end */

/* @group About */

.aboutList {
	list-style-type: decimal;
	list-style-position: outside;
	direction: ltr;
	margin-left: 0;
	line-height: 125%;
	text-indent: 0;
	position: relative;
	left: 0;
	text-shadow: white 0 0 0;
	padding-left: 30px;
}

.imgAbout {
	border: 1px solid #C04A00;
	padding: 2px;
	float: left;
	margin-right: 8px;
	margin-bottom: 1px;
}

.imgAboutTopRight {
	border: 1px solid #C04A00;
	padding: 2px;
	float: none;
	margin-right: 8px;
	margin-bottom: 1px;
}

#mainTextAbout {
	background-color: white;
	width: 766px;
	height: 530px;
	line-height: 120%;
}

#mainTextAbout a:link {
	color: #C04A00;
	text-decoration: underline;
	margin-bottom: 10px;
}

#mainTextAbout a:visited {
	color: #C04A00;
	text-decoration: underline;
}

#mainTextAbout a:hover {
	color: #C04A00;
	text-decoration: none;
	list-style-position: outside;
}

#mainTextAbout a:active {
	color: #C04A00;
	text-decoration: underline;
}

#aboutTopLeft {
	width: 425px;
	position: absolute;
	left: 30px;
	top: 185px;
}

#aboutMapTopLeft {
	width: 540px;
	position: absolute;
	left: 30px;
	top: 185px;
}

#aboutMapTopRight {
	width: 200px;
	position: absolute;
	left: 540px;
	top: 300px;
}

#aboutBottomLeft {
	width: 425px;
	position: absolute;
	left: 30px;
	top: 320px;
	overflow: auto;
}

#aboutTopRight {
	position: absolute;
	left: 490px;
	top: 185px;
	line-height: inherit;
	width: 255px;
}



/* @end */

/* @group Services */

#servicesTop {
	width: 700px;
	position: absolute;
	left: 30px;
	top: 185px;
}

#servicesPlanning {
	width: 220px;
	position: absolute;
	left: 30px;
	top: 310px;
}

.firstLetterPlanning {
	color: white;
	background-color: #9E1600;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}

#servicesLaunch {
	width: 220px;
	position: absolute;
	left: 30px;
	top: 490px;
}

.firstLetterLaunch {
	color: white;
	background-color: #007236;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}

#servicesDesign {
	width: 220px;
	position: absolute;
	left: 265px;
	top: 310px;
}

.firstLetterDesign {
	color: white;
	background-color: #C04A00;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}

#servicesHosting {
	width: 220px;
	position: absolute;
	left: 265px;
	top: 490px;
}

.firstLetterHosting {
	color: white;
	background-color: #02A1C9;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}

#servicesDevelopment {
	width: 220px;
	position: absolute;
	left: 500px;
	top: 310px;
}

.firstLetterDevelopment {
	color: white;
	background-color: #C09C00;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}

#servicesUpdates {
	width: 220px;
	position: absolute;
	left: 500px;
	top: 490px;
}

.firstLetterUpdates {
	color: white;
	background-color: #025BC9;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}



/* @end */

/* @group Portfolio */

#mainTextPortfolio a:link {
	color: #007236;
	text-decoration: underline;
}

#mainTextPortfolio a:visited {
	color: #007236;
	text-decoration: underline;
}

#mainTextPortfolio a:hover {
	color: #007236;
	text-decoration: none;
}

#mainTextPortfolio a:active {
	color: #007236;
	text-decoration: underline;
}

.imgPortfolio {
	border: 1px solid #007236;
	padding: 2px;
	margin-bottom: 0;
}

#mainTextPortfolio {
	background-color: white;
	width: 766px;
	height: 530px;
	line-height: 130%;
}

#portfolioTopLeft {
	width: 450px;
	position: absolute;
	left: 30px;
	top: 185px;
	line-height: 130%;
}

#portfolioBottomLeft {
	width: 450px;
	position: relative;
	left: 0;
	text-align: center;
	top: -30px;
	line-height: 130%;
}

#portfolioTopRight {
	position: absolute;
	left: 514px;
	width: 240px;
	height: 386px;
	top: 187px;
}

#portfolioBottomRight {
	position: absolute;
	width: 206px;
	top: 617px;
	left: 530px;
}



/* @end */

/* @group Quote */

#mainTextQuote {
	background-color: white;
	width: 766px;
	height: 530px;
	line-height: 130%;
}

#mainTextPriceQuote {
	background-color: white;
	width: 766px;
	line-height: 130%;
}

#mainTextQuote a:link {
	color: #02A1C9;
	text-decoration: underline;
}

#mainTextQuote a:visited {
	color: #02A1C9;
	text-decoration: underline;
}

#mainTextQuote a:hover {
	color: #02A1C9;
	text-decoration: none;
}

#mainTextQuote a:active {
	color: #02A1C9;
	text-decoration: underline;
}

#mainTextPriceQuote a:link {
	color: #02A1C9;
	text-decoration: underline;
}

#mainTextPriceQuote a:visited {
	color: #02A1C9;
	text-decoration: underline;
}

#mainTextPriceQuote a:hover {
	color: #02A1C9;
	text-decoration: none;
}

#mainTextPriceQuote a:active {
	color: #02A1C9;
	text-decoration: underline;
}

.firstLetterQuote {
	color: white;
	background-color: #02A1C9;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
}

#quoteTop {
	width: 700px;
	position: relative;
	overflow: auto;
	background-color: white;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
}

#quoteTopOriginal {
	width: 700px;
	position: absolute;
	overflow: auto;
	background-color: white;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	top: 185px;
	left: 30px;
}

#quote1 {
	width: 200px;
	position: absolute;
	left: 30px;
	top: 325px;
}

#quote2 {
	width: 200px;
	position: absolute;
	left: 265px;
	top: 325px;
}

#quote3 {
	width: 200px;
	position: absolute;
	left: 500px;
	top: 325px;
}

#quote4 {
	width: 400px;
	position: absolute;
	top: 520px;
	left: 190px;
}



/* @end */

/* @group Contacts */

.imgContacts {
	border: 1px solid #025BC9;
	padding: 2px;
	margin-bottom: 5px;
}

#termsofserviceTop {
	width: 731px;
	position: relative;
	overflow: auto;
	background-color: white;
	padding-left: 25px;
	padding-right: 10px;
	padding-top: 10px;
}

#termsofserviceTop a:link {
	color: #025BC9;
	text-decoration: underline;
}

#termsofserviceTop a:visited {
	color: #025BC9;
	text-decoration: underline;
}

#termsofserviceTop a:hover {
	color: #025BC9;
	text-decoration: none;
}

#termsofserviceTop a:active {
	color: #025BC9;
	text-decoration: underline;
}

#mainTextContacts {
	background-color: white;
	width: 766px;
	height: 530px;
	line-height: 130%;
}

#mainTextPayments {
	background-color: white;
	width: 766px;
	height: 530px;
	line-height: 130%;
}

#mainTextContacts a:link {
	color: #025BC9;
	text-decoration: underline;
}

#mainTextContacts a:visited {
	color: #025BC9;
	text-decoration: underline;
}

#mainTextContacts a:hover {
	color: #025BC9;
	text-decoration: none;
}

#mainTextContacts a:active {
	color: #025BC9;
	text-decoration: underline;
}

#contactTopLeft {
	width: 300px;
	position: absolute;
	left: 30px;
	top: 185px;
}

#paymentsTopLeft {
	width: 700px;
	position: absolute;
	left: 30px;
	top: 185px;
}

#contactTopRight {
	position: absolute;
	left: 420px;
	top: 185px;
	width: 300px;
}



/* @end */

/* @group Online Registration */

#mainTextRegistration {
	background-color: white;
	width: 766px;
	height: 530px;
	line-height: 130%;
}

#mainTextRegistration a:link {
	color: #C09C00;
	text-decoration: underline;
}

#mainTextRegistration a:visited {
	color: #C09C00;
	text-decoration: underline;
}

#mainTextRegistration a:hover {
	color: #C09C00;
	text-decoration: none;
}

#mainTextRegistration a:active {
	color: #C09C00;
	text-decoration: underline;
}

.firstLetterRegistration {
	color: white;
	white-space: normal;
	margin-right: 1px;
	padding: 2px;
	background-color: #C09C00;
	direction: ltr;
}

#RegistrationTop {
	width: 700px;
	position: absolute;
	left: 30px;
	top: 185px;
}

#Registration1 {
	width: 200px;
	position: absolute;
	left: 30px;
	top: 325px;
}

#Registration2 {
	width: 200px;
	position: absolute;
	left: 265px;
	top: 325px;
}

#Registration3 {
	width: 200px;
	position: absolute;
	left: 500px;
	top: 325px;
}

#Registration4 {
	width: 387px;
	position: absolute;
	top: 570px;
	left: 203px;
}



/* @end */

/* @group Support */

#supportTopLeft {
	width: 720px;
	position: absolute;
	left: 30px;
	top: 185px;
	height: 460px;
	overflow: auto;
}



/* @end */