*
{
	padding: 0;
	margin: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}



h1
{
	text-align: left;
	position: relative;
	color: #0a5ca4;
	font-family: "Trebuchet MS";
	font-size: 1.6em;
	margin: 0px;
}
.pageTitle
{
	text-align: left;
	position: relative;
	color: #0a5ca4;
	font-family: "Trebuchet MS";
	font-size: 1.6em;
	margin: 0px;
}

h2
{
	position: relative;
	color: #ffffff;
	font-family: "Trebuchet MS";
	font-size: 1.4em;
}


a#pay
{
	width: 196px;
	height: 40px;
	background-image: url(../images/pay.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#pay:hover
{
	background-position: 196px 0;
}





img.floatright
{
	float: right;
	margin: 10px 10px 10px 10px;
}

img.floatleft
{
	float: left;
	margin: 10px 10px 10px 10px;
}






#wrapper
{
	margin: 0 auto;
	width: 900px;
	background-color: #transparent;
}



















div#bg1
{
	background-image: url(../images/main_bg.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
}









#header
{
	background-image: url(../images/header.jpg);
	background-position: top;
	background-repeat: no-repeat;
	color: #333;
	width: 852px;
	float: left;
	padding: 0px;
	height: 231px;
	margin: 0px 0px 0px 0px;
	background: #transparent;
}

#leftcolumn
{
	background-image: url(../images/left_bg.gif);
	background-position: top;
	background-repeat: no-repeat;
	color: #333;
	background: #transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 750px;
	width: 213px;
	float: left;
}



#left_contact
{
	float: left;
	color: #333;
	background: #transparent;
	margin: 15px 0px 0px 10px;
	padding: 0px;
	height: auto;
	width: 113px;
	display: block;
}

#left_contact p
{
	font-family: verdana;
	font-size: 12px;
	color: #063973;
	margin: 0px 0px 0px 0px;
	line-height: 20px;
}


#menu
{
	background: #transparent;
	margin: 0px 0px 0px -10px;
	padding: 0px;
	height: 439px; /*400px;*/
	width: 212px;
	float: left;
}



.nav
{
	display: block;
	width: 196px;
	height: 439px; /*400px;*/
	background-color: #transparent;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
	background-image: url(../images/navbg.gif);
	background-repeat: repeat-x;
}


a#login
{
	width: 196px;
	height: 39px;
	background-image: url(../images/login.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#login:hover
{
	background-position: 196px 0;
}


a#home
{
	width: 196px;
	height: 39px;
	background-image: url(../images/home.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#home:hover
{
	background-position: 196px 0;
}


a#products
{
	width: 196px;
	height: 37px;
	background-image: url(../images/products.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#products:hover
{
	background-position: 196px 0;
}

a#resources
{
	width: 196px;
	height: 41px;
	background-image: url(../images/resources.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#resources:hover
{
	background-position: 196px 0;
}


a#starting
{
	width: 196px;
	height: 37px;
	background-image: url(../images/starting.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#starting:hover
{
	background-position: 196px 0;
}

a#price
{
	width: 196px;
	height: 39px;
	background-image: url(../images/price.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#price:hover
{
	background-position: 196px 0;
}


a#contact
{
	width: 196px;
	height: 35px;
	background-image: url(../images/contact.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#contact:hover
{
	background-position: 196px 0;
}

a#request
{
	width: 196px;
	height: 36px;
	background-image: url(../images/request.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#request:hover
{
	background-position: 196px 0;
}


a#download
{
	width: 196px;
	height: 41px;
	background-image: url(../images/download.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#download:hover
{
	background-position: 196px 0;
}


a#faq
{
	width: 196px;
	height: 41px;
	background-image: url(../images/faq.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#faq:hover
{
	background-position: 196px 0;
}



a#refer
{
	width: 196px;
	height: 40px;
	background-image: url(../images/refer.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#refer:hover
{
	background-position: 196px 0;
}











#rightcolumn
{
	float: right;
	color: #333;
	background: #transparent;
	margin: 0px 11px 0px 0px;
	padding: 0px;
	height: 250px;
	width: 674px;
	display: inline;
}





#content
{
	float: left;
	color: #333;
	background: #e2eefd;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 410px;
	width: 634px;
	display: inline;
}

#content_sub
{
	float: left;
	color: #333;
	background: #e2eefd;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: auto;
	width: 634px;
	display: inline;
}



#content_text
{
	float: left;
	color: #333;
	background: #e2eefd;
	margin: 10px 10px 10px 20px;
	padding: 0px;
	height: auto;
	display: inline;
}

#content_text p
{
	font-family: verdana;
	font-size: 13px;
	color: #063973;
	margin: 10px 10px 10px 10px;
	line-height: 20px;
}




#rightcolumn_top
{
	color: #333;
	float: right;
	color: #333;
	background: #transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 231px;
	width: 670px;
	display: inline;
}


#rightcolumn_right
{
	background-image: url(../images/right_top_right.gif);
	background-position: top right;
	background-repeat: no-repeat;
	float: right;
	color: #333;
	background: #transparent;
	margin: 0px 44px 0px 0px;
	padding: 0px;
	height: 247px;
	width: 454px;
	display: inline;
}

#rightcolumn_left
{
	background-image: url(../images/right_top_left.gif);
	background-position: top right;
	background-repeat: no-repeat;
	float: left;
	color: #333;
	background: #transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 247px;
	width: 176px;
	display: inline;
}


#trafficlight
{
	float: left;
	color: #333;
	background: #transparent;
	margin: 114px 0px 0px -19px;
	padding: 0px;
	height: 107px;
	width: 176px;
	display: block;
}

.light
{
	display: block;
	width: 166px;
	height: 107px;
	background-color: #transparent;
	margin: 0px 0px 0px 0px;
	padding-left: 20px;
}

a#light_red
{
	width: 175px;
	height: 42px;
	background-image: url(../images/light_red.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#light_red:hover
{
	background-position: 175px 0;
}



a#light_yellow
{
	width: 175px;
	height: 30px;
	background-image: url(../images/light_yellow.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#light_yellow:hover
{
	background-position: 175px 0;
}



a#light_green
{
	width: 175px;
	height: 61px;
	background-image: url(../images/light_green.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#light_green:hover
{
	background-position: 175px 0;
}






#footer
{
	height: 50px;
	width: 860px;
	clear: both;
	color: #333;
	background: #transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	background-image: url(../images/footer.gif);
	background-position: top;
	background-repeat: no-repeat;
}

#footer p
{
	float: center;
	font-family: verdana;
	font-size: 12px;
	color: #ffffff;
	margin: 3px 0px 0px 0px;
	line-height: 20px;
}





ul
{
	line-height: 1.7;
	list-style-type: none;
}
li
{
	padding-left: 45px;
	background: transparent url(../images/bullet.gif) no-repeat;
	background-position: 25px 5px;
}








a.link2
{
	margin: 0px;
	color: #437cb6;
	display: inline;
	text-decoration: none;
}

a.link2:hover
{
	color: #ff7900;
	margin: 0px;
}



#content_text a
{
	margin: 0px;
	color: #497fb3;
	display: inline;
	text-decoration: none;
}

#content_text a:hover
{
	display: inline;
	color: #23496d;
	margin: 0px;
}

#footer a
{
	margin: 0px;
	color: #ffffff;
	display: inline;
	text-decoration: none;
}

#footer a:hover
{
	color: #74afed;
	margin: 0px;
}



/* subpage */




#rightcolumn_right_sub
{
	float: right;
	color: #333;
	background: #transparent;
	margin: 0px 42px 0px 0px;
	padding: 0px;
	height: 137px;
	width: 404px;
	display: inline;
}

#trafficlight_sub
{
	float: left;
	color: #333;
	background: #transparent;
	margin: 0px 0px 0px 4px;
	padding: 0px;
	height: 107px;
	width: 204px;
	display: block;
}

.light_sub
{
	display: block;
	width: 204px;
	background-color: #transparent;
	margin: 0px 0px 0px 0px;
}


#rightcolumn_sub
{
	float: right;
	color: #333;
	background: #transparent;
	margin: 0px 15px 0px 0px;
	padding: 0px;
	height: 137px;
	width: 654px;
	display: inline;
}



#rightcolumn_left_sub
{
	float: left;
	color: #333;
	background: #transparent;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	height: 137px;
	width: 204px;
	display: inline;
}


a#remove_small
{
	width: 204px;
	height: 42px;
	background-image: url(../images/remove_small.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#remove_small:hover
{
	background-position: 204px 0;
}

a#repair_small
{
	width: 204px;
	height: 35px;
	background-image: url(../images/repair_small.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#repair_small:hover
{
	background-position: 204px 0;
}

a#install_small
{
	width: 204px;
	height: 59px;
	background-image: url(../images/install_small.gif);
	display: block;
	text-decoration: none;
	float: left;
}

a#install_small:hover
{
	background-position: 204px 0;
}


/* -------------------------------------- */
/* modal pop-up							  */
/* -------------------------------------- */
.modalBackground
{
	background-color: #000000;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
.modalPopup
{
	background-color: #FFFFFF;
	margin: 5px;
	border: 2px solid #000000;
	padding: 0px;
}
.modalHandle
{
	background-color: rgb(93, 123, 157);
	font-weight: bold;
	font-size: 10pt;
	font-family: Verdana;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	border-bottom: 2px solid #000000;
	cursor: move;
	color: #FFFFFF;
	text-align: left;
}

/* -------------------------------------- */
/* quick contact form controls			  */
/* -------------------------------------- */
.QuickContactTextArea
{
	font-size: 8pt;
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.QuickContactTextBox
{
	font-size: 11pt;
	color: #000000;
	border: 1px solid #000000;
	background-color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.QuickContactButton
{
	cursor: pointer;
	border: outset 1px #ccc;
	background: #999;
	color: #666;
	font-weight: bold;
	padding: 1px 2px;
	background: url(http://www.zioninvestments.info/formbg.gif) repeat-x left top;
}