/* CSS Document */


/*----------GENERIC----------*/
* {margin:0}
* {padding:0}

a {outline:none}

h1 {font-family:Century Gothic; font-size:28px; color:#4e4a4a; font-weight:normal}
h2 {font-family:Century Gothic; font-size:16px}
h3 {font-family:Century Gothic; font-size:14px; color:#666}
h3 a:link {font-family:Century Gothic; font-size:14px; color:#666}
h3 a:hover {font-family:Century Gothic; font-size:14px; color:#666; text-decoration:none}

.copy {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666; padding-left:10px;}
.copy_about {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666; padding-left:0px;}
.copy_contact {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666; padding-left:0px; line-height:22px}

.copy_contact a:link {text-decoration:none; color:#666}
.copy_contact a:active {text-decoration:none; color:#666}
.copy_contact a:visited {text-decoration:none; color:#666}
.copy_contact a:hover {text-decoration:underline; color:#666}

.accordian_copy {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666; padding-left:0px;}

.copy_footer {font-family:Arial, Helvetica, Sans-Serif; font-size:10px; color:#666; padding-left:10px;}
.copy_footer a:link {text-decoration:underline; color:#666}
.copy_footer a:active {text-decoration:underline; color:#666}
.copy_footer a:visited {text-decoration:underline; color:#666}
.copy_footer a:hover {text-decoration:none; color:#666}

.copy_bullets a:link {font-family:Arial, Helvetica, Sans-Serif; font-size:12px; color:#666; line-height:20px; text-decoration:underline;  padding-left:10px;}
.copy_bullets a:active {text-decoration:underline; color:#666;  padding-left:10px;}
.copy_bullets a:visited {text-decoration:underline; color:#666;  padding-left:10px;}
.copy_bullets a:hover {text-decoration:none; color:#333;  padding-left:10px;}

body 
{
	background:url(images/bg.jpg); 
	background-repeat:repeat-x; 
	background-attachment:fixed; 
	margin: 0; 
	padding: 0;
}

/*----------MAIN WRAPS----------*/
#main_wrapper {position:relative; width:840px; height:auto; top:-2px; margin:0 auto}


/*----------PAGES----------*/
#home_page {position:absolute; bottom:30px; width:840px; height:1200px; top:0px; background-color:White; border:solid 0.5px Silver}


/*----------HEADER----------*/
#hasso_logo {position:absolute; background-image:url(images/hasso_logo.jpg); width:131px; height:53px; top:8px; left:7px}
#stips_1 {position:absolute; background-image:url(images/stips.gif); width:814px; height:9px; left:14px; top:63px}
#home_banner {position:absolute; top:78px; left:11px}
#stips_2 {position:absolute; background-image:url(images/stips.gif); width:814px; height:9px; left:14px; top:318px}
.stip {border-bottom:dashed 1px silver; font-size:10px;}

/*----------MAIN NAVIGATION----------*/
#main_navi {position:absolute; width:340px; height:40px; left:400px; top:20px}

.navi_home {font-family: Century Gothic; font-size:14px; color:#999999; text-decoration:none;}
.navi_home a {font-family: Century Gothic; font-size:14px; color:#999999; text-decoration:none;}
.navi_home a:hover {font-family: Century Gothic; font-size:14px; color:#333333;}

.navi_what {position:absolute; left:110px; top:0px; width:111px; height:31px; background:url(images/what_up.gif); text-indent:-999em}
.navi_what a {display:block; width:111px; height:31px}
.navi_what a:hover {background:url(images/what_over.gif)}

.navi_about {position:absolute; left:230px; top:0px; width:92px; height:31px; background:url(images/about_up.gif); text-indent:-999em}
.navi_about a {display:block; width:92px; height:31px}
.navi_about a:hover {background:url(images/about_over.gif)}

.navi_contact {position:absolute; left:333px; top:0px; width:100px; height:31px; background:url(images/contact_up.gif); text-indent:-999em}
.navi_contact a {display:block; width:100px; height:31px}
.navi_contact a:hover {background:url(images/contact_over.gif)}


/*----------SUB NAVIGATION----------*/
.subnav{font-family: Century Gothic; font-size:11px; color:#999999; text-decoration:none;}
.subnav a {font-family: Century Gothic; font-size:11px; color:#999999; text-decoration:none;}
.subnav a:hover {font-family: Century Gothic; font-size:11px; color:#333333;}


/*----------HOME CONTENT----------*/
#heading {position:absolute; top:325px; left:11px; width:200px; height:51px; background:url(images/solution_head.gif); text-indent:-999em}

#solutions_wrap {position:absolute; left:11px; top:385px}

#solution_1 {position:absolute; top:0px}
#solution_text_1 {position:absolute; left:132px; top:-2px; width:400px}
#color_head_1 {position:absolute; width:300px; top:0px}
#about_1 {position:absolute; width:420px; top:20px}
#get_1 {position:absolute; width:300px; top:58px}
#bullet_1 {position:absolute; width:300px; top:78px; left:12px}
#image_1 {position:absolute; width:120px; height:120px; background:url(images/solution_block.jpg); left:2px; top:0px}

#stips_index_1 {position:absolute; background:url(images/stips.gif); width:553px; height:9px; left:2px; top:130px}
#stips_index_2 {position:absolute; background:url(images/stips.gif); width:553px; height:9px; left:2px; top:278px}
#stips_index_3 {position:absolute; background:url(images/stips.gif); width:814px; height:9px; left:14px; top:812px}
#stips_index_4 {position:absolute; background:url(images/stips_vert.gif); width:9px; height:464px; left:570px; top:338px}

#solution_2 {position:absolute; top:148px}
#solution_text_2 {position:absolute; left:132px; top:-2px; width:400px}
#color_head_2 {position:absolute; width:300px; top:0px}
#about_2 {position:absolute; width:420px; top:20px}
#get_2 {position:absolute; width:300px; top:58px}
#bullet_2 {position:absolute; width:300px; top:78px; left:12px}
#image_2 {position:absolute; width:120px; height:120px; background:url(images/solution_block.jpg); left:2px; top:0px}

#solution_3 {position:absolute; top:296px}
#solution_text_3 {position:absolute; left:132px; top:-2px; width:400px}
#color_head_3 {position:absolute; width:300px; top:0px}
#about_3 {position:absolute; width:420px; top:20px}
#get_3 {position:absolute; width:300px; top:58px}
#bullet_3 {position:absolute; width:300px; top:78px; left:12px}
#image_3 {position:absolute; width:120px; height:120px; background:url(images/solution_block.jpg); left:2px; top:0px}

#portfolio_wrap {position:absolute; left:11px; top:824px}
#what_we_do {position:absolute; background:url(images/what.gif); height:40px; width:212px; left:-1px; top:0px; text-indent:-999em}
#what_text {position:absolute; left:3px; top:50px; width:800px}
#our_services {position:absolute; width:300px; top:118px; left:3px}
#service_bullets_1 {position:absolute; width:300px; top:140px; left:16px}
#service_bullets_2 {position:absolute; width:300px; top:140px; left:216px}
#service_bullets_3 {position:absolute; width:300px; top:140px; left:416px}

#fix {position:relative; left:22px}


/*----------FOOTER----------*/

.accordionLink
{
	font-family:Century Gothic; font-size:14px;
	color:#FFFFFF;
	background: none;
	text-decoration: none;
}
.accordionLink:hover
{
	color:#FFFFFF;
	text-decoration: underline;
}

.demoarea {
	padding:1px;
	width:720px;
	background:#FFF url(~/../images/demotop.png) no-repeat left top;
}

.demoarea p 
{
	padding:5px;
}

.demoheading 
{
	padding-top:5px;
	padding-bottom:5px;
	color:#696969;
	font-family:Verdana;
	font-weight:bold;
	font-size:10pt;
}

.demobottom {
	height:8px;
	background:#FFF url(images/demobottom.png) no-repeat left bottom;
}


.heading {
	padding: 1em 0 1em 0;
	color:#5377A9;
	font-family:Verdana;
	font-weight:bold;
	font-size:1.2em;
}

.subheading{
	padding:.8em 0 0.5em 0;
	color:#0F2543;
	font-weight:bold;
	font-family:Verdana;
	font-size:1.1em;
}
.accordionHeader
{
    border: 1px solid #FFFFFF;
    color:Lime;
    background-color: #999;
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	padding: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
    color:Fuchsia;
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #FFFFFF;
    color: white;
    background-color: #EA6F24;
	font-family: Verdana;
	font-size: 11px;
	padding: 5px;
    margin-top: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

#master_content .accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #FFFFFF;
    border: 0px dashed #000000;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
    font-family: Verdana;
}
.webLink
{
    font-family:Verdana;
    font-size: 11px;
    color: #333333;    
}

.webLink a
{
   text-decoration: underline;
   color: #333333; 
}
.webLink a:hover
{text-decoration: underline;color: #EA6F24;}

/* -------------Accordion--------------- */