<?php header("Content-type: text/css"); ?>
/* 
SmartSite Website Main Stylesheet
Author - David Warner
Date Created: 06 Feb 2007
Date Modified: 30 Mar 2007
*/

/* HTML Tag Styles */

body {

	background-color: #D1D5D8;
	background-image: url(../Media/Site/Background/Bgn_Page.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;

}

.bodyMain {

	background-color: #D1D5D8;
	background-image: url(../Media/Site/Background/Bgn_Page.gif);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #222222;

}


h1 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	margin: -0px;

}

a:link, a:visited {

	color: #C30600;
	text-decoration: none;

}


a:hover, a:active {

	color: #C30600;
	text-decoration: underline;

}

/* Layout (id) styles */


/* Appearance (class) styles */

.divPage {
	
	background-color: white;
	padding: 0px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 780px;
	height: 850px;
	
}


.divPagePopup {
	
	background-color: white;
	padding: 0px;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 430px;
	height: 850px;
	
	border-right: 10px solid #5B6068;
	
}


.divLogo {

	position: absolute;
	top: 0px;
	left: 204px;
	width: 208px;
	height: 99px;
	z-index: 99

}


.divHeader {

	background-color: #D1D5D8;
	border-right: 10px solid #5B6068;

	position: absolute;
	top: 20px;
	left: 460px;
	width: 300px;
	height: 40px;
	padding: 10px;
	
	text-align: right;

}


.tableHeader {

	width: 100%;
	height: 40px;

}


.cellHeaderText {

	text-align: right;
	padding-right: 4px;
	width: 118px;
	border: 0px solid slateblue;
	
}


.cellHeaderText2 {

	text-align: right;
	padding-right: 4px;
	width: 118px; 
	border: 0px solid slateblue;

}


.divLeftSide {

	background-color: #FFFFFF;
	background-image: url(../Media/Site/Background/Bgn_LeftSideStrip.jpg);

	position: absolute;
	top: 0px;
	left: 0px;
	width: 80px;
	height: 780px;

}


.divLeftSideRight {

	background-color: #FFFFFF;
	background-image: url(../Media/Site/Background/Bgn_LeftSideRight.jpg);

	position: absolute;
	top: 100px;
	left: 80px;
	width: 90px;
	height: 680px;

}


.divLeftSideTop {

	background-color: #FFFFFF;
	background-image: url(../Media/Site/Background/Bgn_LeftSideTop.jpg);

	position: absolute;
	top: 0px;
	left: 80px;
	width: 195px;
	height: 100px;

}


.spanHeaderTitle1 {

	color: #222222;
	font-weight: bold;
	letter-spacing: 0px;
	text-transform: uppercase;
	padding-right: 0px;
	
}


	.spanHeaderTitle1 a:link, .spanHeaderTitle1 a:visited {
	
		color: #222222;
		text-decoration: none;
	
	}
	
	
	.spanHeaderTitle1 a:hover, .spanHeaderTitle1 a:active {
	
		color: #555555;
		text-decoration: none;
	
	}
	

.spanHeaderTitle2 {

	color: #5B6068;
	font-weight: normal;
	letter-spacing: 0px;
	text-transform: lowercase;
	padding-right: 2px;
	
	font-size: 10px;
	
}


	.spanHeaderTitle2 a:link, .spanHeaderTitle2 a:visited {
	
		color: #5B6068;
		text-decoration: none;
	
	}
	
	
	.spanHeaderTitle2 a:hover, .spanHeaderTitle2 a:active {
	
		color: #7D828A;
		text-decoration: none;
	
	}
	
	
.spanHeaderTitle {

	color: #5B6068;
	

	padding-right: 10px;

}


.divPagePicture {

	background-color: #D1D5D8;
	border-right: 10px solid #5B6068;
	border-top: 1px solid #5B6068;
	border-bottom: 1px solid #5B6068;

	position: absolute;
	top: 100px;
	left: 350px;
	width: 430px;
	height: 228px;
	padding: 0px;
	
	overflow: hidden;
	
}


.divPagePictureText1 {

	position: absolute;
	top: 110px;
	left: 630px;
	width: 130px;
	height: 30px;
	z-index: 5;
	
}


.divPagePictureText2 {

	position: absolute;
	top: 125px;
	left: 660px;
	width: 120px;
	height: 30px;
	z-index: 5;
	
}


.divMenuBar {

	background-color: #D1D5D8;
	background-image: url(../Media/Site/Background/Bgn_MenuBar.jpg);
	background-repeat: no-repeat;
	border-right: 10px solid #C30600;

	position: absolute;
	top: 100px;
	left: 100px;
	width: 240px;
	height: 210px;
	padding-top: 10px;
	padding-bottom: 10px;
	
	text-align: right;

}

	.tableMenuBar a:link, .tableMenuBar a:visited {
	
		color: #222222;
		text-decoration: none;
	
	}
	
	
	.tableMenuBar a:hover, .tableMenuBar a:active {
	
		color: #C30600;
		text-decoration: none;
	
	}


.tableMenuBar {

	font-weight: bold;
	font-size: 12px;
	text-transform: lowercase;
	letter-spacing: 0px;
	font-family: Arial, Helvetica, sans-serif;

}


.cellMenuItem1 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_1a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem1selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_1b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}


.cellMenuItem2 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_2a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem2selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_2b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}
	

.cellMenuItem3 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_3a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem3selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_3b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}


.cellMenuItem4 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_4a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem4selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_4b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}
	

.cellMenuItem5 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_5a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem5selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_5b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}


.cellMenuItem6 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_6a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem6selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_6b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}


.cellMenuItem7 {
	height: 30px;
	padding-right: 10px;
	background-image: url(../Media/Site/Background/Bgn_Menu_7a.jpg);
	background-repeat: no-repeat;
	background-color: transparent;
	color: #222222;
}

	.cellMenuItem7selected {
		height: 30px;
		padding-right: 10px;
		background-image: url(../Media/Site/Background/Bgn_Menu_7b.jpg);
		background-repeat: no-repeat;
		background-color: #C30600;
		color: white;
	}
	

.divFooterLeft {

	background-image: url(../Media/Site/Background/Bgn_FooterLeft.jpg);
	background-repeat: no-repeat;
	background-color: #5B6068;
	border-right: 10px solid #5B6068;
	
	position: absolute;
	top: 779px;
	left: 0px;
	width: 770px;
	height: 30px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-top: 35px;
	
	text-align: right;
	vertical-align: bottom;
	font-weight: bold;
	font-size: 11px;
	color: white;

}

	.divFooterLeft a:link, .divFooterLeft a:visited {
	
		color: #FFFFFF;
		text-decoration: none;
	
	}
	
	
	.divFooterLeft a:hover, .divFooterLeft a:active {
	
		color: #D1D5D8;
		text-decoration: underline;
	
	}


.divFooterBottom {

	background-color: white;
	
	position: absolute;
	top: 849px;
	left: 0px;
	width: 770px;
	height: 45px;
	padding-right: 10px;
	padding-top: 5px;
	
	text-align: right;
	font-weight: bold;
	font-size: 10px;

}


.spanDigiworks {

	color: #003399;

}


	.spanDigiworks a:link, .spanDigiworks a:visited {
	
		color: #003399;
		text-decoration: none;
	
	}
	
	
	.spanDigiworks a:hover, .spanDigiworks a:active {
	
		color: #001177;
		text-decoration: none;
	
	}


.spanCopyright {

	color: #D1D5D8;

}


.h1Heading1 {

	color: #222222;

}


.h1Heading2 {

	color: #C30600;
	
}


/* Home Page */

.divHomePic1 {

	position: absolute;
	top: 382px;
	left: 110px;
	width: 220px;
	height: 114px;

}


.divHomePic2 {
	
	position: absolute;
	top: 505px;
	left: 120px;
	width: 210px;
	height: 135px;


}


.divHomePic3 {

	position: absolute;
	top: 642px;
	left: 143px;
	width: 190px;
	height: 125px;

}


.divHomeContent {

	position: absolute;
	top: 340px;
	left: 350px;
	width: 420px;
	height: 330px;
	padding-right: 10px;
	
	z-index: 10;

}


.cellContent {

	line-height: 15px;
	/*letter-spacing: 1px;*/
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	padding-top: 10px;
	padding-bottom: 15px;

}


.cellTableGaps {

	background-color: transparent;
	
}


.cellTablePics {

	padding: 0px;
	width: 136px;
	height: 91px;
	border: 1px solid #222222;

}


.cellTablePicsNoBorder {

	padding: 0px;
	width: 136px;
	height: 91px;

}


/* ABOUT US */

.divSubMenu {

	position: absolute;
	top: 342px;
	left: 110px;
	width: 230px;
	height: 200px;
	
	padding-top: 0px;
	padding-bottom: 0px;
	
	border-top: 1px dashed #DDDDDD;

}


.cellSubMenu {

	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	
	text-align: right;

	border-bottom: 1px dashed #DDDDDD;
	
	font-weight: bold;

}


.tableContactForm {

	background-color: #DDDDDD;
	font-weight: normal;
	border: 1px solid #BBBBBB;
	padding: 10px;

}


.cellContactFormHeading {

	background-color: #BBBBBB;
	font-weight: bold;

}


.formTextBox {

	border: 1px solid #BBBBBB;
	font-size: 11px;
	padding: 1px;

}


.formTextBox2 {

	border: 1px solid #BBBBBB;
	font-size: 13px;
	padding: 1px;

}


.formButton {

	border: 1px solid #BBBBBB;
	font-size: 10px;
	padding: 1px;
	
}