/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */
body {
margin: 0;
padding: 0;
background: #103d70 url(/images/bg.jpg) repeat-x;
}

a#active{
color: #fff;
}


.menu5 {
text-align: center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
height:29px; 
margin:0; 
padding:0; 
list-style-type:none; 
border: solid 0px #FF0000; 
background:#005ab4;
}
.menu5 ul {
list-style: none;
width: 880px;
height: 29px;
background: #005ab4;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
border: 0px solid #FFFFFF; /* for Firefox */
}
.menu5 li {
float:left; position:relative; 
}
.menu5 li a, .menu5 li a:visited {
display:block; text-decoration:none; width:110px; float:left; height:29px; line-height:29px; color: #aeccea; 
}
* html .menu5 li a, .menu5 li a:visited {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5 li a.drop, .menu5 li a.drop:visited {
font-weight:bold;
}
.menu5 li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden; 
}
.menu5 table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5 li:hover a,
.menu5 li a:hover {
text-decoration:none ; border:0; color:#FFFFFF;
}
.menu5 li:hover ul,
.menu5 li a:hover ul {
visibility:visible; height:auto; width:110px; background:#005ab4; border:0px solid #ddd; left:0; top:29px; overflow:visible;
}
.menu5 li:hover ul li a,
.menu5 li a:hover ul li a {
display:block; font-weight: bold; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:5px 0 5px 0; width:110px; color: #aeccea; 
}
* html .menu5 li a:hover ul li a {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5 li:hover ul li a.drop,
.menu5 li a:hover ul li a.drop {
font-weight:bold; color:#fff;
}
.menu5 li:hover ul li ul,
.menu5 li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:110px; height:0; overflow:hidden;
}
.menu5 li:hover ul li a:hover,
.menu5 li a:hover ul li a:hover {
text-decoration: none; color: #fff;
}
.menu5 li:hover ul li:hover ul,
.menu5 li a:hover ul li a:hover ul {
visibility:visible; color:#ff0000; border:0px solid #ddd; height:auto; background:#005ab4; width:110px;
} 
.menu5 li:hover ul li:hover ul.left,
.menu5 li a:hover ul li a:hover ul.left {
left:-112px;
}
.menu5 li:hover ul li:hover ul li a,
.menu5 li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5 li:hover ul li:hover ul li:hover a,
.menu5 li a:hover ul li a:hover ul li a:hover {
text-decoration: none; color:#fff;
}

/* menu GREEN */
.menu5_green {
text-align: center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
height:29px; 
margin:0; 
padding:0; 
list-style-type:none; 
border: solid 0px #FF0000; 
background: #A4C160;
}
.menu5_green ul {
list-style: none;
width: 880px;
height: 29px;
background: #A4C160;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
border: 0px solid #FFFFFF; /* for Firefox */
}
.menu5_green li {
float:left; position:relative; 
}
.menu5_green li a, .menu5_green li a:visited {
display:block; text-decoration:none; width:110px; float:left; height:29px; line-height:29px; color: #E4ECCF;
}
* html .menu5_green li a, .menu5_green li a:visited {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5_green li a.drop, .menu5_green li a.drop:visited {
font-weight:bold;
}
.menu5_green li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden; 
}
.menu5_green table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5_green li:hover a,
.menu5_green li a:hover {
text-decoration:none ; border:0; color:#FFFFFF;
}
.menu5_green li:hover ul,
.menu5_green li a:hover ul {
visibility:visible; height:auto; width:110px; background:#005ab4; border:0px solid #ddd; left:0; top:29px; overflow:visible;
}
.menu5_green li:hover ul li a,
.menu5_green li a:hover ul li a {
display:block; font-weight: bold; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:5px 0 5px 0; width:110px; color: #E4ECCF;
}
* html .menu5_green li a:hover ul li a {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5_green li:hover ul li a.drop,
.menu5_green li a:hover ul li a.drop {
font-weight:bold; color:#fff;
}
.menu5_green li:hover ul li ul,
.menu5_green li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:110px; height:0; overflow:hidden;
}
.menu5_green li:hover ul li a:hover,
.menu5_green li a:hover ul li a:hover {
text-decoration: none; color: #fff;
}
.menu5_green li:hover ul li:hover ul,
.menu5_green li a:hover ul li a:hover ul {
visibility:visible; color:#ff0000; border:0px solid #ddd; height:auto; background:#005ab4; width:110px;
} 
.menu5_green li:hover ul li:hover ul.left,
.menu5_green li a:hover ul li a:hover ul.left {
left:-112px;
}
.menu5_green li:hover ul li:hover ul li a,
.menu5_green li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5_green li:hover ul li:hover ul li:hover a,
.menu5_green li a:hover ul li a:hover ul li a:hover {
text-decoration: none; color:#fff;
}
/* end menu GREEN */
/* menu PINK */
.menu5_pink {
text-align: center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
height:29px; 
margin:0; 
padding:0; 
list-style-type:none; 
border: solid 0px #FF0000; 
background: #C560A1;
}
.menu5_pink ul {
list-style: none;
width: 880px;
height: 29px;
background: #C560A1;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
border: 0px solid #FFFFFF; /* for Firefox */
}
.menu5_pink li {
float:left; position:relative; 
}
.menu5_pink li a, .menu5_pink li a:visited {
display:block; text-decoration:none; width:110px; float:left; height:29px; line-height:29px; color: #EECFE3;
}
* html .menu5_pink li a, .menu5_pink li a:visited {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5_pink li a.drop, .menu5_pink li a.drop:visited {
font-weight:bold;
}
.menu5_pink li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden; 
}
.menu5_pink table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5_pink li:hover a,
.menu5_pink li a:hover {
text-decoration:none ; border:0; color:#FFFFFF;
}
.menu5_pink li:hover ul,
.menu5_pink li a:hover ul {
visibility:visible; height:auto; width:110px; background:#C560A1; border:0px solid #ddd; left:0; top:29px; overflow:visible;
}
.menu5_pink li:hover ul li a,
.menu5_pink li a:hover ul li a {
display:block; font-weight: bold; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:5px 0 5px 0; width:110px; color: #EECFE3;
}
* html .menu5_pink li a:hover ul li a {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5_pink li:hover ul li a.drop,
.menu5_pink li a:hover ul li a.drop {
font-weight:bold; color:#fff;
}
.menu5_pink li:hover ul li ul,
.menu5_pink li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:110px; height:0; overflow:hidden;
}
.menu5_pink li:hover ul li a:hover,
.menu5_pink li a:hover ul li a:hover {
text-decoration: none; color: #fff;
}
.menu5_pink li:hover ul li:hover ul,
.menu5_pink li a:hover ul li a:hover ul {
visibility:visible; color:#ff0000; border:0px solid #ddd; height:auto; background:#005ab4; width:110px;
} 
.menu5_pink li:hover ul li:hover ul.left,
.menu5_pink li a:hover ul li a:hover ul.left {
left:-112px;
}
.menu5_pink li:hover ul li:hover ul li a,
.menu5_pink li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5_pink li:hover ul li:hover ul li:hover a,
.menu5_pink li a:hover ul li a:hover ul li a:hover {
text-decoration: none; color:#fff;
}
/* end menu PINK */
/* menu ORANGE */
.menu5_orange {
text-align: center; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
height:29px; 
margin:0; 
padding:0; 
list-style-type:none; 
border: solid 0px #FF0000; 
background: #F29C5B;
}
.menu5_orange ul {
list-style: none;
width: 880px;
height: 29px;
background: #F29C5B;
padding: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
border: 0px solid #FFFFFF; /* for Firefox */
}
.menu5_orange li {
float:left; position:relative; 
}
.menu5_orange li a, .menu5_orange li a:visited {
display:block; text-decoration:none; width:110px; float:left; height:29px; line-height:29px; color: #FBE1CE;
}
* html .menu5_orange li a, .menu5_orange li a:visited {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5_orange li a.drop, .menu5_orange li a.drop:visited {
font-weight:bold;
}
.menu5_orange li ul {
visibility:hidden; position:absolute; top:2.5em; left:0; height:0; overflow:hidden; 
}
.menu5_orange table {
margin:-1px; border-collapse:collapse; font-size:1em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu5_orange li:hover a,
.menu5_orange li a:hover {
text-decoration:none ; border:0; color:#FFFFFF;
}
.menu5_orange li:hover ul,
.menu5_orange li a:hover ul {
visibility:visible; height:auto; width:110px; background:#F29C5B; border:0px solid #ddd; left:0; top:29px; overflow:visible;
}
.menu5_orange li:hover ul li a,
.menu5_orange li a:hover ul li a {
display:block; font-weight: bold; background:transparent; text-decoration:none; height:auto; line-height:1.5em; padding:5px 0 5px 0; width:110px; color: #FBE1CE;
}
* html .menu5_orange li a:hover ul li a {
width:110px; w\idth:110px; /* hack for IE5.5 */
}
.menu5_orange li:hover ul li a.drop,
.menu5_orange li a:hover ul li a.drop {
font-weight:bold; color:#fff;
}
.menu5_orange li:hover ul li ul,
.menu5_orange li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:110px; height:0; overflow:hidden;
}
.menu5_orange li:hover ul li a:hover,
.menu5_orange li a:hover ul li a:hover {
text-decoration: none; color: #fff;
}
.menu5_orange li:hover ul li:hover ul,
.menu5_orange li a:hover ul li a:hover ul {
visibility:visible; color:#ff0000; border:0px solid #ddd; height:auto; background:#005ab4; width:110px;
} 
.menu5_orange li:hover ul li:hover ul.left,
.menu5_orange li a:hover ul li a:hover ul.left {
left:-112px;
}
.menu5_orange li:hover ul li:hover ul li a,
.menu5_orange li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu5_orange li:hover ul li:hover ul li:hover a,
.menu5_orange li a:hover ul li a:hover ul li a:hover {
text-decoration: none; color:#fff;
}
/* end menu ORANGE */
#wrapper {

}
#container {
width: 1024px;
height: 368px;
margin-left: auto;
margin-right: auto;
}
#header {
text-align: center;
padding: 0;
margin: 0;
height: 368px;
}
#mainbody {
width: 880px;
margin-left: auto;
margin-right: auto;
}
#buttons {
width: 225px;
float: right;
padding: 0;
margin: 0 0 20px 0;
}

/* commom style for all browsers 0 0 20px 0 */

#buttons a img {
height: 81px;
float: right;
padding: 0;
margin: 0;
border: 0;
}
#content_blue {
width: 585px;
float: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
padding: 5px 50px 30px 20px;
}
#content_blue p{
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
#content_blue a {
color:#80C8E9;
text-decoration: underline;
}
#content_blue a:hover{
text-decoration: none;
}
#content_blue h1 {
margin-top: 0;
margin-bottom: 10px;
font-size:15px;
color: #80C8E9;
font-weight:bold;
line-height: normal;
}
#content_blue img {
border: 1px solid #fff;
}
#content_blue a img {
padding: 0;
margin: 0;
border: 0;
}
#content_pink {
width: 585px;
float: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
padding: 5px 50px 30px 20px;
}
#content_pink p{
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
#content_pink a {
color:#D180B4;
text-decoration: underline;
}
#content_pink a:hover{
text-decoration: none;
}
#content_pink h1 {
margin-top: 0;
margin-bottom: 10px;
font-size:15px;
color:#D180B4;
font-weight:bold;
line-height: normal;
}
#content_pink img {
border: 1px solid #fff;
}
#content_pink a img {
padding: 0;
margin: 0;
border: 0;
}
#content_green {
width: 585px;
float: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
padding: 5px 50px 30px 20px;
}
#content_green p{
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
#content_green a {
color:#A4C160;
text-decoration: underline;
}
#content_green a:hover{
text-decoration: none;
}
#content_green h1 {
margin-top: 0;
margin-bottom: 10px;
font-size:15px;
color: #A4C160;
font-weight:bold;
line-height: normal;
}
#content_green img {
border: 1px solid #fff;
}
#content_green a img {
padding: 0;
margin: 0;
border: 0;
}
#content_orange {
width: 585px;
float: right;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
padding: 5px 50px 30px 20px;
}
#content_orange p{
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
#content_orange a {
color: #F29C5B;
text-decoration: underline;
}
#content_orange a:hover{
text-decoration: none;
}
#content_orange h1 {
margin-top: 0;
margin-bottom: 10px;
font-size:15px;
color: #F29C5B;
font-weight:bold;
line-height: normal;
}
#content_orange img {
border: 1px solid #fff;
}
#content_orange a img {
padding: 0;
margin: 0;
border: 0;
}
#footer {
width: 880px;
height: 25px;
float: left;
padding: 0;
margin: 0;
border-bottom: 1px solid #fff;
border-top: 1px solid #fff;
}
#submenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
text-align: center;
padding: 5px;
}
#submenu a {
padding-left: 8px;
padding-right: 8px;
color:#aeccea;
text-decoration: underline;
}
#submenu a:hover {
color:#FFFFFF;
text-decoration: none;
}
#disclaimer {
width: 880px;
float: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
text-align: center;
margin-top: 20px;
}
.boldsentence {
font-size:15px;
color: #fff;
font-weight:bold;
}
.right img {
float: right;
width: 140px;
height: 140px;
margin: 0 0 0 20px;
padding: 0;
border: solid 1px #005ab4;
}

#cardpaymentform legend {
display: block;
margin: 10px 0 10px 0;
}
#cardpaymentform label {
float: left;
clear: right;
width: 14em;
margin: 0.5em 0 0.5em 0;
padding: 0;
line-height: 1.5em;
}
#cardpaymentform #name, #cardpaymentform #email {
width: 28em;
}
#cardpaymentform #agreement, #cardpaymentform #amount {
width: 14em;
}
#cardpaymentform a img {
padding: 0;
margin: 0;
border: 0;
}
.problem {
clear:left;
display: block;
margin: 0;
padding: 10px 0 0 0;
}
.problem h1 {
margin-top: 0;
margin-bottom: 10px;
padding: 0;
margin: 0;
}
.problem ul {
margin-top: 10px;
margin-bottom: 10px;
}
.casestudies {
padding: 0;
margin: 0;
}
.casestudies img {
float: left;
margin: 0 0 0 20px;
padding: 0;
}
.casestudies ul {
float: left;
width: 350px;
padding: 0 0 0 30px;
margin: 0;
}
.casestudies ul li {
margin: 0 0 0 15px;
padding: 0;
}
.casestudies ul h3 {
margin: 0 0 0.25em 0;
color: #FFBE00;
font-size:14px;
font-weight: bold;
}

/* vswift content formatting */

#content_vswift {
width: 775px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
color:#FFFFFF;
padding: 5px 0 30px 0;
margin-left: auto;
margin-right: auto;
}
#content_vswift p{
padding: 0 0 5px 0;
margin: 0 0 5px 0;
}
#content_vswift a {
color:#80C8E9;
text-decoration: underline;
}
#content_vswift a:hover{
text-decoration: none;
}
#content_vswift h1 {
font-size:15px;
color: #80C8E9;
font-weight:bold;
line-height: normal;
padding: 0;
margin: 0 0 10px 0;
margin-top: 0;
margin-bottom: 10px;
}
#vswift_menu {
margin-top: 5px;
border-top: 1px solid #fff;
}
#vswift_menu ul {
list-style: none;
background: #005ab4;
padding: 0;
float: right;
margin-top: 0;
margin-bottom: 0;
border: 0px solid #FFFFFF; /* for Firefox */
}
#vswift_menu li {
float:left; 
position:relative;
margin-left: 1px;
}
#vswift_menu a img {
padding: 0;
margin: 0;
border: 0;
}
ol {
margin: 0 0 10px 30px;
padding-left: 10px;
}

#contactpic_container {
width: 585px;
float: left;
margin-bottom: 10px;
margin-top: 10px;
}
.contactpic {
text-align:center;
width: 150px;
margin-right: 20px;
float: left;
}
.contactpic img{
margin-bottom: 5px;
}


/*  CASE STUDIES FORMATTING */

.case_problem {
padding: 20px;
border: 2px solid #fff;
background: url(/images/casebg.jpg) repeat;
}

.case_problem img {
float: left;
margin-bottom: 10px;
}

.clear {
clear: both;
text-align: right;
}

.case_bullets {
float: right;
width: 350px;
margin: 0;
}

#content_blue .case_bullets img {
float: right;
border: 0;
margin: 0;
}

.case_bullets h3 {
margin: 0 0 0.25em 0;
color: #FFBE00;
font-size:17px;
font-weight: bold;
}

#content_blue .case_bullets h1 {
margin: 0 0 0.25em 0;
color: #80C8E9;
font-size:18px;
font-weight: normal;
}

div.casefloat {
float: left;
width: 150px;
padding: 10px;
}

div.casefloat p {
text-align: center;
clear: left;
}

.warning {  
  	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
}