﻿/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#c7ddae;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

h1, h2, h3 {
	font-size:1.25em;
	font-family:helvetica;
    margin:.8em 0 .2em 0;
    padding:0;
}

html, textarea
	{
		font-family:arial;
		font-size:0.688em;
		line-height:1.636em;
		color:#00001f;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#000;}
a:hover{text-decoration:none;}
p {padding-top:18px;}

/* ============================= main layout ====================== */

.link1 {background:url(images/link1_tile_bg.gif) top repeat-x; display:block; float:left; text-transform:uppercase; color:#fff !important; text-decoration:none; font-size:1.091em; margin-top:15px;}
.link1 strong {background:url(images/link1_right_bg.gif) top right no-repeat; display:block;}
.link1 em {background:url(images/link1_left_bg.gif) top left no-repeat; display:block; padding:6px 39px 20px 52px; font-style:normal;}
.link1:hover {background:url(images/link1_tile_bg_hover.gif) top repeat-x;}
.link1:hover strong {background:url(images/link1_right_bg_hover.gif) top right no-repeat;}
.link1:hover em {background:url(images/link1_left_bg_hover.gif) top left no-repeat;}

.link2 {background:url(images/link2_tile_bg.gif) top repeat-x; display:block; float:left; text-transform:uppercase; color:#fff; text-decoration:none; font-size:1.091em; margin-top:16px;}
.link2 strong {background:url(images/link2_right_bg.gif) top right no-repeat; display:block;}
.link2 em {background:url(images/link2_left_bg.gif) top left no-repeat; display:block; padding:6px 34px 28px 32px; font-style:normal;}
.link2:hover {background:url(images/link2_tile_bg_hover.gif) top repeat-x;}
.link2:hover strong {background:url(images/link2_right_bg_hover.gif) top right no-repeat;}
.link2:hover em {background:url(images/link2_left_bg_hover.gif) top left no-repeat;}

.link3 {background:url(images/link3_tile_bg.gif) top repeat-x; display:block; float:left; text-transform:uppercase; color:#083c37; text-decoration:none; font-size:1.091em; margin-top:16px;}
.link3 strong {background:url(images/link3_right_bg.gif) top right no-repeat; display:block;}
.link3 em {background:url(images/link3_left_bg.gif) top left no-repeat; display:block; padding:6px 34px 28px 32px; font-style:normal;}
.link3:hover {background:url(images/link3_tile_bg.gif) top repeat-x;}
.link3:hover strong {background:url(images/link3_right_bg.gif) top right no-repeat;}
.link3:hover em {background:url(images/link3_left_bg.gif) top left no-repeat;}

.link4 {background:url(images/link4_tile_bg.gif) top repeat-x; display:block; float:left; text-transform:uppercase; color:#fff !important; text-decoration:none; font-size:1.091em; margin-top:15px;}
.link4 strong {background:url(images/link4_right_bg.gif) top right no-repeat; display:block;}
.link4 em {background:url(images/link4_left_bg.gif) top left no-repeat; display:block; padding:6px 39px 20px 52px; font-style:normal;}
.link4:hover {background:url(images/link4_tile_bg_hover.gif) top repeat-x;}
.link4:hover strong {background:url(images/link4_right_bg_hover.gif) top right no-repeat;}
.link4:hover em {background:url(images/link4_left_bg_hover.gif) top left no-repeat;}

.date {background:url(images/date_bg.gif) no-repeat 0 2px; padding-left:14px; font-size:1.091em; color:#fff !important; font-style:italic;}
.link {background:url(images/link_bg.gif) no-repeat 0 4px; padding-left:18px; font-size:1.091em; color:#fff !important; font-weight:bold;}
.text2 {font-size:1.091em; color:#fff !important; font-style:italic;}

li {background:url(images/list_bg.gif) no-repeat 0 6px; padding-left:11px; font-size:0.909em;}
li a {text-decoration:none; line-height:1.9em; text-transform:uppercase;}
li a:hover {text-decoration:underline;}
.row1 li {background:url(images/list_bg2.gif) no-repeat 0 6px;}
.row1 li a {color:#e7fdce;}

.list li {background:none; padding:0; font-size:1em; line-height:1.818em; clear:both;}
.list span {background:url(images/point.gif) no-repeat top right; width:279px; float:left;}
.list li a { font-weight:bold; font-size:1.091em; line-height:1.667em; float:right; text-transform:none; margin-right:14px;}


.imgindent {margin:0 20px 0 0; float:left;}
.title {margin-bottom:14px;}

.title1 {background:url(images/title1_tile_bg.gif) top repeat-x;}
.title1 .right_bg {background:url(images/title1_right_bg.gif) top right no-repeat;}
.title1 .left_bg {background:url(images/title1_left_bg.gif) top left no-repeat; padding:15px 0 4px 19px;}

.title2 {background:url(images/title2_tile_bg.gif) top repeat-x;}
.title2 .right_bg {background:url(images/title2_right_bg.gif) top right no-repeat;}
.title2 .left_bg {background:url(images/title2_left_bg.gif) top left no-repeat; padding:15px 0 4px 19px;}

/* ============================= header ====================== */

.software {position:absolute; margin:207px 0 0 557px;}

.logo {margin:32px 0 16px 30px;}

#header .menu {padding-left:40px;height:34px;}
#header .menu ul {width:100%; overflow:hidden;}
#header .menu li {float:left; margin-right:2px; background:none; padding:0; font-size:1em;}
#header .menu li a {background:url(images/button_bg.gif) no-repeat 0 0; display:block; text-align:center; font-weight:bold; color:#1b4947; width:101px; padding:8px 0 11px 0;}
#header .menu li a:hover {color:#fff; text-decoration:none;}
#header .button1 a:hover {background:url(images/button1_active.gif) top left no-repeat;}
#header .button2 a:hover {background:url(images/button2_active.gif) top left no-repeat;}
#header .button3 a:hover {background:url(images/button3_active.gif) top left no-repeat;}
#header .button4 a:hover {background:url(images/button4_active.gif) top left no-repeat;}
#header .button1 .active {background:url(images/button1_active.gif) top left no-repeat; color:#fff;}
#header .button2 .active {background:url(images/button2_active.gif) top left no-repeat; color:#fff;}
#header .button3 .active {background:url(images/button3_active.gif) top left no-repeat; color:#fff;}
#header .button4 .active {background:url(images/button4_active.gif) top left no-repeat; color:#fff;}

#header .submenu {background:url(images/submenu_tile_bg.png) top left repeat-x; position:absolute;}
#header .submenu ul {width:780px; overflow:hidden; padding-left:40px;}
#header .submenu li {float:left; margin-right:2px; padding:0; font-size:1em;background:none;}
#header .submenu li a {display:block; text-align:center; font-weight:bold;color:#fff; width:101px; padding: 4px 0 4px 0;}
#header .submenu li a:hover {color:#F2FA10; text-decoration:none;}

.slogan {margin:43px 0 0 66px;}
.slogan img {margin-bottom:4px;}
.header_link {background:url(images/header_link_bg.gif) no-repeat 0 5px; padding-left:19px; font-size:1.091em; font-weight:bold; color:#fff;}

/* ============================= middle ====================== */

.row0 .column1 {background:url(images/headset_bg.jpg) top left}
	
.row1 .column1 {background:#0c443f url(images/row1_column1_bg.gif) top repeat-x;}
.row1 .column2 {background:#1a6356 url(images/row1_column2_bg.gif) top repeat-x;}
.row1 {color:#b3d48e;}
.row1 a {color:#b3d48e;}
.row1 .column1 .indent {padding:0px 0px 10px 0px;}
.row1 .column2 .indent {padding:15px 10px 10px 10px;}
.row1 .maxheight {height:263px;}

.row1a .column1 {background:#FFF;}

.row2 {background:#e7fdce; padding:11px 39px 9px 40px;}
.main_indent {padding:10px 32px 10px 30px;}
.line {background:#ececec url(images/line_bottom.gif) bottom left no-repeat; width:1px; float:left;}
.line_hor {border-bottom:1px solid #f0f0f0; padding-bottom:10px; margin-bottom:10px; margin-right:59px;}

.column1 .col_pad {padding-right:60px;}
.column2 .col_pad {padding-left:33px;}
.col_pad2 {padding-right:50px;}

.img1 {margin:34px 0 0 31px;}
.p {padding-top:11px;}
.phone {float:right; margin-right:10px;}

.upper {text-transform:uppercase;}
.color0 {color:#FFFFFF;}
.color1 {color:#F2FA10;}
.color2 {color:#e7fdce;}
.color3 {color:#cc3300;}
.color4 {color:#eb4719;}
.color5 {color:#0fbcbc;}
.extra {padding-left:103px !important;}
.special {position:relative; margin:-75px 0 0 10px;}
.normal {font-size:12px;line-height:20px;}
.small {font-size:10px;}
.very_strong {font-size:24px;font-style:italic;}
.kinda_strong {font-size:24px;}
.little_strong {font-size:20px;}
.title_pad {padding-left:80px !important;}
.padding1 {padding-top:14px;}
.padding2 {padding-top:10px;}
.padding3 {padding-left:33px !important;}
.margin1 {margin-top:10px;}
.no_left {padding-left:0 !important;}

.title_h1 {font-size:20px;}
.title_h2 {font-size:18px;}
.title_h3 {font-size:14px;}
.text_h1 {font-size:16px;}
.text_h2 {font-size:14px;}
.text_h3 {font-size:12px;}

.indent1 {padding:12px 5px 0 10px;}
.indent2 {padding:12px 10px 0 3px;}
.indent3 {padding:12px 5px 16px 10px;}
.indent4 {padding:12px 10px 34px 13px;}
.shift_left {padding-left:50px;}

.pricing_table 
{
	font-weight:bold;
	font-size:0.9em; 
	text-align:center; 
	vertical-align:middle; 
	height:40px;
}

#devpanel .devpanel_style {font-size: 1em; font-family: arial;}
#devpanel p {font-size:1em;}
#devpanel h1 {font-size: 1.4em;}
#devpanel h2 {font-size: 1.2em;}

#faq dt {padding-top:40px;}
#faq dd {padding-left:40px;}
#faq .title_faq
{
    color: #80C34F;
    font-weight: bold;
    font-size: 1.5em;
}
#faq .question
{
    font-weight: bold;
    font-size: 1.25em;
    color: #000;
}
#faq .answer
{
    color: #000;
    font-size: 1.1em;
}

#news .newsTitle
{
    cursor: hand;
    cursor: pointer;
    padding: 2px 5px;
    text-align: left;
    font-family: verdana;
    font-size: 1.25em;
    color: #7075BC;
}
#news .date
{
    font-family: verdana;
    font-size: 1em;
    color: #444444;
}
#news .newsContent
{
    /*class added to contents when open*/
    padding-bottom: 0px;
    padding-top: 2px;
    margin-left: 10px;
    width: 680px;
    font-family: verdana;
    font-size: 1em;
    font-weight: normal;
}
#news .open
{
    /*class added to contents of 2nd demo when they are open*/
    color: #80C34F;
}
#news .closed
{
    /*class added to contents of 2nd demo when they are closed*/
}

#bios h2 {color: #80C34F;font-family: verdana;font-size: 1.25em;}
#bios p  {padding-top:5px;color: #000000;font-family: verdana;font-size: 1em;}

#board_bios h1 {color: #80C34F;font-family: verdana;font-size: 1.25em;}
#board_bios p {padding-top:5px;color: #000000;font-family: verdana;font-size: 1em;}

#features h2 {color: #80C34F;font-family: verdana;font-size: 1.25em;}
#features p  {padding-top:5px;color: #000000;font-family: verdana;font-size: 1em;}

#login {padding-left:35px;}

.contest {font-size:1.2em;}
.contest h1 {font-size:1.6em;}

.box {background:#fff url(images/box_tile_bg.gif) bottom repeat-x;}
.box .tile_right {background:url(images/box_tile_bg.gif) right repeat-y;}
.box .corner_bottom_right {background:url(images/box_corner_bottom_right.gif) bottom right no-repeat;}
.box .corner_bottom_left {background:url(images/box_corner_bottom_left.gif) bottom left no-repeat;}
.box .corner_top_right {background:url(images/box_corner_top_right.gif) top right no-repeat;}
.box .corner_top_left {background:url(images/box_corner_top_left.gif) top left no-repeat; width:100%;}

#index_5 #middle {background:#e7fdce url(images/middle_bg.gif) top repeat-x;}

/* ============================= footer ====================== */

#footer .menu {padding:13px 0 1px 0;}
#footer .menu li {display:inline; border-right:1px solid #e7fdce; padding:0 9px 0 7px; background:none;}
#footer .menu li a {color:#e7fdce; font-size:1.2em; line-height:1em;}
#footer .menu .last {border:none;}

#footer {color:#9a9a9a; font-size:0.909em; text-align:center; line-height:1.3em; padding-right:78px;}
#footer a {color:#9a9a9a;}

