/* CSS code written and designed by Dacia Closson.  Copyright  Windfall Technologies, 2006,2007.  All Rights Reserved.  Any past, present, or future products of Windfall Technologies are protected and may not be modified in any way without prior written consent of the designer or party responsible for its creation.  This includes removing or modifying our registered logo or name, copyright notice, or any other piece of work belonging to Windfall Technologies.  You may not reproduce this page without the designers written permission. */
/*This body tag defines the fonts style and placement for the entire page and the background color for the dead space*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #6F91B3;
	text-align: center;
	margin: 0px;
	background-image: url(../graphics/bodybg.jpg);
	background-repeat: repeat-x;

}
/*-----------------------------------------------------------------------*/

/*This container defines all content and images*/
#container {
	background-image:   url(../graphics/containerbg.jpg);
	background-repeat: repeat-x;
	margin: 10px auto;
	height: 650px;
	width: 760px;
	background-color: #F4f4fc;
	background-position: bottom;
	position: relative;
	text-align: left;
	min-height: 630px;
	border: 1px solid #CCCCCC;


}

/*-----------------------------------------------------------------------*/
/*The following definitions are for the entire page unless defined otherwise*/
a {
	color: #669900;
}
a:hover {
	color: #99CCFF;
}
h1 {
	font-size: 16px;
	color: #003D59;
	margin: 5px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 2px;


}
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #006699;
	margin: 10px;


}
h2 a {
	color: #666666;
	text-decoration: none;
}
h2 a:hover {
	color: #99CC66;
	text-decoration: underline;
}

h3 {
	font-size: 11px;
	color: #006699;
	margin: 5px 5px 5px 15px;
}
/*-----------------------------------------------------------------------*/

/*This defines the Company name at the top of the page*/
#coname {
	height: 50px;
	width: 100%;
	text-align: left;
	background-color: #FFFFFF;


}
/*-----------------------------------------------------------------------*/

/*The following title bars define a seperate background gradient for each page*/


/*PORTFOLIO PAGE*/
#titlebar {
	margin: 0px;
	height: 188px;
	width: 100%;
	text-align: left;
	border-top: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
	background-color: #FFFFFF;
}
/*HOME PAGE*/
#titlebarh {
	margin: 0px;
	height: 188px;
	width: 100%;
	text-align: left;
	background-image:   url(../graphics/hometitlebg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}
/*SERVICES PAGE*/
#titlebars {
	margin: 0px;
	height: 188px;
	width: 100%;
	text-align: left;
	background-image:   url(../graphics/servicestitlebg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}
/*CONTACT US PAGE*/
#titlebarcu {
	margin: 0px;
	height: 188px;
	width: 100%;
	text-align: left;
	background-image:   url(../graphics/contactustitlebg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}
/*CLIENT RESOURCES PAGE*/
#titlebarcr {
	margin: 0px;
	height: 188px;
	width: 100%;
	text-align: left;
	background-image:   url(../graphics/clientrestitlebg.jpg);
	background-repeat: repeat-x;
	border-top: 1px solid #CCCCCC;
	border-right: 1px none #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px none #CCCCCC;
}

/*-----------------------------------------------------------------------*/


/*These define the text area in the middle right of the page*/
#text {
	background-color: #FFFFFF;
	height: 350px;
	width: 500px;
	border: 1px solid #99CC66;
	text-align: left;
	margin-top: 27px;
	margin-left: 240px;
	min-height: 350px;
	display: block;
	overflow: auto;
}
#text p {
	color: #006699;
	margin: 10px 10px 10px 20px;
}
/*-----------------------------------------------------------------------*/

/*This defines the area around the links at the top of the text box, the links position are relative to this area*/
#toplinks {
	position: absolute;
	height: 20px;
	width: 406px;
	top: 245px;
	right: 22px;
}
/*Links definitions are as follows*/
/*--------------------------------------------------------*/
a.tlink01 {
	background-image:    url(../graphics/links/home.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 45px;
	position: absolute;
	left: 0px;
	top: 0px;

}
a.tlink01:hover {
	background-image:    url(../graphics/links/homero.jpg);
	background-repeat: no-repeat;
}
a.tlink01 span {
	display: none;
}
/*--------------------------------------------------------*/
a.tlink02 {
	background-image:    url(../graphics/links/services.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 74px;
	position: absolute;
	left: 46px;
	top: 0px;
}
a.tlink02:hover {
	background-image:    url(../graphics/links/servicesro.jpg);
	background-repeat: no-repeat;
}
a.tlink02 span {
	display: none;
}
/*--------------------------------------------------------*/
a.tlink03 {
	background-image:    url(../graphics/links/portfolio.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 80px;
	position: absolute;
	left: 121px;
	top: 0px;
}
a.tlink03:hover {
	background-image:    url(../graphics/links/portfolioro.jpg);
	background-repeat: no-repeat;
}
a.tlink03 span {
	display: none;
}
/*--------------------------------------------------------*/
a.tlink04 {
	background-image:    url(../graphics/links/clientres.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 124px;
	position: absolute;
	left: 202px;
	top: 0px;
}
a.tlink04:hover {
	background-image:    url(../graphics/links/clientresro.jpg);
	background-repeat: no-repeat;
}
a.tlink04 span {
	display: none;
}
/*--------------------------------------------------------*/
a.tlink05 {
	background-image:    url(../graphics/links/contactus.jpg);
	background-repeat: no-repeat;
	height: 22px;
	width: 83px;
	position: absolute;
	left: 327px;
	top: 0px;
}
a.tlink05:hover {
	background-image:    url(../graphics/links/contactusro.jpg);
	background-repeat: no-repeat;
}
a.tlink05 span {
	display: none;
}
/*-----------------------------------------------------------------------*/

/*This defines the area for the flash menu to the left*/
#flash {
	position: absolute;
	height: 230px;
	width: 230px;
	left: 5px;
	bottom: 20px;

}
/*-----------------------------------------------------------------------*/
/*This defines the area where the textual company information is placed, it is located under the container*/
#companyinfo {
	position: absolute;
	height: 20px;
	width: 100%;
	left: 0px;
	bottom: -25px;
	color: #ffffff;
	text-align: center;


}
/*-----------------------------------------------------------------------*/
/*This defines the area where the textual links are located, it is also under the container*/
#bottomlinks {
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: -87px;
	text-align: center;
	color: #ffffff;
	height: 50px;
	margin: 5px;



}
#bottomlinks a:hover {
	color: #E6B33C;
}
#bottomlinks a {
	color: #ffffff;
	text-decoration: none;
}
/*-----------------------------------------------------------------------*/
#w3c {
	background-image:  url(../graphics/w3c.jpg);
	background-repeat: no-repeat;
	height: 32px;
	width: 179px;
	display: block;
	text-align: center;
	background-position: center;
	margin: 5px;



}
#w3c span {
	display: none;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #006699;
	vertical-align: top;
	margin: 5px;

}
input {
	background-color: #E9F0F8;
	color: #003399;
	border: thin inset #DFEAF4;

}
li {
	color: #006699;
	list-style-type: disc;
}