/* CSS TEMPLATE WITH: WHITE BACKGROUND; BLACK TEXT; DARK GRAY/GRAY LAYOUT*/

/* Global Elemental Definitions */
BODY 		{COLOR:#666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif;

			background: url(../images/bg.jpg) repeat-x #2a5cb4;
			/* Scrollbar Definitions */
			SCROLLBAR-FACE-COLOR:#8cabc2; 
			SCROLLBAR-HIGHLIGHT-COLOR:#FFFFFF; 	/* Button Top-Left Border */
			SCROLLBAR-SHADOW-COLOR: #999999; 		/* Button Bottom-Right Border */
			SCROLLBAR-3DLIGHT-COLOR:#000000; 		/* Button Top-Left Dropshadow */
			SCROLLBAR-ARROW-COLOR: #3260A5; 
			SCROLLBAR-TRACK-COLOR: #000000; 
			SCROLLBAR-DARKSHADOW-COLOR:#000000; 	/* Button Bottom-Right Dropshadow */
			SCROLLBAR-BASE-COLOR: #0000FF;}

P	 		{COLOR:#666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif;}
H1 H2 H3 H4 {COLOR:#666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif;}
UL OL LI 	{COLOR:#666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif;}
DIV 		{COLOR:#666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif;}
TD 			{COLOR:#666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif;}

/* Links Definitions */

/* Forms Definitions */
INPUT 		{COLOR:666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; BACKGROUND-COLOR:#FFFFFF;
			/* Border Definitions */
			border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #CED0D5; border-bottom:1px solid #CED0D5;}
TEXTAREA 	{COLOR:666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; BACKGROUND-COLOR:#FFFFFF;
			/* Border Definitions */
			border-top:1px solid #A3A6AF; border-left:1px solid #A3A6AF; border-right:1px solid #CED0D5; border-bottom:1px solid #CED0D5;}
SELECT 		{COLOR:666666; FONT-WEIGHT:normal; FONT-SIZE:12px; FONT-FAMILY:Trebuchet Ms, Arial, Helvetica, sans-serif; TEXT-DECORATION: none; BACKGROUND-COLOR:#FFFFFF;
			/* Border Definitions */
			border-top:1px solid #A3A6AF; border-left:1px solid #A3A6AF; border-right:1px solid #CED0D5; border-bottom:1px solid #CED0D5;}

/* Class Definitions */

#clear-both { 
	font-size: 0px; 
	line-height: 0px; 
	display: block; 
	margin: 0px; 
	padding: 0px; 
	clear: both; 
	height: 0px; 
	width: auto;
} 

.copyrite {
	COLOR:#99cccc;
	font: 12px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
	text-align: center;
}
.asterisk {
	color: #cc0000;
	font-size: 18px;
}
.submitbutton {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif; 
	font-size: 12px;  
	font-weight: bold; 
	color: #FFFFFF;
	background-color: #0973BA;
}
.title {
	COLOR:#0000FF;
	font: bold 36px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.contenttitle {
	COLOR:#000000;
	font: bold 28px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.contentsubtitle {
	COLOR:#FFFFFF;
	font: bold 24px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.texttitle {
	COLOR:#0000CC;
	font: bold 16px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.text_gray {
	COLOR:#666666;
	font: 13px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.text_black {
	COLOR:#000000;
	font: 13px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.text_blue {
	COLOR:#0000FF;
	font: 13px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.navtitle {
	COLOR:#FFFFFF;
	font: bold 16px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.boxtitle {
	COLOR:#FFFFFF;
	font: 20px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.boxsubtitle {
	COLOR:#FFFFFF;
	font: 16px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}
.boxpricetitle {
	COLOR:#FFFFFF;
	font: 30px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
}

.subtitle {
	color: #000000;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.header {
	color: #000000;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.subheader {
	color: #0099cc;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.title {
	color: #0000CC;
	font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}

/* Id Definitions */

#banner {
	width: 967px;
	height: 399px;	
	margin: 0 0 0 0px;
	float:left;
}
#content {
	background: url(../images/indexpage_13.jpg) no-repeat #FFFFFF;
	width: 967px;
	margin: 0 0 0 0px;
	float:left;	
}
#content .textpadding
{
	padding: 10px 40px 10px 40px;
	text-align: left;
}
#contentright {
	width: 727px;
	margin: 0 0 0 0px;
	float:left;	
}
#contentright .textpadding
{
	padding: 10px 40px 10px 40px;
	text-align: left;
}
#bottom {
	background: url(../images/indexpage_14.jpg) no-repeat;
	width: 967px;
	height: 185px;
	margin: 0 0 0 0px;
	float:left;	
}
#reflection {
	background: url(../images/indexpage_15.jpg) no-repeat;
	width: 967px;
	height: 66px;
	margin: 0 0 0 0px;
	float:left;	
}
#divider {
	background-image: url(../images/divider_bg.jpg);
	background-repeat: repeat-y;
	background-color: #666666;
	height: 3px;
}
#box_features {
	background: url(../images/box_features.jpg) no-repeat;
	width: 501px;
	height: 39px;
	margin: 0 0 0 0px;
}
#box_features .textpadding
{
	padding: 10px 0px 0px 10px;
	text-align: left;
}
#box_column1 {
	background: url(../images/box_column1.jpg) no-repeat;
	width: 110px;
	height: 39px;
	margin: 0 0 0 0px;
}
#box_column1 .textpadding
{
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#box_column2 {
	background: url(../images/box_column2.jpg) no-repeat;
	width: 110px;
	height: 39px;
	margin: 0 0 0 0px;
}
#box_column2 .textpadding
{
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#box_column3 {
	background: url(../images/box_column3.jpg) no-repeat;
	width: 138px;
	height: 39px;
	margin: 0 0 0 0px;
}
#box_column3 .textpadding
{
	padding: 10px 0px 0px 0px;
	text-align: center;
}
#box_info {
	margin: 0 0 0 0px;
	text-align: center;
}
#box_content {
	margin: 0 0 0 0px;
}
#box_content .textpadding
{
	padding: 10px 20px 0px 20px;
	text-align: left;
}
#titleleftcontainer
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
	width:525px;
	float:left;
}
#titleleft {
	background: url(../images/bg_title.jpg) no-repeat;
	width: 525px;
	margin: 0 0 0 0px;
	float:left;	
}
#titleleft .textpadding
{
	padding: 10px 0px 10px 20px;
	text-align: left;
}
#titleright {
	width: 122px;
	margin: 0 0 0 0px;
	float:left;	
}
#titleright .textpadding
{
	padding: 0px 0px 10px 0px;
	text-align: right;
}

#nav_left {
	width: 290px;
	float: left;
}
#content_right {
	width: 680px;
	float: left;
}

#contentcontainer_left {
	width: 402px;
	float: left;
	padding: 10px 20px 10px 20px;
	border-right: 1px solid #999999;
}
#contentcontainer_right {
	width: 402px;
	float: left;
	padding: 10px 20px 10px 20px;
}

/* Link Definitions */

a.link_text:link, a.link_text:active, a.link_text:visited{
	color: #0000FF;
	font: 12px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; 
}
a.link_text:hover {
	COLOR:#0000FF;
	font: 12px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
a.link_title:link, a.link_title:active, a.link_title:visited{
	color: #ccccff;
	font: normal 20px Impact, Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	text-spacing: 3px;
	TEXT-DECORATION: none; 
}
a.link_title:hover {
	COLOR:#FFFFFF;
	font: normal 20px Impact, Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: underline;
}
a.link_main:link, a.link_main:active, a.link_main:visited{
	color: #000000;
	font: 12px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none; 
}
a.link_main:hover {
	COLOR:#FFFFFF;
	font: 12px Trebuchet Ms, Verdana, Arial, Helvetica, sans-serif;
	TEXT-DECORATION: none;
}
a.link_home:link, a.link_home:active, a.link_home:visited{
	background-image: url(../images/indexpage_02.jpg);
	background-repeat: no-repeat;
	width: 53px;
	height: 96px;
	display: block;
}
a.link_home:hover {
	background-image: url(../images/indexpage_02_over.jpg);
	background-repeat: no-repeat;
	width: 53px;
	height: 96px;
	display: block;
}
a.link_services:link, a.link_services:active, a.link_services:visited{
	background-image: url(../images/indexpage_04.jpg);
	background-repeat: no-repeat;
	width: 68px;
	height: 96px;
	display: block;
}
a.link_services:hover {
	background-image: url(../images/indexpage_04_over.jpg);
	background-repeat: no-repeat;
	width: 68px;
	height: 96px;
	display: block;
}
a.link_portfolio:link, a.link_portfolio:active, a.link_portfolio:visited{
	background-image: url(../images/indexpage_06.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 96px;
	display: block;
}
a.link_portfolio:hover {
	background-image: url(../images/indexpage_06_over.jpg);
	background-repeat: no-repeat;
	width: 80px;
	height: 96px;
	display: block;
}
a.link_aboutus:link, a.link_aboutus:active, a.link_aboutus:visited{
	background-image: url(../images/indexpage_08.jpg);
	background-repeat: no-repeat;
	width: 75px;
	height: 96px;
	display: block;
}
a.link_aboutus:hover {
	background-image: url(../images/indexpage_08_over.jpg);
	background-repeat: no-repeat;
	width: 75px;
	height: 96px;
	display: block;
}
a.link_contactus:link, a.link_contactus:active, a.link_contactus:visited{
	background-image: url(../images/indexpage_10.jpg);
	background-repeat: no-repeat;
	width: 86px;
	height: 96px;
	display: block;
}
a.link_contactus:hover {
	background-image: url(../images/indexpage_10_over.jpg);
	background-repeat: no-repeat;
	width: 86px;
	height: 96px;
	display: block;
}

/* Side Navigation */

#navigation
{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	opacity: 0.70;
	width:240px;
	float:left;
}
#navtop {
	background: url(../images/navtop.jpg) no-repeat;
	width: 240px;
	height: 36px;
	margin: 0 0 0 0px;
}
#navtop .textpadding
{
	padding: 10px 0px 0px 20px;
	text-align: left;
}
#navigation .navbottom
{
	background-image: url(../images/navbottom.jpg);	
	background-repeat: no-repeat;
	padding: 6px 0 6px 20px;
	height: 150px;
}
