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


body { 

  background-image:url(../images/background.jpg);
  background-color:#eeedd4;
  background-repeat: no-repeat;
  background-position: top center;
  margin:0;
  padding:0; 
  margin-bottom:30px;
  
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	line-height: 1.5em;
	font-weight: normal;
	color:#575755;	
	}
	
	
  
p { 

  	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	line-height: 1.8em;
	font-weight: normal;
	color:#575755;
	padding: 0px;
	margin: 0px 0 20px 0;
	
	}


img  {
border: 0px;

}
a:link {color:#FF6600;
	text-decoration:none;
	 }     

a:visited {color:#FF6600;
	text-decoration:none;
	}

a:hover {color:#575755;
	text-decoration:none;
}  
a:active {color:#575755;
	text-decoration:none;
}  



 
 .intro_para {
 
   	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.5em;
	font-weight: normal;
	color:#575755;
 }
 
  .intro_para2 {
 
   	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.4em;
	font-weight: normal;
	color:#575755;
 }
 
  .intro_copy {
 
   	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: normal;
	color:#575755;
	margin: 5px 0 0 0;
 }
 

 
 h1 {
 
width: auto;
float: left;
padding: 0px 0 40px 80px;
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
color: #FFFFFF;
font-size: 55px;
line-height: 48px;
background-image: url(../images/cosp_bg.png);

	}
 
  h2, h2 a {
 
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	color: #575755;
	padding: 0px;
	margin: 0px 0 10px 0;
	}


h3 {
 
   	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: normal;
	color:#575755;
	padding: 0px;
	margin: 0px 0 5px 0;
	}
	
h4 {
 
			font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.4em;
	font-weight: normal;
	color:#928c8c;
	padding: 0px;
	margin: 0px 0 5px 0;
	}
 
 .boldnumber {
	color: #68684a;
	font-size: 1.2em;
}
 
 
 #navbar {
	
	height: auto;
	min-height: 28px;
	width: 420px;
	margin-top: 0px;
	margin-bottom: 0px;
	
	}
	
	
	.navigation  {
	display:block;
	float:left;
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	color:#7e7e7a;
	text-decoration:none;
	padding: 0px 5px 0px 0;
	}
	
	
	.navigation a:link {
	display:block;
	float:left;
	color:#7e7e7a;
	text-decoration:none;
	padding: 0px 5px 0px 0;
	}
	
		.navigation a:visited {
	display:block;
	float:left;
	color:#7e7e7a;
	text-decoration:none;
	padding: 0px 5px 0px 0;
	}
	
		.navigation a:hover {
	color:#FF6600;
	}
	
		.navigation a.selected {
	color:#441c01;
	}
	
		.navigation a:active {
	color:#92928e;
	}
	
	
	.navigation_foot ul {

	list-style:none;
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	color:#7e7e7a;
	text-decoration:none;
	padding: 0px;
	margin: 0px;
	}
	
	.navigation_foot li {

	list-style:none;
	padding: 0px;
	margin: 0px;
	width: 100%;


	}
	
	
	.navigation_foot li a:link {
	list-style: none;
	display:block;
    font-family:Georgia, "Times New Roman", Times, serif;
	color:#7e7e7a;
	text-decoration:none;
	padding: 0px 5px 0px 0;
	}
	
		.navigation_foot li a:visited {
	display:block;
	color:#7e7e7a;
	text-decoration:none;
	padding: 0px 5px 0px 0;
	}
	
		.navigation_foot li a:hover {
	color:#FF6600;
	}
	
		.navigation_foot li a.selected {
	color:#441c01;
	}
	
		.navigation_foot li a:active {
	color:#92928e;
	}
	
	
#phone_box {
	height: 20px;
	color: #8e8d8d;
	
}
	
	
		
	
	
	
  
#wrapper {
		height: auto !important;
		min-height: 520px;
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		
	
	}
	
#container_top {
	width: auto;
	height: auto;
	min-height: 200px;
}

#container_top2 {
	width: auto;
	height: auto;
	min-height: 320px;
	}
	

#header {
	width: auto;
	height: 145px;
	xfloat: left;
}


#header_left {
	width: 266px;
	height: auto;
	min-height: 120px;
	float:left;
}

#header_right {
	width: auto;
	float:left;
	padding: 20px 0 0 20px;
	height: 120px;
}


#top_content {
	width: auto;
	height: auto;
	min-height: 100px;
	x border: 1px solid green;
}

#top_content2 {
	width: auto;
	height: auto;
	min-height: 100px;
	xborder: 1px solid green;
}

#top_content_left {
	width: 430px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 25px;
	overflow:visible;
}

#top_content_left2 {
	width: 430px;
	float:left;
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 10px;
	overflow:visible;
}



#top_content_right2 {
	width: 400px;
	float:left;
	margin: 10px 0px 0px 10px;
	padding: 0 0 0 15px;
	overflow:visible;
	border-left: 1px dotted white;

}



#top_content_right {
	width: 400px;
	float:right;
	height: auto;
	min-height: 100px;
	
}

.tick_box {
margin:7px 0 0 0;
float: left;
}




#container_lower {
	
	width: auto;
	height: auto;
	min-height: 100px;

}

#lower_content_left {
	width: 630px;
	float:left;
	height: auto;
	min-height: 100px;
	margin: 10px 20px 0 0px;
	x border: 1px solid red;
}



#lower_content_right {
	width: 200px;
		height: auto;
	min-height: 1400px;
	float:right;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	 border-left: 1px dashed #575755;
}

#lower_content_features {
	width: auto !important;
	height: auto;
	min-height: 300px;
	margin: 0px 20px 0 0px;
	xborder: 1px solid red;	
}

#features_container{
	width: 630px;
	height: auto;
	min-height: 300px;
	margin: 0px 20px 20px 0px;
	padding: 10px 0 20px 0;
	border-bottom: 1px dashed #575755;	
	border-top: 1px dashed #575755;	
}



.features ul {

	font-family:Georgia, "Times New Roman", Times, serif;

	}
	
	.features li {
	list-style-type: circle;
	font-size: 0.9em;
	padding:0px; 
	margin:0px;
}
	
		
	

.l_c_feature_col {
display: block;
	width: 184px;
	float:left;
	height: auto;
	min-height: 250px;
	margin: 10px 10px 0px 0px;
	padding: 5px 0px 0 5px;
	border-left: 1px dashed white;	
	border-top: 1px dashed white;	

}

.l_c_feature_colb {
display: block;
	width: 185px;
	float:left;
	height: auto;
	min-height: 250px;
	margin: 10px 10px 0px 0px;
	padding: 5px 0px 0 5px;
	

}


#l_c_feature_col1 {
	width: 190px;
	float:left;
	height: auto;
	min-height: 300px;
	margin: 10px 10px 0 0px;
	border: 1px solid green;
}

#l_c_feature_col2 {
	width: 190px;
	float:left;
	height: auto;
	min-height: 300px;
	margin: 10px 10px 0 0px;
	border: 1px solid green;
}

#l_c_feature_col3 {
	width: 190px;
	float:left;
	height: auto;
	min-height: 300px;
	margin: 10px 10px 0 0px;
	border: 1px solid green;
}

.quote_box {
	display: block;
	width: auto;
	height: auto;
	min-height: 100px;
	margin: 20px 0 20px 0;
}

.steps_box {
	display: block;
	width: auto;
	height: auto;
	min-height: 20px;
	margin: 10px 0 10px 0;

	
}

.steps_box2 {
	display: block;
	float: left;
	width: 192px;
	height: auto;
	min-height: 150px;
	margin: 10px 10px 10px 0;
	border: 2px solid #CECECE;
	background-color:#FFFFFF;
	x background-image: url(../images/level_bg2.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	
}

.steps_box_des {
	display: block;
	width: 602px;
	height: auto;
	min-height: 20px;
	margin: 10px 0 10px 0;
	border: 2px solid #CECECE;
	background-color:#FFFFFF;
	background-image: url(../images/level_bg.jpg);
	background-position:right;
	background-repeat:repeat-y;	
}

.steps_text_des {
 padding: 20px 5px 0 0;
	font-size: 1.1em;

 
}


#feature_left {

	width: 240px;
	height: auto;
	min-height: 600px;
	float: left;

		border-right: 1px dashed #575755;
	
}

#feature_left2 {

	width: 340px;
	height: auto;
	min-height: 820px;
	float: left;
	padding: 0 15px 0 0px;

		border-right: 1px dashed #575755;
	
}

#feature_right2 {
	width: 520px;
	height: auto;
	min-height: 600px;
	padding: 0 0 0 15px;
	float: right;

}



#feature_right {
	width: 620px;
	height: auto;
	min-height: 600px;
	padding: 0 0 0 15px;
	float: right;

}



#features3col {
	width: 605px;
	xfloat:left;
	height: auto;
	min-height: 240px;
	margin: 20	px 20px 0 0px;
	xborder-top: 1px dashed #575755;

}

#features3col1 {
	width: 190px;
	float:left;
	height: auto;
	min-height: 240px;
	margin: 10px 10px 0 0px;
}

#features3col2 {
	width: 190px;
	float:left;
	height: auto;
	min-height: 240px;
	margin: 10px 10px 0 0px;
}

#features3col3 {
	width: 190px;
	float:left;
	height: auto;
	min-height: 240px;
	margin: 10px 10px 0 0px;
}







#box_top {

	xoverflow:visible;
	height: auto;
	width:250px;
	min-height: 100px;


}





#box_left {
float: left;
margin-left: -90px;



}


#box_left2 {
float: left;
margin: 0 20px 0 0;
xheight: 100px;
}

#box_left3 {
float: left;
margin-left: -40px;
}

#box_left4 {
float: left;
margin: 0 20px 0 0;

}

.box_left_example {
float: left;
margin: 0 20px 0 0;
}

.box_level {

margin: 0 0px 0 0;
height: 170px;
text-align:center;

}

.flash_box {
display: block;
margin: 0px 0 0 0px;
}

.flash_box2 {
display: block;
margin: 0px 0 10px 0px;
}



#feature {
	background-image: url(../images/featurebox1.png);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	height: 200px;
	margin: 0 0 0 0px;
	padding: 20px 20px 20px 30px;
	
}

#d_feature {
	background-image: url(../images/designbox2.png);
	background-repeat: no-repeat;
	width: 300px;
	height: auto;
	height: 220px;
	margin: 10px 0 10px 0px;
	padding: 20px 20px 	0px 30px;
}


.demo a {
	background-image: url(../images/roll_over2.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 385px;
	height: 38px;
	margin: 0 0 0 20px;
	padding: 32px 10px 10px 80px;
	
	display: block;

    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
	line-height: 1.6em;
	font-weight: normal;
	color: white;
	text-decoration: none;

}

.demo a:hover {
	background-image: url(../images/roll_over2.png);
	background-repeat: no-repeat;
	background-position:0 -80px; 


    font-family:Georgia, "Times New Roman", Times, serif;
	

}

.order a {
	background-image: url(../images/demo_ro2.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 385px;
	height: 45px;
	margin: 0 0 0 5px;
	padding: 20px 10px 10px 30px;
	
	display: block;

    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.6em;
	font-weight: normal;
	color: white;
	text-decoration: none;

}

.order a:hover {
	background-image: url(../images/demo_ro2.png);
	background-repeat: no-repeat;
	background-position:0 -74px; 

	text-decoration: none;

}



.tour a {
	background-image: url(../images/features_short.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 385px;
	height: 52px;
	margin: 0 0 0 5px;
	padding: 14px 10px 10px 20px;
	
	display: block;

    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	line-height: 1.2em;
	font-weight: normal;
	color: white;
	text-decoration: none;

}

.tour a:hover {
	background-image: url(../images/features_short.png);
	background-repeat: no-repeat;
	background-position:0 -74px; 
	text-decoration: none;

}

#trial_container {
	height: 140px;
	width: auto;
	}


.trial50 a {
	display: block;
	float: left;
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	width: 95px;
	height: 100px;
	margin: 0 0 0 0px;
	xpadding: 14px 10px 10px 20px;
	display: block;
}

.trial50 a:hover {
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:0 -150px; 
	height: 140px;
	text-decoration: none;
}

.trial50 a.selected {

	background-position:0 -150px; 
	height: 140px;

}

.trial100 a {
	display: block;
	float: left;
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position: -96px 0;
	width: 95px;
	height: 100px;
	margin: 0 0 0 0px;
	xpadding: 14px 10px 10px 20px;
	display: block;
}

.trial100 a:hover {
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:-96px -150px; 
	height: 140px;
	text-decoration: none;
}

.trial100 a.selected {

	background-position:-96px -150px; 
	height: 140px;

}

.trial250 a {
	display: block;
	float: left;
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:-192px 0;
	width: 95px;
	height: 100px;
	margin: 0 0 0 0px;
	xpadding: 14px 10px 10px 20px;
	display: block;
}

.trial250 a:hover {
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:-192px -150px; 
	height: 140px;
	text-decoration: none;
}

.trial250 a.selected {

	background-position:-192px -150px; 
	height: 140px;

}


.trial500 a {
	display: block;
	float: left;
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position: -288px 0px;
	width: 95px;
	height: 100px;
	margin: 0 0 0 0px;
	xpadding: 14px 10px 10px 20px;
	display: block;
}

.trial500 a:hover {
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:-288px -150px; 
	height: 140px;
	text-decoration: none;
}

.trial500 a.selected {

	background-position:-288px -150px; 
	height: 140px;

}


.trial1000 a {
	display: block;
	float: left;
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position: -384px 0;
	width: 95px;
	height: 100px;
	margin: 0 0 0 0px;
	xpadding: 14px 10px 10px 20px;
	display: block;
}

.trial1000 a:hover {
	background-image: url(../images/level_select.jpg);
	background-repeat: no-repeat;
	background-position:-384px -150px; 
	height: 140px;
	text-decoration: none;
}

.trial1000 a.selected {

	background-position:-384px -150px; 
	height: 140px;

}








.feature a {
	background-image: url(../images/feature-buttons.png);
	background-repeat: no-repeat;
	background-position:top left;
	width: 227px;
	height: 35px;
	xmargin: 0 0 0 20px;
	padding: 15px 10px 10px 20px;
	
	display: block;

    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #575755;
	text-decoration: none;

}

.feature a:hover {
	background-image: url(../images/feature-buttons.png);
	background-repeat: no-repeat;
	background-position:0 -67px; 


    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #575755;
	text-decoration: none;

}

.feature a.selected {
	background-image: url(../images/feature-buttons.png);
	background-repeat: no-repeat;
	background-position:0 -134px; 


    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #575755;
	text-decoration: none;

}

#freetrial {
	background-image: url(../images/freetrial.png);
	background-repeat: no-repeat;
	    font-family:Georgia, "Times New Roman", Times, serif;
			font-size: 1.5em;
	line-height: 1.6em;
	color: #fff;
	width: 400px;
	height: auto;
	min-height: 60px;
	margin: 0 0 0 0px;
	padding: 30px 20px 20px 50px;
}


.faq_head {

    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #575755;
	text-decoration: none;
	padding: 20px 0 10px 0;
	border-top: 1px dashed #575755;

}

#faq_text {

    width: 230px;

}


.faq_head2 {

    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: normal;
	color: #575755;
	text-decoration: none;
	padding: 0 0 10px 0;

}


#form_container_out {
	width: 500px;
	height: auto;
	min-height: 300px;
	padding: 0px;
	background-colour: #fff;
	margin: 20px 0 0 0 ;
	border: 1px solid #cecece;
}

#form_container_in {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	width: auto;
	height: auto;
	min-height: 300px;
	padding: 10px 10px 10px 10px;
	background-colour: #fff;
	background-image: url(../images/form_bg.jpg);
	border: 1px solid white;
}

.congrats {
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.3em;
	line-height: 1.8em;
	}



.tour_graphic_out {
	width: 616px;
	height: auto;
	border:1px solid #CCCCCC;
}


#tour_graphic_in1 {
	background-image: url(../images/f_tour1b.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}


#tour_graphic_in2 {
	background-image: url(../images/f_tour2.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}


#tour_graphic_in3 {
	background-image: url(../images/f_tour3.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}

#tour_graphic_in4 {
	background-image: url(../images/f_tour4.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}


#tour_graphic_in5 {
	background-image: url(../images/f_tour1b.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}

#tour_graphic_in6 {
background-repeat: no-repeat;	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}

#tour_graphic_in7 {
	background-image: url(../images/f_tour5.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}

#tour_graphic_in8 {
	background-image: url(../images/f_tour6.jpg);
	background-repeat: no-repeat;
	width: auto;
	height: auto;
	min-height: 478px;
	border:1px solid #fff;
}





.tour {
	width:290px;
	x border:1px solid #FF9933;
	
	}




ol {

	list-style-type: decimal;
	margin: 0; 
    padding: 0; 

	

	}
	
ol li {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	line-height: 1.2em;
	padding:0px; 
	margin-top:10px;
	margin-bottom:15px;
	margin-left:35px;
	xbackground-color:green;

}
	











.clear_float {

	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}


#footer {
	width: auto;

	height: auto;
	min-height: 300px;
	margin: 20px 0 0 0;
	padding: 10px;
	border-top: 1px dashed #575755;

}

#footer_nav_left {
	float: left;
	width: auto;
	min-width: 200px;
	height: auto;
	min-height: 120px;
	margin: 0 20px 0 0;
	padding: 0 10px 0 0;
	border-right: 1px dashed #575755;



}

#footer_nav_mid {
	float: left;
	width: auto;
	min-width: 200px;	
	height: auto;
	min-height: 120px;
	margin: 0 20px 0 0;
		padding: 0 10px 0 0;
	border-right: 1px dashed #575755;
}


#footer_nav_right {
	float: right;
	float: left;
	width: auto;
	min-width: 200px;
	height: auto;
	min-height: 120px;
	margin: 0 20px 0 0;
		padding: 0 10px 0 0;
	border-right: 1px dashed #575755;
}




/*Tool Tip*/

.wrapper_tool {

		height: auto !important;
		min-height: 30px;
		width: 50px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
	
	}
	
	
.feature_line {
	float: left;
width: 100%;
	height: auto;
	min height 20px;

	}
	
.feature_text {
		float: left;
		width: auto;
	font-size: 1em;
	line-height: 1.8em;

	
	}


.tool{
	float: left;
	width: 25px;
	height: 25px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 5px;

}

.tool2{
	width: 25px;
	height: 25px;
	padding: 0px 0 0 0;
	margin: 0px 0 0 0;
}

.toolbox{
	width: 300px;
	height: auto;
	padding: 10px;
	margin: 0px 0 0 0;
	clear: both;


}



.level_table
{
font-family:Georgia, "Times New Roman", Times, serif;
	width:100%;
	border-collapse:collapse;
	margin: 8px 0 0 0;
	color:#575755;	

}
.level_table td, .level_table th 
{
	font-size:1em;
	text-align:center;
	padding:3px 7px 2px 7px;
	height: 30px;
}
.level_table th 
{
	font-size:1.1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	color:#ffffff;
}
.level_table tr.alt td 
{
	color:#575755;	
	background-color:#e9e9e9;
}


.level_table2
{
font-family:Georgia, "Times New Roman", Times, serif;
	width:82%;
	border-collapse:collapse;
	margin: 8px 0 0 0;
	color:#575755;	
	border: 1px solid #e9e9e9;

}
.level_table2 td, .level_table2 th 
{
	font-size:1em;
	text-align:left;
	padding:3px 7px 2px 20px;
	height: 26px;
	background-image: url(../images/greentick.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
}
.level_table2 th 
{
	font-size:1.1em;
	text-align:center;
	padding-top:5px;
	padding-bottom:4px;
	color:#ffffff;
}
.level_table2 tr.alt td 
{
	color:#575755;	
	background-color:#e9e9e9;
}






.template_box {

display: block;
width: auto;
min-width: 700px;
height: auto;
min-height: 100px;
border-bottom: 1px dotted white;
margin: 20px 0 0 0 ;
font-size: 1.1em;
font-style:italic;
line-height: 1.9em;
}

.template_top {

display: block;
width: auto;
min-width: 700px;
height: auto;
min-height: 100px;
margin: 20px 0 0 0 ;
}



/*--- - -- - Client Presentation - - ---- */



#present_wrapper {
		height: auto !important;
		min-height: 80px;
		width: 900px;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;

	
	}
	
	#present_nav {
	width: auto;
	height: auto;
	min-height: 50px;
	padding: 20px 0 0 0;
}
	
	
	#container_top_p {
	width: auto;
	height: auto;
	min-height: 200px;

	}
	
	#present_image_wrapper {
		height: auto !important;
		background-color:#FFFFFF;
		min-height: 2000px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 40px 0px 0px 0px;
		
	
	}
	
	
		#present_image_wrapper2 {
		height: auto !important;
		background-color:#eeeeee;
		min-height: 2000px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		
	
	}
	
			#present_image_wrapper_black {
		height: auto !important;
		background-color:#000000;
		min-height: 2000px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		
	
	}
	
				#present_image_wrapper_white {
		height: auto !important;
		background-color:#ffffff;
		min-height: 2000px;
		width: auto;
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 10px;
		padding: 0px 0px 0px 0px;
		
	
	}
	
	
	
/*--------  Phase 2 Marketing site --------  */



/*--------  Home page --------  */


#top_top {
padding: 0px 0 20px 0;
min-height: 100px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#666666;

}

#top_mid {
padding: 20px 0 0 20px;
background-image: url(../images/orange13.png);
background-repeat: repeat;
border-top: 2px dotted #c1bfac;
border-bottom: 2px dotted #c1bfac;
min-height: 120px;
margin-bottom: 20px;
}

#mid_col1 {
width: 205px;
float: left;
}

#mid_col2 {
width: 205px;
float: left;
padding: 0 0 0 20px;
}

#lower_mid {
padding: 20px 10px 0 20px;
background-image: url(../images/orange13.png);
background-repeat: repeat;
border-top: 2px dotted #c1bfac;
border-bottom: 2px dotted #c1bfac;
min-height: 120px;
margin-bottom: 20px;
}


#lower_col1, #lower_col2, #lower_col3, #lower_col4, #lower_col5, #lower_col6  {
float: left;
width: 270px;
padding: 0 0 0 10px;
margin-bottom: 10px;
}

#lower_col6  {
padding: 40px 0 0 40px;
}







.home_icon {
display: block;
float: left;
padding: 0 10px 0 0 ;
}

#customers_col1 {
font-style: italic;
width: 400px;
float: left;
padding: 0 30px 0 0px;

border-right: 1px dotted #c1bfac;
margin: 0 0 20px 0;


}

#customers_col2 {
font-style: italic;
width: 400px;
float: left;
padding: 0 0 0 40px;
margin: 0 0 20px 0;
}

#sign_up_container {
margin: 20px 0 0 0 ;
min-height: 100px;
font-size: 12px;
border-top: 2px solid #CECECE;
border-bottom: 2px solid #CECECE;
background-color:#FFFFFF;
padding: 0 0 0px 0;	

}


.sign_up_box {
	display: block;
	float: left;
	width: 142px;
	height: auto;
	min-height: 160px;
	margin: 0;
	border-left: 2px solid #CECECE;
	background-color:#FFFFFF;	
}

.sign_up_left {
	display: block;
	float: left;
	width: 176px;
	height: auto;
	min-height: 150px;
	margin: 0;
	background-color:#FFFFFF;
	border-left: 2px solid #CECECE;
	
}

.sign_up_right {
	display: block;
	float: right;
	width: 142px;
	height: auto;
	min-height: 150px;
	margin: 0;
	background-color:#FFFFFF;	
	border-right: 2px solid #CECECE;
	border-left: 2px solid #CECECE;


}




#container_top3 {
	width: auto;
	height: auto;
	min-height: 200px;
		border: 1px solid #575755;
	}
	
	
	#form_container2_out {
	width: auto;
	height: auto;
	min-height: 300px;
	padding: 0px;
	background-colour: #fff;
	margin: 20px 0 0 0 ;
	border: 1px solid #cecece;
}

#form_container2_in {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.8em;
	width: auto;
	height: auto;
	min-height: 300px;
	padding: 20px 10px 10px 10px;
	background-color: #f1efdd;
	background-image: url(../images/form_top.png);
	background-repeat: repeat-x;
	border: 1px solid white;
}
	

.form_left {
display: block;
float: left;
width: 200px;
min-height: 100px;
padding: 0 30px 0 0;
border: 1px solid red;

}

.form_right {
display: block;
float: left;
width: auto;
min-height 100px;
padding: 0 0 0 20px;

border: 1px solid red;
}

.fullwidth {
width:470px;
}

.steps{
 
    font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 1.8em;
	line-height: 1.2em;
	font-weight: normal;
	color:#575755;
	padding: 0 0 0 20px;
	}
	
	
	
	
	#signup_button {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/create_shop.png) no-repeat scroll right top;
border:medium none;
color:white;
cursor:pointer;
display:inline;
float:left;
font-family:Georgia,"Times New Roman",Times,serif;
font-size:1.8em;
height:57px;
line-height:35px;
margin:0 0 0 0px;
overflow:hidden;
padding:0 20px 4px 0px;
text-align:left;
text-decoration:none;
width:290px;

}

#signup_button:hover {
background-position: 100% -57px;
}


#container_sign_lower {
	width: auto;
	height: auto;
	min-height: 200px;
		margin: 30px 0 0 0;
	}
	
#faq_col1 {

width: 405px;
float: left;
padding: 0 30px 0 0px;

border-right: 1px dotted #c1bfac;

}

#faq_col2 {
width: 400px;
float: left;
padding: 0 0 0 40px;
}




/* --   F   E   A    T   U   R   E   S   --*/


#top_top2 {
padding: 0px 0 0px 0;
min-height: 85px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:18px;
color:#666666;
}



#features_container2 {

width: auto;
background-image: url(../images/backshad.png);
background-repeat:no-repeat;
background-position:center top;
height: 459px;

min-height:30px;
padding: 20px 0 10px 0px;

}

#features_lower1 {

width: auto;
height: 385px;
background-color: #FFFFFF;
background-image: url(../images/feat1bg.jpg);
padding: 20px 450px 0 30px;


}

#features_lower2 {
width: auto;
height: 385px;
background-color: #FFFFFF;
padding: 20px 20px 0 30px;

}

#features_lower3 {
width: auto;
height: 385px;
background-color: #FFFFFF;
padding: 20px 20px 0 30px;

}


#features_lower3_col {
width: 300px;
height: auto;
float: left;
}

#features_lower3_col2 {
width: 500px;
height: 200px;
float: right;

}

#features_lower5 {
width: auto;
height: 385px;
background-color: #FFFFFF;
padding: 20px 20px 0 30px;

}

#features_lower5_col {
width: 200px;
height: auto;
float: left;
}

#features_lower5_col2 {
width: 600px;
height: 200px;
float: right;

}

#features_lower_ex {
width: auto;
height: 433px;
background-color: #FFFFFF;
padding: 20px 20px 0 30px;

}






/* --   Features Nav   --*/


#navigation_feat  {
display:block;
list-style-type:none;
margin:0 0 0 0;
padding: 0px 0 4px 0;
}

#navigation_feat li {
display:inline;
list-style-position:outside;
float:left;
background-color:#FFFFFF;
}

#navigation_feat li a {
display:block;
background-color:#FFFFFF;
background-image: url(../images/tab.jpg);
font-family: Georgia, "Times New Roman", Times, serif;
text-align: center;
font-size: 16px;
color: #bab9b9;
background-repeat: no-repeat;
width: 165px;
height: 38px;
padding: 10px 5px 0 10px;
margin: 0;
}



#navigation_feat li a:hover {
background-color: #ffffff;
background-image: url(../images/tab_h.jpg);;
color:#7e7878;
}

#navigation_feat li a.selected {
background-color:transparent;
background-image: none;
color:#7e7878;
}

.slider_heading {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 22px;
color: #9c9a9a;
padding: 0 0 10px 0;
}

.slider_body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
color: #9c9a9a;
padding: 0 0 10px 0;
}


#home_topleft {
width: auto;
float: left;
padding: 20px 0 30px 80px;
text-align: right;
font-family: Georgia, "Times New Roman", Times, serif;
color: #FFFFFF;
font-size: 55px;
line-height: 48px;
background-image: url(../images/cosp_bg.png);


}


#home_topright {
width: auto;
float: left;
text-align: left;
padding: 40px 0 20px 0;


}