/* basic class */

.basicClass {
	border: solid #000000 0px;
	margin: 0px;
	padding: 0px;	
}


/* browser window */

#browserWindow {
	background-position: top;
	background-image: url(page_gradient.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
}


/* main page */

#mainPage {
	position: relative;
	top: 0px;
	width: 940px;
}


/* main layout */

#toplinks
{
	position: absolute;
	top: 0px;
	left: 37px;
	height: 37px;
	width: 869px;
	border: solid #000000 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(toplinks.jpg);
	background-repeat: no-repeat;
}

#top
{
	position: absolute;
	top: 37px;
	left: 37px;
	height: 109px;
	width: 869px;
	border: solid #000000 0px;
	margin: 0px;
	padding: 0px;
	background-image: url(top.jpg);
	background-repeat: no-repeat;
}
#nav
{
	position: absolute;
	top: 145px;
	left: 37px;
	height: 252px;
	width: 869px;
	border: solid #000000 0px;
	margin: 0px;
	padding: 0px;
}
#contentArea {
	position: absolute;
	top: 196px;
	left: 37px;
	width: 869px;
	background-color: #ffffff;
}
#bottom {
	position: absolute;
	left: 0px;
	background-image: url(bottom.jpg);
	background-repeat: no-repeat;
	width: 940px;
	height: 80px;
}

#pageSection {
	position: absolute;
	width: 869px;
	height: 189px;
	background-image: url(page_section_2rows.gif);
	background-repeat: no-repeat;	
}

#portfolioSection2 {
	position: absolute;
	width: 869px;
	height: 189px;
	background-image: url(page_section_2rows.gif);
	background-repeat: no-repeat;	
}

#portfolioSection3 {
	position: absolute;
	width: 869px;
	height: 279px;
	background-image: url(page_section_3rows.gif);
	background-repeat: no-repeat;	
}

#portfolioSection4 {
	position: absolute;
	width: 869px;
	height: 189px;
	background-image: url(page_section_2rows.gif);
	background-repeat: no-repeat;	
}

/* layout extras */

A#menu1       { display:block; background-image: url(button01_i.gif); width: 146px; height: 52px; border: 0px; outline: none;}
A#menu1:hover { background-image: url(button01_a.gif);}
A#menu2       { display:block; background-image: url(button02_i.gif); width: 145px; height: 52px; border: 0px; outline: none;}
A#menu2:hover { background-image: url(button02_a.gif);}
A#menu3       { display:block; background-image: url(button03_i.gif); width: 145px; height: 52px; border: 0px; outline: none;}
A#menu3:hover { background-image: url(button03_a.gif);}
A#menu4       { display:block; background-image: url(button04_i.gif); width: 145px; height: 52px; border: 0px; outline: none;}
A#menu4:hover { background-image: url(button04_a.gif);}
A#menu5       { display:block; background-image: url(button05_i.gif); width: 146px; height: 52px; border: 0px; outline: none;}
A#menu5:hover { background-image: url(button05_a.gif);}
A#menu6       { display:block; background-image: url(button06_i.gif); width: 143px; height: 52px; border: 0px; outline: none;}
A#menu6:hover { background-image: url(button06_a.gif);}

A#projects	{ display:block; background-image: url(home_projects_image.jpg); width: 232px; height: 88px; border: solid #000000 0px; outline: none;}
A#feature	{ display:block; background-image: url(home_feature_image.jpg); width: 232px; height: 88px; border: solid #000000 0px; outline: none;}
A#step1	{ display:block; background-image: url(feature_step1_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step2	{ display:block; background-image: url(feature_step2_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step3	{ display:block; background-image: url(feature_step3_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step4	{ display:block; background-image: url(feature_step5_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step5	{ display:block; background-image: url(feature_step5_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step6	{ display:block; background-image: url(feature_step6_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step7	{ display:block; background-image: url(feature_step7_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step8	{ display:block; background-image: url(feature_step8_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}
A#step9	{ display:block; background-image: url(feature_step9_image.jpg); width: 320px; height: 180px; border: solid #000000 0px; outline: none;}

/* inner window text */

H1 {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	line-height: 14px;
	text-decoration: none;
	text-align: center;
}

table#contact {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
}

#contentText {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	line-height: 12px;
	text-decoration: none;
	text-align: left;
}
#featureText {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 18px;
	text-decoration: none;
	text-align: left;
}


li {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
}

ul {
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	line-height: 16px;
	text-decoration: none;
	text-align: left;
}