* { margin:0; padding:0;}
body { background:#111f2c; font-size:100%; line-height:1em; font-family:arial; color:#003366}


/*in_line*/
select, textarea { vertical-align:middle; font-weight:normal; font-family:tahoma; color:#5e6e7d; font-weight:normal; border:solid 1px #bfbfbf; font-size:1em; padding-left:5px}
img {border:0; }
/* ul { margin:0 0 30px 0; list-style-image: url(../images/marker_list2.gif); line-height:1.27em;} */

/*==================list====================*/
ul {margin:0px 0px 0px 50px; list-style-image: url(../images/marker_list2.gif)}
ul.arrow {margin:0px 0px 0px 50px; list-style-image: url(../../images/arcs_small_bullet.jpg)}
ul li { line-height:1.81em}
ul li a{text-decoration:underline; color:#298edc; background:url(../images/marker_list2.gif) no-repeat 0 5px; padding-left:13px; font-weight:bold}
ul li a:hover{ text-decoration:none}

ul.news {margin:0 0 10px 0; padding:0px; list-style:none}
ul.news li { line-height:1.27em; background:url(../images/marker_list2.gif) no-repeat 0 2px; padding:0 0 16px 24px; color:#fff}
ul.news li a{text-decoration:underline; color:#93ca3e; font-weight:bold; padding-left:0; background:none}
ul.news li a:hover{ text-decoration:none}


/*==================STYLES FOR THR CRE8 FORM====================*/

.topfield {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	}
.formatcell1{
	text-align:center;
	vertical-align:middle;
}
.midfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;		
}
.botfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;		
}
.error
{
	color:#FF0000; 
	font-weight:bold; 
	background:#FFFF00;
	font-size: 11px;
}
.spacer {
	margin: 0px;
	padding: 0px;
	float: right;
}
.largebutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	text-align:center
}
.medbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align:center
}
.kwdcaps {
	text-transform:capitalize;	
}



/*==================STYLES FOR THR CRE8 FORM====================*/


/*==========================================*/

a {text-decoration:none; color:#326492; font-weight:bold}
a:hover {text-decoration:underline; color:#000}
a.link {text-decoration:none; color:#2c62bf; background:url(../images/marker_link.gif) no-repeat 0 5px; padding-left:19px; float:right; font-weight:bold; margin-left:29px}
a.link:hover {text-decoration:underline; color:#000}
a.link_2 {text-decoration:none; color:#93ca3e; font-weight:bold}
a.link_2:hover {text-decoration:underline; color:#000}
a.features {text-decoration:none; }
a.features:hover {text-decoration:underline; color:#000}
a.vids {text-decoration:none; font-weight:600}
a.vids:hover {text-decoration:underline; color:#000}

/* when I want to hide a link */
a.covert {text-decoration:none; font-weight:normal; color:#5e6e7d}
a.covert:hover {text-decoration:none; font-weight:normal; color:#5e6e7d}
#testimonial a {text-decoration:none; font-weight:normal; color:#5e6e7d}
#testimonial a:hover {text-decoration:none; font-weight:normal; color:#5e6e7d}

/*format for the no of sales today */
/*==========================================*/
.outer {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding: 15px;
	background-color:#FFF;
	text-align:center;
	border: thin solid #666;
}
.salestxt {
	font-family: Arial, Helvetica, sans-serif;
	color:#D74700; font-size:1.2em;
	font-weight: bold;
}
.salesno {
	font-family: Arial, Helvetica, sans-serif;
	color:#326492;
	font-size:1.3em;
	font-weight: bold;
	background-color: #e4f0fe;
	padding: 10px;
}
.updated
{
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.8em;
	font-weight: bold;
	font-variant:small-caps;
}

/*format for the domain checker on homepage */
/*==========================================*/

.outerdom {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	padding: 15px;

}
.domtxt {
	font-family: Arial, Helvetica, sans-serif;
	color:#D74700; font-size:1.2em;
	font-weight: bold;
}
.salesno {
	font-family: Arial, Helvetica, sans-serif;
	color:#326492;
	font-size:1.3em;
	font-weight: bold;
	background-color: #e4f0fe;
	padding: 10px;
}
.updated
{
	font-family: Arial, Helvetica, sans-serif;
	color:#999999;
	font-size:0.8em;
	font-weight: bold;
	font-variant:small-caps;	
}


.colpanleft
{ float:left;
text-overflow: ellipsis;}


.imagepad
{
	padding: 10px 10px 0px ;
	margin-left: 35px;
	margin-right: 10px;	
}
.direclink
{
	padding: 2px;
	border-bottom: 1px dashed #ddd;
	}



.aright {text-align:right}
.column { float:left;}
.smalle {font-size: 0.85em;}
.clear { clear:both;} /* this is used to allow floating elements on both side */

h1 {
	color:#D74700;
	font-size:1.5em;
	padding: 1em 0em;
	background-image: url(../images/underline.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 1.3em;
	text-transform:capitalize;
}  
h2 {color:#D74700; font-size:1.35em; padding: 1em 0em; text-transform:capitalize}
h3 {color:#D74700; font-size:1.2em;  padding: 1em 0em; text-transform:capitalize}
h4 {color:#D74700; font-size:1.15em;  padding: 0.5em 0em; text-transform:capitalize}

tr.light {
	background:#F4F9FF;
	padding:1em 0em 1em 0em;
	line-height: 2em
}
tr.dark {background:#E6EEF6; padding:2em 0em 1em 0em; line-height: 2em}
td.highlight {background:#faf100}
th.highlight {background:#faf100}
.indent2em {
	padding:0em 2em 0em 2em
}
.indent5em {padding:0em 3em 0em 5em}
.indent10em {padding:0em 3em 0em 10em}
.smaller {font-size:0.9em;}
.bigbutton {font-family : Arial; font-size : 12pt; Color : #000000; font-weight:bold; text-align:center; background-color:#FFF}
.aligncentre {text-align:center}
.font_1 {color:#93ca3e; text-decoration:underline}
.font_2 {color:#298edc; text-decoration:underline}

p {margin:0 0 14px 0}
.p1 {margin:0 0 28px 0}


.features {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
}
.features p {padding: 0 0 0.7em 0}
.prop_col1 {
	width:45%; float:left; padding: 0em 2em 0em 2em;
}
.prop_col2 {
	padding: 2em;
	float:right;
	vertical-align: top;
	width:45%;
}

.imgprop {float: left; padding: 0.5em 1em 0.5em 0em;}
.imgsupport {
	float: left;
	padding: 2em 2em 2em 2em;
	vertical-align: middle;
}

.site_bg{ background:#c5dcf4; width:100%}

.site_bg1{ background:url(../images/top_body_1.jpg) repeat-x top; width:100%}
.site_bg1-thin{ background:url(../images/top_body_1_thin.jpg) repeat-x top; width:100%}

/*header*/
#header {font-size:0.6375em;color: #FFFFFF; max-width: 100em}
#header .bg {background:url(../images/header_bg4.jpg) no-repeat 0 0; height:210px}
#header .depth{height:210px;}

/*use for a thin header*/
#header .bg-thin {background:url(../images/header_bg4_thin.jpg) no-repeat 0 0; height:142px} 
#header .depth-thin {height:142px}

/* before ie6 changes #header .topmenu-thin {float: right; padding-top: 0px; padding-right: 15px; position:relative} */

/* top image variations */
#header .bg-1 {background:url(../images/header_bg4-1.jpg) no-repeat 0 0; height:210px} 
#header .bg-2 {background:url(../images/header_bg4-2.jpg) no-repeat 0 0; height:210px} 
#header .bg-3 {background:url(../images/header_bg4-3.jpg) no-repeat 0 0; height:210px} 
#header .bg-4 {background:url(../images/header_bg4-4.jpg) no-repeat 0 0; height:210px} 
#header .bg-5 {background:url(../images/header_bg4-5.jpg) no-repeat 0 0; height:210px} 
/* before ie6 changes #header .logo {position:absolute; float:left; padding-top:5px; padding-left:300px} */

/* #header .logo {position:absolute; margin:5px 0 0 300px} */
#header .logo {position:absolute; margin:5px 0 0 280px}

/* before ie6 changes #header .topmenu {float: right; padding-top: 9px; padding-right: 15px; position:relative} */
#header .topmenu {float: right; padding-top: 9px; padding-right: 15px} 


#header .slogan {position:absolute; margin:210px 0 0 355px; width:472px; height:72px; left:-46px; top:19px}
#header .column {width:20%; text-align:center}
#header .column_5 {float:left; width:19%; text-align:center}
#header .indent {padding: 103px 30px 0 305px}

 /* use for thin header */
 /* before ie6 changes  #header .indent-thin {padding:34px 20px 0 305px; position:relative} */
#header .indent-thin {padding: 34px 20px 0 305px}

#header .menu {width:100%}
#header a {color:#7FC01C; text-decoration:underline; font-weight:bold}
#header a:hover {text-decoration:none}


/*content*/
#content {font-size:0.8em; line-height:1.45em}
#content .bg {background:url(../images/content_bg1.jpg) no-repeat 0 0}
/*   top image variations   */
#content .bg-1 {background:url(../images/content_bg1-1.jpg) no-repeat 0 0}
#content .bg-2 {background:url(../images/content_bg1-2.jpg) no-repeat 0 0}
#content .bg-3 {background:url(../images/content_bg1-3.jpg) no-repeat 0 0}
#content .bg-4 {background:url(../images/content_bg1-4.jpg) no-repeat 0 0}
#content .bg-5 {background:url(../images/content_bg1-5.jpg) no-repeat 0 0}


#content .bg-thin {background:url(../images/content_bg1_thin.jpg) no-repeat 0 0}
.bg_1 {background:url(../images/row1_rep.jpg) repeat-y}
.title {margin-bottom:29px}
.title_1 {margin-bottom:16px}
.img_left {float:left; margin:0 22px 20px 0}
.img_right {float:right; margin:1em 2em 1em 2em}
.img_features {float:left; margin:2em 3em 13em 2em; height: 100%}
.img_right_support {float:right; margin:0em 0em 1em 1em}
/* table alignment */
.nofloat {float:none;
		}


/*.img {margin-bottom:20px}*/
.box {width:100%}

/*.col_top {background:url(../images/col_top_bg.gif) no-repeat right top}*/
.col_top2 {background:url(../images/col_top_bg.gif) no-repeat left top}
/* .col_bg {background:url(../images/line_col_bg.gif) repeat-y right top}*/
.col_bg2 {background:url(../images/line2_col_bg.gif) repeat-y right top}
.col_bg3 {background:url(../images/line_col_bg.gif) repeat-y left top}

/*footer*/
#footer { background:url(../images/footer_bg.jpg) repeat-x top; height:94px; font-size:0.6875em; color:#ffffff; line-height:2.8em}
#footer .indent {padding:0 31px 0 28px}
#footer .bg { background:url(../images/foot_line_bg.gif) repeat-x top; height:94px; text-indent:16px}
#footer a {color:#93ca3e; text-decoration:underline; font-weight:bold}
#footer a:hover {text-decoration:none}

/*-----------footer -- no row2 -----------*/
#footer_norow2 { background:url(../images/footer_bg_norow2.jpg) repeat-x top; height:94px; font-size:0.6875em; color:#ffffff; line-height:2.8em}
#footer_norow2 .indent {padding:0 31px 0 28px}
#footer_norow2 .bg { background:url(../images/foot_line_bg.gif) repeat-x top; height:94px; text-indent:16px}
#footer_norow2 a {color:#93ca3e; text-decoration:underline; font-weight:bold}
#footer_norow2 a:hover {text-decoration:none}

/*================== index.html ==================*/
/*================== row1 ==================*/
#page1 #content .row_1 { background:url(../images/row1_bg_p01.jpg) repeat-x left bottom}
#page1 #content .row_1 .indent {padding:0 28px 0 28px}
#page1 #content .row_1 .col_1 .ind {padding:0 15px 15px 25px}
#page1 #content .row_1 .col_2 .ind {padding:0 15px 15px 15px}
#page1 #content .row_1 .col_3 .ind {padding:0 20px 26px 18px}

/*================== row1 and no row 2 ==================*/
#page1 #content .row_1_norow2 { background:url(../images/row1_bg_p01_norow3.jpg) repeat-x left bottom}
#page1 #content .row_1_norow2 .indent {padding:0 28px 0 28px}
#page1 #content .row_1_norow2 .col_1 .ind {padding:0 15px 15px 25px}
#page1 #content .row_1_norow2 .col_2 .ind {padding:0 15px 15px 15px}
#page1 #content .row_1_norow2 .col_3 .ind {padding:0 20px 26px 18px}

#page1 #content .row_2{ background:url(../images/row2_bg_p01.jpg) repeat-x left bottom #6895be; min-height:100px; height:auto !important; height:100px; color:#ffffff}
#page1 #content .row_2 h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #313D48;
}

#page1 #content .row_2 .indent {padding:10px 46px 45px 41px}
#page1 #content .row_2 .col_1 .ind {padding:0 26px 6px 41px}
#page1 #content .row_2 .col_2 .ind {padding:0 22px 10px 27px}

/*.input {width:163px; height:21px; border:none; font-size:1em; color:#5e6e7d; padding-left:5px}*/
.button {vertical-align:middle; width:55px; height:29px}

/*================== index-1.html ==================*/
#page2 #content .r_b {background:url(../images/right_bot_p2.gif) right bottom no-repeat; width:100%}
#page2 #content .l_b {background:url(../images/left_bot_p2.gif) left bottom no-repeat; width:100%}
#page2 #content .bot {background:url(../images/bot_p2.gif) repeat-x bottom; width:100%}
#page2 #content .row_1{ background:url(../images/row1_bg_p02.jpg) repeat-x left bottom}
#page2 #content .row_1 .indent {padding:0 26px 0 24px}
#page2 #content .row_1 .col_1 .ind {padding:0 26px 23px 27px}
#page2 #content .row_1 .col_2 .ind {padding:0 30px 23px 18px}

#page2 #content .row_2{ background:url(../images/row2_bg_p2.jpg) repeat-x left bottom #719bc3; min-height:231px; height:auto !important; height:231px}
#page2 #content .row_2 .indent {padding:29px 0 45px 0}
#page2 #content .row_2 .col_1 .ind {padding:0 26px 13px 41px}
#page2 #content .row_2 .col_2 .ind {padding:0 55px 10px 27px}

/*================== index-2.html ==================*/
#page3 #content .row_1{ background:url(../images/row1_bg_p1.jpg) repeat-x left bottom}
#page3 #content .row_1 .indent {padding:0 26px 0 24px}
#page3 #content .row_1 .col_1 .ind {padding:0 26px 0 27px}
#page3 #content .row_1 .col_2 .ind {padding:0 20px 7px 18px}

#page3 #content .row_2{ background:url(../images/row2_bg_p1.jpg) repeat-x left bottom #6895be; min-height:200px; height:auto !important; height:200px}
#page3 #content .row_2 .indent {padding:29px 50px 69px 41px}

/*================== index-3.html ==================*/
#page4 #content .r_b {background:url(../images/right_bot_p4.gif) right bottom no-repeat; width:100%}
#page4 #content .l_b {background:url(../images/left_bot_p4.gif) left bottom no-repeat; width:100%}
#page4 #content .bot {background:url(../images/bot_p4.gif) repeat-x bottom; width:100%}
#page4 #content .row_1{ background:url(../images/row1_bg_p4.jpg) repeat-x left bottom}
#page4 #content .row_1 .indent {padding:0 26px 0 24px}
#page4 #content .row_1 .block_indent {padding:42px 26px 55px 27px}
#page4 #content .row_1 .col_box_1 {width:34%}
#page4 #content .row_1 .col_box_2 {width:34%}
#page4 #content .row_1 .col_box_3 {width:31%}
#page4 #content .row_2{ background:url(../images/row2_bg_p4.jpg) repeat-x left bottom #8fb4d5; min-height:341px; height:auto !important; height:341px}
#page4 #content .row_1 .col_2 .col_box_1 {width:230px}
#page4 #content .row_1 .col_2 .col_box_2 {width:196px}
#page4 input {width:190px; height:20px vertical-align:middle; font-weight:normal; font-family:tahoma; color:#5e6e7d; font-weight:normal; border:solid 1px #bfbfbf; font-size:1em; padding-left:5px}
#page4 .div_input {height:30px}
#page4 textarea {width:190px; height:190px; overflow:auto; margin-bottom:10px; display:block vertical-align:middle; font-weight:normal; font-family:tahoma; color:#5e6e7d; font-weight:normal; border:solid 1px #bfbfbf; font-size:1em; padding-left:5px}


#page4 #content .row_1_norow2 { background:url(../images/row1_bg_p01_norow3.jpg) repeat-x left bottom}
#page4 #content .row_1_norow2 .indent {padding:0 28px 0 28px}

#page4 #content .row_1_norow2 .block_indent {padding:42px 26px 55px 27px}
#page4 #content .row_1_norow2 .col_box_1 {width:34%}
#page4 #content .row_1_norow2 .col_box_2 {width:34%}
#page4 #content .row_1_norow2 .col_box_3 {width:31%}
#page4 #content .row_1_norow2 .col_2 .col_box_1 {width:230px}
#page4 #content .row_1_norow2 .col_2 .col_box_2 {width:196px}

#page1 #content .row_1_norow2 { background:url(../images/row1_bg_p01_norow3.jpg) repeat-x left bottom}
#page1 #content .row_1_norow2 .indent {padding:0 28px 0 28px}
#page1 #content .row_1_norow2 .col_1 .ind {padding:0 15px 15px 25px}
#page1 #content .row_1_norow2 .col_2 .ind {padding:0 15px 15px 15px}
#page1 #content .row_1_norow2 .col_3 .ind {padding:0 20px 26px 18px}

/*thinner columns*/


#page4 #content .row_1_norow2 .col_4 .col_box_1 {width:230px}
#page4 #content .row_1_norow2 .col_4 .col_box_2 {width:196px}




/*================== index-4.html ==================*/
#page5 #content .r_b {background:url(../images/right_bot_p2.gif) right bottom no-repeat; width:100%}
#page5 #content .l_b {background:url(../images/left_bot_p2.gif) left bottom no-repeat; width:100%}
#page5 #content .bot {background:url(../images/bot_p2.gif) repeat-x bottom; width:100%}
#page5 #content .row_1{ background:url(../images/row1_bg_p2.jpg) repeat-x left bottom}
#page5 #content .row_1 .indent {padding:0 26px 0 24px}
#page5 #content .row_1 .col_1 .ind {padding:0 15px 20px 27px}
#page5 #content .row_1 .col_2 .ind {padding:0 0 11px 18px}
#page5 #content .row_1 .col_2 .box {width:456px}
#page5 .div_links {text-align:right; width:426px}
#page5 .div_links a {float:none}
#page5 #content .row_2{ background:url(../images/row2_bg_p2.jpg) repeat-x left bottom #719bc3; min-height:231px; height:auto !important; height:231px}
#page5 #content .row_2 .indent {padding:30px 50px 71px 41px}
#page5 #content .row_2 .ind {padding-right:30px}
#page5 #content .row_2 .col_box_1 {width:35%}
#page5 #content .row_2 .col_box_2 {width:34%}
#page5 #content .row_2 .col_box_3 {width:30%}

/*================== index-5.html ==================*/
#page6 #content .l_t {min-height:512px; height:auto !important; height:512px}
#page6 #content .r_b {background:url(../images/right_bot_p6.gif) right bottom no-repeat; width:100%}
#page6 #content .l_b {background:url(../images/left_bot_p6.gif) left bottom no-repeat; width:100%}
#page6 #content .bot {background:url(../images/bot_p6.gif) repeat-x bottom; width:100%}
#page6 #content .indent {padding:0 26px 41px 24px}
#page6 #content .block_indent {padding:42px 32px 47px 27px}

/*==================block====================*/

/*==================THIS IS WHERE THE FONT COLOR IS SET====================*/


.block { background:url(../images/top1.jpg) repeat-x top #fff; width:100%; color:#5e6e7d}
/*use this if thin top*/
.block .l_t-thin { background:url(../images/top_left_corner1_thin.jpg) left top no-repeat; width:100%}

/*top image variations*/
.block .l_t-1 { background:url(../images/top_left_corner1-1.jpg) left top no-repeat; width:100%}
.block .l_t-2 { background:url(../images/top_left_corner1-2.jpg) left top no-repeat; width:100%}
.block .l_t-3 { background:url(../images/top_left_corner1-3.jpg) left top no-repeat; width:100%}
.block .l_t-4 { background:url(../images/top_left_corner1-4.jpg) left top no-repeat; width:100%}
.block .l_t-5 { background:url(../images/top_left_corner1-5.jpg) left top no-repeat; width:100%}

.block .l_t { background:url(../images/top_left_corner1.jpg) left top no-repeat; width:100%}
.block .r_t { background:url(../images/top_right_corner1.jpg) right top no-repeat; width:100%}
.block .r_b { background:url(../images/right_bot.jpg) right bottom no-repeat; width:100%}
.block .l_b { background:url(../images/left_bot.jpg) left bottom no-repeat; width:100%}

/*use this if there is no row 2*/
.block .norow2_r_b { background:url(../images/right_bot_norow2.jpg) right bottom no-repeat; width:100%}
.block .norow2_l_b { background:url(../images/left_bot_norow2.jpg) left bottom no-repeat; width:100%}

.block .left {background:url(../images/left1.jpg) repeat-y left; width:100%}
.block .right {background:url(../images/right.gif) repeat-y right; width:100%}
.block .bot {background:url(../images/bot.gif) repeat-x bottom; width:100%}

/*use this if there is no row 2*/
.block .norow2_bot {background:url(../images/bot_norow2.jpg) repeat-x bottom; width:100%}   

.block .block_indent {padding:32px 0 20px 0}
/*==========================================*/

/*=======block that has no row2 underneath====================
.block_norow2 { background:url(../images/top1.jpg) repeat-x top #fff; width:100%; color:#5e6e7d}
.block_norow2 .l_t { background:url(../images/top_left_corner1.jpg) left top no-repeat; width:100%}
.block_norow2 .r_t { background:url(../images/top_right_corner1.jpg) right top no-repeat; width:100%}
.block_norow2 .r_b { background:url(../images/right_bot_norow2.jpg) right bottom no-repeat; width:100%}
.block_norow2 .l_b { background:url(../images/left_bot_norow2.jpg) left bottom no-repeat; width:100%}
.block_norow2 .left {background:url(../images/left1.jpg) repeat-y left; width:100%}
.block_norow2 .right {background:url(../images/right.gif) repeat-y right; width:100%}
.block_norow2 .bot {background:url(../images/bot_norow2.jpg) repeat-x bottom; width:100%}
.block_norow2 .block_indent {padding:32px 0 20px 0}
==========================================*/