@charset "UTF-8";


/* Start Basics - CSS */
* { margin:0; padding:0; }

body {
	background-color: #FFF;
}

a:active, a:focus {
	outline: none;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

img a {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

.clear {
	height: 0px;
	clear: both;
}

.photo_edge {
	margin: 5px;
	padding: 3px;
	border: 4px solid #CCCCCC;
}

.photo_edge:hover {
	margin: 5px;
	padding: 3px;
	border: 4px solid #5A1414;
}

a {
	color: #581111;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #581111;
	text-decoration: underline;
	font-weight: bold;
}

.right {
	float: right;
	margin: 5px;
	border: 4px solid #999999;
	padding: 3px;
}

.left {
	float: left;
	margin: 5px;
	border: 4px solid #999999;
	padding: 3px;
}

/* End Basics - CSS */


/* start of wrappers CSS */

#wrapper {
	width: 100%;
	text-align: center;
}

#top_wrapper_home {
	width: 100%;
	text-align: center;
	height: 539px;
	background-image: url(../images/top_wrapper_bg.jpg); 
	background-repeat: repeat-x;
}

#top_wrapper_inside {
	width: 100%;
	text-align: center;
	height: 176px;
	margin-bottom: 20px;
	background-image: url(../images/inside_header_wrapper_bg.jpg); 
	background-repeat: repeat-x;
}

#home_header {
	width: 1080px;
	height: 539px;
	margin: 0px auto;
	clear: both;
	background-image: url(../images/home_header_bg.jpg);
	background-repeat: no-repeat;
}

#content_wrapper {
	width: 100%;
	text-align: center;
}

#content_inner {
	width: 900px;
	margin: 0px auto;
}

#footer_wrapper {
	width: 100%;
	text-align: center;
	height: 100px;
	background-color: #d0cfd0;
	clear: both;
	margin-top: 10px;
}

#footer_inner {
	width: 900px;
	margin: 0px auto;
	text-align: left;
}

/* end of wrappers CSS */



/* start of home CSS */

#home_header #home_header_row01 {
	width: 1080px;
	height: 106px;
	float: left;
	margin-top: 46px;
	background-image: url(../images/home_header_row01_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#home_nav {
	width: 520px;
	height: 35px;
	float: left;
	margin-top: 35px;
	margin-left: 470px;
}

#home_nav ul {
	display: block;
	float: left;
	width: 522px;
	height: 35px;
	list-style: none;
}

#home_nav ul li {
    display: block;
    float: left;
	height: 35px;
    text-indent: -10000px;
}

#home_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

#home_nav_home {
    width: 79px;
}

#home_nav_features {
    width: 115px;
}

#home_nav_pricing {
    width: 90px;
}

#home_nav_examples {
    width: 109px;
}

#home_nav_contactus {
    width: 128px;
}

#home_nav_features a:hover {
	background: url(../images/home_nav_02.jpg) no-repeat left top;
}

#home_nav_pricing a:hover {
    background: url(../images/home_nav_03.jpg) no-repeat left top;
}

#home_nav_examples a:hover {
    background: url(../images/home_nav_04.jpg) no-repeat left top;
}

#home_nav_contactus a:hover {
	background: url(../images/home_nav_05.jpg) no-repeat left top;
}

#home_header #home_header_row02 {
	width: 1080px;
	height: 374px;
	float: left;
}

#home_header #home_header_row02 #home_header_row02_left {
	width: 350px;
	float: left;
	text-align: left;
	margin-left: 90px;
	margin-top: 40px;
}

.home_header_intro_copy {
	width: 350px;
	float: left;
	text-align: left;
}

.home_header_buttonbox {
	width: 350px;
	float: left;
	margin-top: 16px;
	text-align: left;
}

#home_header h1 {
	font-size: 24px;
	line-height: 110%;
	color: #7BCADF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-bottom: 10px;
}

#home_header p {
	font-size: 13px;
	line-height: 125%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.home_introbutton a {
	width: 125px;
	height: 37px;
	display: block;
	text-indent: -5000px;
	background-image: url(../images/home_introbutton.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.home_introbutton a:hover {
	width: 125px;
	height: 37px;
	display: block;
	text-indent: -5000px;
	background-image: url(../images/home_introbutton_f2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#home_header #home_header_row02 #home_header_row02_right {
	width: 580px;
	height: 373px;
	float: left;
	text-align: left;
	margin-left: 10px;
	background-image: url(../images/slideshow_bg.jpg);
	background-repeat: no-repeat;
}

.home_slideshow_box {
	width: 501px;
	height: 271px;
	float: left;
	margin-top: 34px;
	margin-left: 36px;
}

.home_moreexamples_link a {
	width: 126px;
	height: 26px;
	float: left;
	margin-left: 411px;
	display: block;
	text-indent: -5000px;
}

#content_inner #content_inner_col01 {
	width: 290px;
	height: 479px;
	float: left;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-right: 16px;
	border-right-color: #9C0;
	border-right-style: dotted;
	border-right-width: 2px;
}

#content_inner #content_inner_col02 {
	width: 278px;
	margin-left: 22px;
	margin-top: 20px;
	margin-bottom: 20px;
	float: left;
	text-align: left;
}

.content_col02box {
	width: 278px;
	float: left;
	text-align: left;
	margin-bottom: 30px;
}
	
#content_inner #content_inner_col03 {
	width: 244px;
	height: 479px;
	float: left;
	margin-left: 48px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.sidebar {
	width: 244px;
	height: 479px;
	float: left;
	background-image: url(../images/sidebar_bg.jpg);
}

.sidebar_box_top a {
	width: 51px;
	height: 27px;
	margin-top: 63px;
	margin-left: 166px;
	margin-bottom: 22px;
	float: left;
	text-indent: -5000px;
	display: block;
}

.sidebar_box_social a {
	width: 191px;		
	height: 39px;
	margin-left: 26px;
	margin-bottom: 3px;
	float: left;
	text-indent: -5000px;
	display: block;
}

.sidebar_bigbtn_box {
	width: 191px;
	height: 188px;
	margin-top: 20px;
	margin-left: 26px;
	float: left;
}

.sidebar_bd_button a {
	width: 191px;
	height: 188px;
	float: left;
	text-indent: -5000px;
}

.sidebar_bd_button a:hover {
	width: 191px;
	height: 188px;
	float: left;
	text-indent: -5000px;
	background-image: url(../images/bd_site_button.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#content_wrapper h3 {
	font-size: 20px;
	font-style: normal;
	line-height: 110%;
	font-family: Arial, Helvetica, sans-serif;
	color: #061F2C;
	padding-bottom: 10px;
}

#content_wrapper p {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:18px;
	padding-bottom:10px;
}

#content_wrapper a {
	color: #690;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#content_wrapper a:hover {
	color: #690;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	padding-bottom: 20px;
}

#blog_list ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 130%;
	font-weight: bold;
	color: #333;
	display: block;
    float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding-left: 6px;
}

#blog_list ul li a {
	color: #333;
	border-bottom: 1px solid #9C0;
	display: block;
	padding-bottom: 6px;
	padding-top: 6px;
}

#blog_list li a:hover {
	color: #690;
	text-decoration: underline;
	padding-bottom: 6px;
	padding-top: 6px;
}

#twitter_update_list {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-style:normal;
font-weight:normal;
line-height:16px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#twitter_update_list li {
border-bottom:1px solid #CCCCCC;
margin-left:3px;
margin-right:3px;
padding:3px 5px;
}

#twitter_update_list a {
color:#023244;
font-weight:bold;
text-decoration:none;
}

#twitter_update_list a:hover {
color:#6C8B5C;
font-weight:bold;
text-decoration:none;
}

/* Start Inside - CSS */

#inside_header_features {
	width: 1080px;
	height: 176px;
	margin: 0px auto;
	background-image: url(../images/features_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#inside_header_pricing {
	width: 1080px;
	height: 176px;
	margin: 0px auto;
	background-image: url(../images/pricing_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#inside_header_examples {
	width: 1080px;
	height: 176px;
	margin: 0px auto;
	background-image: url(../images/examples_header_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#inside_header_contact {
	width: 1080px;
	height: 176px;
	margin: 0px auto;
	background-image: url(../images/contactus_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#inside_nav {
	width: 520px;
	height: 35px;
	float: left;
	margin-top: 81px;
	margin-left: 470px;
}

#inside_nav ul {
	display: block;
	float: left;
	width: 522px;
	height: 35px;
	list-style: none;
}

#inside_nav ul li {
    display: block;
    float: left;
	height: 35px;
    text-indent: -10000px;
}

#inside_nav ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

#inside_nav_home {
    width: 79px;
}

#inside_nav_features {
    width: 115px;
}

#inside_nav_pricing {
    width: 90px;
}

#inside_nav_examples {
    width: 109px;
}

#inside_nav_contactus {
    width: 128px;
}

#inside_nav_home a:hover {
	background: url(../images/home_nav_01.jpg);
}

#inside_nav_features a:hover {
	background: url(../images/home_nav_02.jpg) no-repeat left top;
}

#inside_nav_pricing a:hover {
    background: url(../images/home_nav_03.jpg) no-repeat left top;
}

#inside_nav_examples a:hover {
    background: url(../images/home_nav_04.jpg) no-repeat left top;
}

#inside_nav_contactus a:hover {
	background: url(../images/home_nav_05.jpg) no-repeat left top;
}

#inside_nav_features_down {
    width: 115px;
}

#inside_nav_pricing_down {
    width: 90px;
}

#inside_nav_examples_down {
    width: 109px;
}

#inside_nav_contactus_down {
    width: 128px;
}

#inside_content_col01 {
	width: 584px;
	float: left;
	text-align: left;
	margin-right: 29px;
	margin-bottom: 20px;
	padding-right: 40px;
	border-right-color: #9C0;
	border-right-style: dotted;
	border-right-width: 2px;
}

#inside_content_col01 ul {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	font-weight: bold;
	padding-left: 14px;
	color: #061F2C;
}

#inside_content_col02 {
	width: 244px;
	height: 479px;
	float: left;
	margin-bottom: 20px;
}

#inside_content_header_features {
	width: 538px;
	height: 42px;
	text-indent: -5000px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../images/features_content_header.jpg);
	background-repeat: none;
}

#inside_content_header_pricing {
	width: 538px;
	height: 42px;
	text-indent: -5000px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../images/pricing_content_header.jpg);
	background-repeat: none;
}

#inside_content_header_examples {
	width: 538px;
	height: 42px;
	text-indent: -5000px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../images/examples_content_header.jpg);
	background-repeat: none;
}

#inside_content_header_contactus {
	width: 538px;
	height: 42px;
	text-indent: -5000px;
	margin-bottom: 20px;
	clear: both;
	background-image: url(../images/contactus_content_header.jpg);
	background-repeat: none;
}

.examples_col01 {
	width: 252px;
	float: left;
}

.examples_col02 {
	width: 252px;
	float: left;
	margin-left: 35px;
}

.example_box {
	width: 252px;
	height: 319px;
	float: left;
	margin-bottom: 35px;
	background-image: url(../images/example_box_bg.jpg);
	background-repeat: no-repeat;
}

.example_box_img_box {
	width: 218px;
	height: 168px;
	float: left;
	margin-left: 17px;
	margin-top: 16px;
	border: #999;
	border-style: solid;
	border-width: 1px;
}

.example_box_text_box {
	width: 220px;
	height: 82px;
	float: left;
	margin-left: 17px;
	margin-top: 16px;
	text-align: left;
}

.example_box_link_box a {
	width: 220px;
	height: 20px;
	float: left;
	margin-left: 17px;
	margin-top: 4px;
	display: block;
	background-image: url(../images/examples_link.jpg);
	background-repeat: no-repeat;
	text-indent: -5000px;
}

.example_box_text_box h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 130%;
	color: #061F2C;
	font-weight: bold;
	}

#inside_content_col01 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 130%;
	color: #666;
	padding-bottom: 20px;
	border-bottom-style: solid;
	border-bottom-color: #9C0;
	border-bottom-width: 1px;
}

/* Start Footer - CSS */

#footer_wrapper h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	margin-bottom: 6px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #003A27;
}

#footer_wrapper p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	font-weight: normal;
	color: #333;
	text-decoration: none;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 6px;
	padding-left: 3px;
}

#footer_wrapper a {
	font-weight: normal;
	color: #333;
	text-decoration: none;
}

#footer_wrapper a:hover {
	font-weight: normal;
	color: #333;
	text-decoration: underline;	
}

#footer_row1 {
	height: 30px;
	margin-top: 10px;
	padding-top: 8px;
}

#footer_row2 {
	height: 50px;
	margin-top: 8px;
}

.foooter_datebox {
	height: 43px;
	float: left;
	padding-top: 7px;
}

.footer_logo_box a{
	height: 50px;
	width: 139px;
	float: left;
	background-repeat: no-repeat;
	margin-left: 3px;
	background-image: url(../images/bdlogo_footer.jpg);
	text-indent: -5000px;
}

/* Form styling */
.form { }

.form p {
 padding-bottom:5px !important;
}

.form label {
 display:block;
 float:left;
 margin-right:15px;
 padding-top:2px;
 text-align:right;
 width:150px;
}

.form input, .form textarea {
 width:200px;
}

.form .submit input {
 margin-left:165px;
 width:auto;
}

.form .checkbox {
 width: 15px;
}

.form .captcha img {
 margin-left:165px;
}

.form .directions {
 text-align: left;
 font-weight: bold;
 margin-bottom: 10px;
}

.success {
 color:#000000;
 font-weight:bold;
 padding-top:30px;
 text-align:center;
}

.error {
 color:#ff0000;
 font-weight:bold;
 text-align:center;
}

/* Form styling */