@charset "UTF-8";
/* CSS Document */

body {margin: 0; padding: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #464646; background: #306c8e url(images/common/bg.jpg) center 0 repeat-x;}
a {color: #d00000;}
#wrapper {width: 900px; margin: 0 auto; text-align: left; background-color: #ffffff;}
#header, #header table {margin: 0; padding: 0;}
#header td {padding: 0;}

#content {margin: 0; padding: 10px 40px;}
#leftcolumn {width: 400px; float: left;}
#leftcolumn_home {width: 450px; float: left;}
#leftcolumn300 {width: 300px; float: left;}
/*#leftcolumn p, #leftcolumn300 p {margin-top: 0;}*/
#rightcolumn {width: 400px; float: left; position: relative; left: 20px;}
#rightcolumn_home {width: 350px; float: left; position: relative; left: 20px;}
#rightcolumn500 {width: 500px; float: left; position: relative; left: 20px;}
/*#rightcolumn p, #rightcolumn500 p {margin-top: 0;}*/
#content ul {margin: 10px 10px 0 10px; padding: 0; list-style-type: none;}
#content ul li {margin: 0; padding: 2px 0 2px 20px; background: url(images/common/bullet_green.gif) 0 8px no-repeat;}
h1 {font-size: 18px; font-weight: bold; color: #0066a0;}
h2 {font-size: 16px; font-weight: bold;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.bolditalic {font-weight: bold; font-style: italic;}
.bluebold {font-size: 14px; font-weight: bold; color: #0066a0;}
.blueboldmed {font-size: 16px; font-weight: bold; color: #0066a0;}
.blueboldlarge {font-size: 18px; font-weight: bold; color: #0066a0;}
.Pfirst {margin-top: 0;}
.bluebox {background: #b6e2fc /*url(images/common/bg_bluebox.gif) 0 0 no-repeat*/; margin: 10px 0; padding: 10px;}
.bluebox p {margin: 0;}

/*FOOTER*/
#footer {width: 860px; height: 100px; padding: 6px 0 0 40px; background: url(images/footer/footer_bg.jpg) 0 0 no-repeat; font-size: 11px; color: #999999;}
#footer a {color: #999999; text-decoration: none;}
#footer div {margin-bottom: 6px;}

.title {margin-bottom: 10px; margin-left: -4px;}

/* PHOTOS */
.photoleft {float: left; margin: 0 10px 10px 0;}
.photoright {float: right; margin: 0 0 10px 10px;}

/* CLIENTS */
#clients td {font-size: 12px; padding: 10px; vertical-align: top; border: 2px solid #ffffff;}
#clients .logo {padding: 0; text-align: center; /*vertical-align: middle;*/}
#clients .testimonial {padding-left: 10px; background-color: #ebebeb;}
#clients .company {width: 200px; padding-right: 10px; text-align: right; font-weight: bold; color: #ffffff; background-color: #0066a0;}

#clients2 td {font-size: 12px;}
#clients2 .logo {padding: 0 0 20px 40px; text-align: center;}
#clients2 .company {padding: 0 0 20px 10px; font-weight: bold; color: #0066a0; vertical-align: middle;}

/*MARKETS*/

#markets {width: 100%;}
#markets td {padding: 2px 4px; border: 1px solid #d7d7d7; vertical-align: top;}
#markets .header {font-weight: bold; background-color: #d7d7d7;}
#markets .color_two {background: #ffffff;} /*USES JS FOR ALTERNATING TABLE ROW COLORS*/
#markets .color_one {background: #ebebeb;}

/*FORMATS*/

#formats {width: 100%;}
#formats td {font-size: 12px; padding: 2px 4px; border: 1px solid #d7d7d7; vertical-align: top;}
#formats .header {font-weight: bold; background-color: #d7d7d7;}
#formats .color_two {background: #ffffff;} /*USES JS FOR ALTERNATING TABLE ROW COLORS*/
#formats .color_one {background: #ebebeb;}

#popular td {width: 260px; font-size: 12px; padding: 2px 4px; border: 1px solid #d7d7d7; vertical-align: top;}
#popular .header {font-weight: bold; background-color: #d7d7d7;}
#popular .rank {width: 16px;}
#popular .total {width: 30px; text-align: right;}
#popular .blank {width: 30px; background-color: #ffffff; border: none;}
#popular .color_two {background: #ffffff;} /*USES JS FOR ALTERNATING TABLE ROW COLORS*/
#popular .color_one {background: #ebebeb;}

/* FORMS*/

.formtable td {padding: 4px;}
.formtable .formtext {text-align: right; font-weight: bold;}
.response {font-size: 16px; font-weight: bold; color: #d00000;}