/*MAIN*/
* 
{
padding : 0;
margin : 0;
}

html 
{
min-height : 100%;
margin-bottom : 1px;
}

body 
{
padding : 0px;
margin : 0px;
border : 0px;
overflow : hidden;
font-family : Arial, Verdana;
font-size : 10pt;
background-color : white;
height : 100%;
max-height : 100%;
margin-top : 0px;
margin-left : 0px;
margin-right : 0px;
margin-bottom : 0px;
}

/*IE6 hack*/
* html body
{ 
padding : 100px 0px 50px 100px;
}

table 
{
border-collapse : collapse;
border : none;
}

td 
{
vertical-align : top;
}

ul 
{
margin-left : 20px;
}

strong 
{
font-size : larger;
}

a:link, a:visited 
{
font-size : 10pt;
color : black;
}

a:hover, a:active 
{
font-size : 10pt;
color : #4E856B;
}

a:active 
{
outline : none;
}

.link-no-underline
{
text-decoration : none;
}

.link-no-underline a:link, 
.link-no-underline a:visited
{
font-size : 10pt;
color : black;
text-decoration : none;
}

.link-no-underline a:hover, 
.link-no-underline a:active
{
font-size : 10pt;
color : #4E856B;
text-decoration : none;
}

a img 
{
border : none;
}

h1 
{
font-family : Garamond;
font-size : 14pt;
font-weight : bold;
padding-bottom : 10px;
}

h2 
{
font-size : 10pt;
}

/*LEFT FRAME*/
#leftframe
{
position : absolute; 
top : 0; 
left : 0; 
width : 100px;
height : 100%;
overflow : hidden;
}

/*HEADER*/
#header 
{
position : absolute;
top : 0px;
left : 100px;
width : 750px;
height : 100px;
overflow : hidden;
background : url(graphics/gradient.png) repeat-x;
padding : 23px 0px 0px 0px;
z-index : 1;
}

.header-logo 
{
display : block;
width : 200px;
height : 55px;
background : url(graphics/logo.gif) no-repeat;
float : left;
margin-left : 25px;
}

#header-navbar-menu 
{
font-family : Arial;
display : block;
width : 650px;
height : 22px;
font-size : 10pt;
font-weight : bold;
padding : 0px 0px 0px 25px;
float : left;
}

#header-navbar-menu a 
{
float : left;
background : url(graphics/tableft8.gif) no-repeat left top;
margin : 0 0 0 2px;
padding : 0 0 0 4px;
text-decoration : none;
}

#header-navbar-menu a span 
{
float : left;
display : block;
background : url(graphics/tabright8.gif) no-repeat right top;
padding : 5px 15px 1px 6px;
color : black;
}

/*Commented backslash hack hides rule from IE5-Mac\*/
#header-navbar-menu a span 
{
float : none;
}

/*End IE5-Mac hack*/
#header-navbar-menu a:hover span 
{
color : black;
}

#header-navbar-menu a:hover 
{
background-position : 0% -42px;
}

#header-navbar-menu a:hover span 
{
background-position : 100% -42px;
}

#header-navbar-menu a.selected 
{
background-position : 0% -42px;
}

#header-navbar-menu a span.selected 
{
background-position : 100% -42px;
}

#connection-status 
{
position : absolute;
background-image : url(graphics/connect_idle.gif);
background-position : top;
background-repeat : no-repeat;
width : 25px;
height : 25px;
left : 770px;
top : 76px;
overflow-x : hidden;
overflow-y : hidden;
z-index : 3;
}

/*CONTENT*/
#content 
{
position : fixed;
top : 100px;
bottom : 50px;
width : 750px;
left : 100px;
overflow : auto;
background-color : white;
border-top : 1px solid black;
border-bottom : 1px solid black;
padding : 20px 0px 10px 0px;
text-align : left;
z-index : 2;
}

/*IE6 hack*/
* html #content
{
height : 100%;
}

#mainmargin
{
margin : 0px 0px 0px 10px;
}

/*FOOTER*/
#footer 
{
position : absolute;
top : auto;
bottom : 0px;
left : 100px;
width : 750px;
height : 50px;
overflow : hidden;
clear : both;
z-index : 1;
}

#footer-terms 
{
display : inline-block;
font-size : 10pt;
padding : 0px 5px 5px 5px;
float : left;
}

#footer-copyright 
{
display : inline-block;
font-size : 10pt;
padding : 0px 5px 5px 5px;
float : right;
}

/*HOME*/
.index-overview 
{
font-size : 10pt;
margin : 0px 40px 0px 0px;
width : 380px;
float : left;
vertical-align : top;
}

.index-overview span 
{
display : block;
}

.index-process 
{
float : left;
vertical-align : top;
margin : 0px 0px 0px 0px;
}

.index-data
{
width : 700px;
float : left;
display : inline;
margin : 0px 0px 0px 0px;
}

.index-news 
{
width : 700px;
float : left;
display : inline;
padding : 5px 0px 5px 0px;
}

.index-data-title, .index-news-title 
{
font-family : Garamond;
font-size : 14pt;
font-weight : bold;
padding-bottom : 10px;
display : block;
}

/*ABOUT US*/
.about-content 
{
width : 450px;
float : left;
margin : 0px 0px 0px 0px;
}

.about-image 
{
float : left;
margin : 35px 0px 0px 40px;
}

/*SERVICES*/
.services-free,
.services-lite,
.services-merge,
.services-pro 
{
width : 320px;
height : 100px;
float : left;
font-size : 16pt;
font-weight : bold;
text-align : center;
margin : 0px 10px 10px 0px;
padding : 20px 10px 20px 10px;
border : 1px solid black;
background-color : white;
}

#services-hover a:hover
{
cursor : pointer;
color : #4E856B;
}

.services-free img,
.services-lite img,
.services-merge img,
.services-pro img
{
margin : 5px 5px 5px 5px;
}

.services_free-content,
.services_lite-content,
.services_merge-content,
.services_pro-content
{
font-size : 10pt;
}

.services_free-content h1,
.services_lite-content h1,
.services_merge-content h1,
.services_pro-content h1
{
font-size : 14pt;
font-weight : bold;
}

.services_free-content ul,
.services_lite-content ul,
.services_merge-content ul,
.services_pro-content ul
{
padding : 10px 20px 10px 0px;
}

/*PARTNERS*/
.partners-content 
{
font-size : 10pt;
}

.partners-content div 
{
width : 680px;
float : left;
border : 1px solid black;
padding : 10px 10px 10px 10px;
margin : 0px 0px 0px 0px;
}

.partners-content p 
{
padding : 5px 5px 5px 5px;
}

/*EVENTS*/
.events-content 
{
font-size : 10pt;
}

.events-content-left
{
display : inline;
width : 640px;
float : left;
padding : 0px 0px 10px 0px;
font-size : 10pt;
}

.events-content-right
{
display : inline;
width : 80px;
float : right;
padding : 10px 0px 10px 0px;
font-size : 10pt;
}

.events-content h2 
{
padding : 0px 0px 10px 0px;
}

.events-content p, 
.events-content ul
{
padding : 0px 0px 20px 0px;
margin : 0px 0px 0px 0px;
}

.events-text
{
display : inline;
width : 420px;
float : left;
}

.events-photo
{
display : inline;
width : 300px;
height : 400px;
float : right;
}

/*CONTACT*/
.contact-content 
{
width : 320px;
float : left;
margin : 0px 0px 0px 0px;
}

.contact-image 
{
float : left;
margin : 35px 0px 0px 40px;
}

/*FAQ*/
.faq-content 
{
margin : 0px 0px 0px 0px;
}

.faq-content h4, p 
{
font-size : 10pt;
font-weight : normal;
padding : 10px 0px 10px 0px;
margin : 0px 0px 0px 0px;
}

/*TERMS*/
.terms-content 
{
margin : 0px 0px 0px 0px;
}

.terms-content p, ul 
{
font-size : 10pt;
padding-bottom : 10px;
}

.terms-content div 
{
width : 650px;
height : 300px;
padding : 15px 10px 15px 10px;
margin : 0px 0px 0px 0px;
border : 1px solid black;
overflow-y : scroll;
}

.terms-content h2
{
margin : 0px 0px 0px 0px;
}