*
{
padding:0px;
margin: 0px;
}

html {
	height:100%;
}

body
{
background: #171717 url('Images/relidybg_02.jpg') repeat-x;
font-size: 12px;
font-family: Arial,Helvetica,FreeSans,"Luxi-sans","Nimbus Sans L",sans-serif;
color:#4E4E4E;
line-height: 18px;
height: 100%;


}


#flash {
    z-index: 0;
	position: relative;
	height:388px;
	padding-left: 2px;
}

#flash img {
	border:0;
}

#man{
	position:absolute;
	float:left;
	z-index:10000;
	width: 242px;
	height: 388px;
	background:url(Images/1010man_01_01.png) no-repeat;
}

#mainheader {
    z-index: 0;
	position: relative;
	margin:0;
	padding:0;
}

a
{
color: #353535;
text-decoration: underline;
}

a:hover
{
text-decoration: none;
}

sup
{
font-size: 0.5em;
}


p
{
margin-bottom: 14px;
text-align: justify;
}


ul.linklist
{
list-style: none;
}

ul.linklist li
{
border-top: solid 1px #EEEEEE;
padding-top: 5px;
margin: 5px 0px 0px 0px;
}

ul.linklist li.first
{
border-top: 0px;
margin-top: 0px;
padding-top: 0px;
}


#upbg-innertop
{
position: absolute;
top: 342px;
left: 0px;
width: 100%;
height: 118px;
background: url('Images/newcontent_18.jpg') no-repeat;
z-index: 1;
}

#outer
{
position: relative;
width: 890px;
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
z-index: 1;
background: #171717 url('Images/newcontent_19.gif') repeat-y;
}

#inner
{
position: relative;
padding: 0px 0px 0px 0px;
z-index: 2;





}

 /**************************************************************
    Header/Menu
 **************************************************************/
#headerhome
{
position: relative;
width:890px;
height: 258px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index:2;
}


#headercontent
{
position: relative;
width:853px;
height: 258px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 1px;
}


#menu
{
position: relative;
width:890px;
height: 140px;
padding: 0px 0px 0px 0px;
margin: 0px auto 0px auto;
z-index:5000;
}

#menu_container
{
position: relative;
margin-left:auto;
margin-right:auto;
float:left;
}

.menubottom
{
	position:absolute;
height: 72px;
width:890px;

}

.menubottom img
{
	margin: 0;
	padding:0;

}
.menubottom img a
{
	margin: 0;
	padding:0;

}

.menubottom a
{
	margin: 0;
	padding:0;

}


 /**************************************************************
    End Header/Menu
 **************************************************************/



/**************************************************************
    Left Column Home 
 **************************************************************/

#secondarycontent
{
position: relative;
width: 245px;
height:100%;
margin-left:30px;
margin-bottom:0px;
background:#f0f0f0;
padding: 10px 10px 20px 10px;
border-top:thick;
border-top-color:#333;


}

#secondarycontentcontact
{
position: relative;
width: 220px;
height:100%;
margin-bottom:0px;
float:right;
padding: 10px 30px 20px 10px;



}

#secondarycontent h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 25px;
color:#353535;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 15px;
margin-bottom: 15px;
}

#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 0px;
}
#secondarycontent .content .date
{
position: relative;
top: 0px;
padding: 0px 15px 0px 0px;
color:#666666;
font-weight: bold;
}

/**************************************************************
    End Left Column Home 
 **************************************************************/
 
 /**************************************************************
    Right Column Home 
 **************************************************************/


#primarycontenthome
{
position: relative;
width: 890px;
margin:0;
padding:0;

}

#primarycontent 
{

width: 815px;
margin:0;
padding: 0 0px 0px 40px;
z-index:50;

}

#primarycontentcontact 
{

width: 400px;
margin:0;
padding: 0 0px 0px 40px;
z-index:50;
float:left;
}



#primarycontent h3, #primarycontentcontact h3
{
position: relative;
top: 4px;
font-size: 25px;
font-weight:bolder;
line-height: 25px;
color:#353535;
letter-spacing: -1px;
padding: 0px 0px 10px 15px;
margin-bottom: 15px;
z-index:51;
}

#primarycontent h4
{
position: relative;
top: 4px;
font-size: 18px;
font-weight:bolder;
line-height: 25px;
color:#416d28;
letter-spacing: -1px;
margin-bottom: 15px;
}

#primarycontent .content, #primarycontentcontact .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
}

#primarycontent .contentbold
{
font-size: 16px;
font-weight:bold;
color:#416d28;
line-height:15px;

}

#primarycontent .newsheader
{
font-size: 14px;
font-weight:bold;
color:#416d28;
line-height:16px;

}
#primarycontent .newsdate
{
font-size: 9px;
color:#8E8E8E;
line-height:16px;

}

#primarycontent .bio 
{
	width:100%;
	position:relative;
}

#primarycontent .bio .name
{
	font-size:18px;
	color:#2b86b3;
	font-weight:bold;
	padding-bottom:5px;
}

#primarycontent .bio .img
{
	float:left;
	padding: 0px 10px 10px 0px;

}


 
 /**************************************************************
    Parters Boxes 
 **************************************************************/

#newshome
{
position: relative;
width: 795px;
min-height: 100%;
margin-left:auto;
margin-right:auto;
padding: 0px;
float: left;
background:url(Images/Partners/partners-boxbg_33.jpg);
text-align:left;
}

#newshome .container
{
width:100%;
margin-left:15px;
}


#newshome .hdrnews
{

width: 795px;
height: 44px;
z-index:5000;
position: relative;
background:url(Images/Partners/partners-boxhdr_28.jpg);
}

#newshome .ftrnews
{

width: 795px;
height: 21px;
z-index:5000;
position: relative;
background:url(Images/Partners/partners-boxfooter_36.jpg);
}

#newshome h3
{
position: relative;
top: 4px;
font-size: 19px;
font-weight:bold;
line-height: 25px;
color:#FFF;
letter-spacing: -1px;
padding: 0px 0px 10px 5px;
margin: 0px 10px 15px 10px;


}

#newshome .content
{
padding: 0px;
width:760px;
padding-bottom: 30px;
position: relative;
text-align:left;
}

#newshome .image
{
	float:left;
	display: block;
	padding-bottom:15px;
	position:relative;
	width:225px;
}

#newshome .select
{
	background:url(Images/Partners/partners-selectbutton_39.jpg);
	width:242px;
	height:37px;
}

#newshome .price
{
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	padding:8px 5px 0px 0px;
}

#newshome p
{
	text-align: left;
}

#newshome .name
{
	font-size:18px;
	color:#2b86b3;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

#newshome li
{
	
	list-style-position:inside;
	padding-bottom:10px;
}

#divider{
	background:url(Images/Partners/partners-boxdiv_32.jpg);
	width:795px;
	height:20px;
}



.layout2-partners {
  float: left;
  width: 100% !important;
  width: 99%;
  height:100%;
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px dotted #CCCCCC;
  padding-bottom:30px;


}

.layout2-partners .image {
  display: block;
  margin-left:10px;
  top: 0;
  left: 15px;
  width: 225px;
  float:left;
}



.layout2-partners .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 18px;
  font-weight: bold;
  color: #313D33;
}

.layout2-partners a {
border:none;
}

.layout2-partners .titleimage {
  display: block;
  padding: 0 0 5px 0;
}

.layout2-partners p {
  margin: 0 10px 0 230px;
  padding:  0 10px 1em 1.2em;

}

.layout3-partners {
  float: left;
  width: 100% !important;
  width: 99%;
  height:100%;
  position: relative;
  margin-bottom: 30px;
  padding-bottom:30px;


}

.layout3-partners .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 20px;
  font-weight: bold;
  color: #313D33;
}

.layout3-partners .subtitle {
	font-size:18px;
	color:#2b86b3;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

.layout3-partners li
{
	
	list-style-position:inside;
	padding-bottom:2px;
}
/**************************************************************
    End Partners Boxes
 **************************************************************/

 /**************************************************************
    End Right Column Home 
 **************************************************************/

/**************************************************************
   2 Column Layout A
 **************************************************************/
#floatLeft_width80
{

	width: 92%;
	margin-left: auto;
margin-right: auto;
	padding:15px;
}

#floatLeft_width80 h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 15px;
color:#353535;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 20px;
margin-bottom: 15px;
}


.layout2 {
  float: left;
  width: 100% !important;
  width: 99%;
  height:100%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.layout2 .image {
  display: block;
  margin-left:20px;
  margin-bottom:10px;
  padding-bottom:15px;
  top: 0;
  left: 15px;
  width: 300px;
  float:left;
}



.layout2 .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.layout2 .titleimage a {
border:none;
}

.layout2 .titleimage {
  display: block;
  padding: 0 0 5px 0;
}

.layout2 p {
  margin: 0 0 0 350px;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

/**************************************************************
    End 2 Column Layout A
 **************************************************************/

/**************************************************************
   2 Column Layout B
 **************************************************************/
#floatLeft_width60
{

	width: 92%;
	margin-left: auto;
margin-right: auto;
	padding:15px;
}

#floatLeft_width60 h3
{
position: relative;
top: 4px;
font-size: 18px;
line-height: 15px;
color:#353535;
letter-spacing: -1px;
background: url('images/a22.gif') bottom repeat-x;
padding: 0px 0px 10px 20px;
margin-bottom: 15px;
}


.layout2_60 {
  float: left;
  width: 100% !important;
  width: 99%;
  position: relative;
  margin-bottom: 1.5em;
  border-bottom: 1px solid #CCCCCC;
}

.layout2_60 .image {
  display: block;
  margin-left:20px;
  padding-bottom:10px;
  top: 0;
  left: 15px;
  width: 440px;
  float:left;
}



.layout2_60 .title {
  display: block;
  padding: 0 0 5px 0;

  font-size: 1.2em;
  font-weight: bold;
  color: #586B7A;
}

.layout2_60 .titleimage a {
border:none;
}

.layout2_60 .titleimage {
  display: block;
  padding: 0 0 5px 0;
}

.layout2_60 p {
  margin: 0 0 0 280px;
  padding:  0 0 1em 1.2em;
  border-left: 1px solid #CCCCCC;
}

/**************************************************************
    End 2 Column Layout B
 **************************************************************/
 
 /**************************************************************
    Contact Form
 **************************************************************/

#contact-area {
	width: 480px;
	margin-top: 25px;
}
#contact-area.ctrlHolder{ padding: 10px;}
#contact-area input, #contact-area textarea {
	padding: 2px;
	width: 400px;
	font-family: Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 10px 0px;
	border: 2px solid #ccc;
}

#contact-area textarea {
	height: 30px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 2px solid #900;
}

#contact-area input.submit-button {
	width: 100px;
	float: right;
}

label {
	float: left;
	text-align: left;
	
	width: 250px;
	padding-top: 5px;
	font-size: 11px;
}

/**************************************************************
   End Contact Form
 **************************************************************/
 
 /**************************************************************
   Footer1
 **************************************************************/
 
#footer
{
height: 170px;
width:890px;
position: relative;
clear: both;
color:#7B7B7B;
margin: 0px 1px 0px 0px;
font-size:11px;
padding-bottom:15px;
background:#171717;

}

.footer, .push {
height: 20px; /* .push must be the same height as .footer */}


#footer a
{
color:#7B7B7B;
}


#footer .contentlink
{
position: relative;
width:240px;
margin-left: 20px;
z-index:5;
padding-top:30px;
float:left;


}

#footer .content
{
position: relative;
width:570px;
float:right;
padding-top:20px;
line-height:15px;



}

#footer .content a
{
color:#7B7B7B;
text-decoration:none;


}

#footer .content a:hover
{
color:#E3E3E3;
text-decoration:none;


}

#footer .content li
{
color:#7B7B7B;
text-decoration:none;
display: inline;
list-style-type: none;
padding-right: 15px;

}

#footer .image
{
position: absolute;
margin-left: 10px;
margin-right: auto;
padding-top:180px;
z-index:0;
}

/**************************************************************
   End Footer
 **************************************************************/
 /**************************************************************
   Footer2
 **************************************************************/
 
#footer2
{
height: 259px;
width:890px;
position: relative;
clear: both;
color:#7B7B7B;
margin: 0px 1px 0px 0px;
font-size:11px;

}

.footer2, .push {
height: 20px; /* .push must be the same height as .footer */}


#footer2 a
{
color:#7B7B7B;
}


#footer2 .contentlink
{
position: relative;
width:240px;
margin-left: 20px;
z-index:5;
padding-top:30px;
float:left;


}

#footer2 .content
{
position: relative;
width:570px;
float:right;
padding-top:20px;
line-height:15px;



}

#footer2 .content a
{
color:#7B7B7B;
text-decoration:none;


}

#footer2 .content a:hover
{
color:#E3E3E3;
text-decoration:none;


}

#footer2 .content li
{
color:#7B7B7B;
text-decoration:none;
display: inline;
list-style-type: none;
padding-right: 15px;

}

#footer2 .image
{
position: absolute;
margin-left: 10px;
margin-right: auto;
padding-top:180px;
z-index:0;
}

/**************************************************************
   End Footer
 **************************************************************/
 
 /**************************************************************
   List Expander Start
 **************************************************************/
 
#listcontent a{
	text-decoration:none;
	color:#057fac;
}

#listcontent a:hover{
	text-decoration:none;
	color:#999;
}
#listcontent{margin:0 20px;}


.listtitle{
	font-weight:bold;
	padding-right:20px;
	

}

.listsubtitle{
	font-weight:bold;
	padding-right:20px;

}


.listcontentsub{
	
padding-left:30px;
padding-bottom:20px;
}
 
 
  /**************************************************************
   List Expander End
 **************************************************************/
 
  /**************************************************************
   Website Section Start
 **************************************************************/
br {
	clear: both;
}

.card { 
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 25px;

}

.card p {
	text-align: left;
	font-size: 13px; 
	line-height: 18px; 
	color:#000
}



.card li {
	list-style: none;
}

.card .header {
	position: absolute;
	top: 0;
	left: -5px;
	height: 100px;
	padding: 20px 0 0 90px;
}


.card .header h5 {
	font-size: 21px;
	color: #111;
}

.card .header h6 {
	font-size: 12px;
	color: #333;
	font-weight: normal;
	padding-top: 8px;
}

.card .wrapper, .card .full_wrapper {
	padding-top: 42px;
}

.card .inner_wrapper {
	padding: 20px 0 15px 0;
	background-color: #ECECEC;
	-moz-border-radius: 7px;
  	-webkit-border-radius: 7px;
}

.card .wrapper .main, .card .options {
	float: left;
}

.card .full_wrapper .body > .left {
	width: 350px;
}

.card .wrapper .main {
	padding: 0 50px 0 25px;
}

.card .full_wrapper .main {
	padding: 0 10px 0 0px;
}

.card .wrapper .main {
	width: 400px;
}

.card .main .inset {
	padding-left: 25px;
}

.card .main .body {
	padding-top: 10px;
}

.card .main .body h5 {
	font-weight: bold;
	font-size: 16px;
	color: #333;
	padding-top: 3px;
}

.card input, .card select {
	padding: 3px;
}

.card .main .body > div {
	padding: 10px 0 0 30px;
}

.card .main a {
	color: #0000FF;
}

.card .wrapper .options {
	width: 300px;
}

.card .full_wrapper .options {
	width: 325px;
}

.card .options p.section {
	font-weight: bold;
	padding: 20px 0 0 0;
	margin: 0 0 0 0;
	color: #333;
}

.card .options li {
	padding: 3px 10px 3px 10px;
}

.card .options li.recommended {
	background-color: #FFF6D5;
	border: 1px solid #D4AA00;
}

.card .options li.recommended div {
	font-weight: bold;
}

.card .left {
	float: left;
}

.card .right {
	float: right;
}

.card .options div {
	color: #111;
}

.card label {
	display: block;
    text-indent: -15px;
	clear: both;
	width: auto;
	padding: 0 0 0 15px;
	font-size: inherit;
}

.card .options li.gray {
	padding-bottom: 10px;
}

.card .options li.gray .left label {
	color: #999;
}

.card .options li .left input[type="radio"], .card .options li .left input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -2px;
    *overflow: hidden;
}

#web_header
{
position: relative;
height:100%;
margin:0 30px 0 40px;
padding: 10px 0px 5px 0px;
}

#web_header_buttons
{
position: absolute;
top: 0;
right: 0;
z-index:5000;
}

#web_header_buttons a
{
background: url('Images/websites/kwikweb_normal.png') no-repeat 0 0; 
display: block;
width: 210px;
padding: 0;
margin: 0;
line-height: 0px;
text-decoration: none;
}

#web_header_buttons a:hover {
	background: url('Images/websites/kwikweb_active.png') no-repeat; 
}

#web_header_buttons #btn_portfolio {
	background-position: 0px 0px; 
	height: 63px;
}

#web_header_buttons #btn_demo {
	background-position: 0 -63px;
	height: 47px;
}

#web_header_buttons #btn_add_on {
	background-position: 0 -110px; 
	height: 47px;
}

#web_header_buttons #btn_advantage {
	background-position: 0 -157px;
	height: 63px;
}


#table
{
	margin-left:auto;
	margin-right:auto;
	width:800px;
	position:relative;
	clear:both;
}

#table .features
{font-size:14px;
font-weight:700;
padding-left:12px;
color:#1a3c53;
}

#table .content
{font-size:11px;
padding:0 12px 0 12px;
color:#1a3c53;
}

#web_features_left
{
position: relative;
width: 400px;
height:100%;
margin:0 0 0 40px;
padding: 10px 0px 5px 0px;
float:left;
}

#web_features_right
{
position: relative;
width: 400px;
height:100%;
margin:0 40px 0 0;
padding: 10px 0px 5px 0px;
float:right;
}
.testimonialName {
	padding-top:42px;
	font-family: Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	background:url(Images/testimonials/testimA_07.gif);
	vertical-align:top;
	color:#333;
}

.testimonialTitle {
	font-family: Arial, sans-serif;
	font-size: 15px;
	color: #333;
	font-weight:bold;
}

.testimonialContent {
	font-family: Arial, sans-serif;
	font-size: 11px;
	color: #E5E5E5;
	font-weight: normal;

}

#testable {
	margin-left:auto; 
	margin-right:auto;
	width:810px;
	text-align:center;
}

#testable2 {
	margin-left:auto; 
	margin-right:auto;
	width:810px;
	text-align:center;
}


h3
{
position: relative;
top: 4px;
font-size: 25px;
font-weight:bolder;
line-height: 25px;
color:#353535;
letter-spacing: -1px;
padding: 0px 0px 10px 35px;
margin-bottom: 15px;
z-index:51;
}

/*--Main Container--*/
.main_view {
	float: left;
	position: relative;
}
/*--Window/Masking Styles--*/
.window {
	height:388px;	width: 890px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	position: relative;
}
.image_reel {
	position: absolute;
	top: 0; left: 0;
}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute;
	bottom: 0; right:25px;
	width: 178px; height:35px;
	z-index: 10000; /*--Assures the paging stays on the top layer--*/
	text-align: right;
	line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {

	text-decoration: none;
	color: #fff;
}
.paging a.active {

	background: url(Images/1010pagination_01.png) no-repeat;
	padding-bottom:1px;


}
.paging a:hover {font-weight: bold;}
#outer #inner #testable2 table {
	color: #E2E2E2;
	

}
#outer #inner #testable2 table tr td {
	color: #000;
	
	padding:10px;
}

#threecolumn ul
{
  width: 702px;  /* room for 3 columns */
}
#threecolumn ul li
{
  float: left;
  width: 234px;  /* accommodate the widest item */
}
/* stop the floating after the list */
#threecolumn br
{
  clear: left;
}
/* separate the list from what follows it */
#threecolumn div.wrapper
{
  margin-bottom: 1em;
  padding-top:0;
  width:100%;
}

#comparisontable
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
}

#comparisontable .drkred
{background: #8e0000;}

#comparisontable .ltred
{background: #f0c0c0;
padding:5px;
vertical-align:top;
border-right:#8e0000 solid 1px;}

#comparisontable .whtred
{background: #FFF;
padding:5px;
vertical-align:top;
border-right:#8e0000 solid 1px;}

#comparisontable .drkblue
{background: #004890;}

#comparisontable .ltblue
{background: #9eb9d3;
padding:5px;
vertical-align:top;
border-right:#004890 solid 1px;}

#comparisontable .whtblue
{background: #FFF;
padding:5px;
vertical-align:top;
border-right:#004890 solid 1px;}

#comparisontable .drkorange
{background: #a94718;}

#comparisontable .ltorange
{background: #ebb8a0;
padding:5px;
vertical-align:top;
border-right:#a94718 solid 1px;}

#comparisontable .whtorange
{background: #FFF;
padding:5px;
vertical-align:top;
border-right:#a94718 solid 1px;}

#comparisontable .drkgreen
{background: #6d8b38;}

#comparisontable .drkgray
{background: #525252;}

#comparisontable .ltgray
{background: #c0c0c0;
padding:5px;
vertical-align:top;
border-right:#525252 solid 1px;}

#comparisontable .whtgray
{background: #FFF;
padding:5px;
vertical-align:top;
border-right:#525252 solid 1px;}

#comparisontable .ltgreen
{background: #b8ca96;
padding:5px;
vertical-align:top;
border-right:#6d8b38 solid 1px;}

#comparisontable .wht
{background: #FFF;
padding:5px;
vertical-align:top;
border-right:#6d8b38 solid 1px;}

#comparisontable .wht_title
{background: #FFF;
padding:5px;
vertical-align:top;
text-align:center;
font-size:15px;
font-weight:900;
}
