@charset "utf-8";

/* Page Body */

body {
	margin: 0;
	padding: 0;
	background-color: #336699;
	background-image: url('../images/bg_top.png');
	background-repeat: repeat-x;
	height: 499px;

}

a:link img { border: none }
a:visited img {border: none}

/* Page container */

#container {
	margin: 0 auto;
	padding: 0;
	width: 980px;
}

/* Logo */

#logo {
	padding: 10px 0 0 30px;
	margin: 0;
}

/* Navigation  */

#navigation ul {
	padding: 0;
	margin: 0;
	list-style: none;
	width: 980px;
}

#navigation li {display: inline;}
#navigation_home li {display: inline;}

#navigation_home li a:link {
	width: 128px;
	height: 53px;
	float: left;
	background-image: url('../images/buttons/index_idle.gif');
	display: block;
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	line-height: 53px;
}

#navigation_home li a:visited {
	width: 128px;
	height: 53px;
	float: left;
	background-image: url('../images/buttons/index_idle.gif');
	display: block;
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	line-height: 53px;
}

#navigation_home li a:hover {
	width: 128px;
	height: 53px;
	background-image: url('../images/buttons/index_hover.gif');
	font-family: Arial;
	font-size: 12pt;
	color: #000;
	line-height: 53px;
	font-weight: bold;
	text-align: center;
}

#navigation_green li a:link {
	width: 121px;
	height: 53px;
	float: left;
	background-image: url('../images/buttons/button_idle.gif');
	display: block;
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	line-height: 53px;
}

#navigation_green li a:visited {
	width: 121px;
	height: 53px;
	float: left;
	background-image: url('../images/buttons/button_idle.gif');
	display: block;
	color: #FFF;
	text-decoration: none;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	line-height: 53px;
}

#navigation_green li a:hover {
	width: 121px;
	height: 53px;
	background-image: url('../images/buttons/button_hover.gif');
	font-family: Arial;
	font-size: 12pt;
	color: #08e72d;
	line-height: 53px;
	font-weight: bold;
	text-align: center;
}

#navigation li a:link {
	width: 121px;
	height: 53px;
	background-image: url('../images/buttons/button_idle.gif');
	display: block;
	color: #FFF;
	text-decoration: none;
}

#navigation li a:visited {
	width: 121px;
	height: 53px;
	background-image: url('../images/buttons/button_idle.gif');
	display: block;
	color: #FFF;
	text-decoration: none;
}

#navigation li a:hover {
	width: 121px;
	height: 53px;
	background-image: url('../images/buttons/button_hover.gif');
	font-family: Arial;
	font-size: 12pt;
	color: #000;
	line-height: 53px;
	font-weight: bold;
	text-align: center;
}

/* Content */


/* Page Header */
#header {
	width: 915px;
	height: 248px;
	background-image: url('../images/body_top.gif');
	background-repeat: no-repeat;
	padding: 0;
	margin: 0 0 0 40px;
}

#head_left {
	width: 613px;
	padding: 25px 0 0 20px;
	float: left;
}

#head_right {
	width: 230px;
	padding: 20px 40px 0 0;
	float: right;
}

#head_right ul {
	list-style: none;
	margin: 0;
	padding: 5px 0 0 0;
}

/* Main content area */

#content {
	width: 909px;
	background-color: #FFF;
	border-left: 1px solid #253647;
	border-right: 1px solid #253647;
	padding: 0 2px 0 2px;
	margin: 0 0 0 40px;	
	overflow: auto;
}

/* Content Sections */

#content_left {
	width: 645px;
	float: left;
}

#content_right {
	width: 240px;
	padding-left: 15px;
	float: left;
}
/* What we do container 
#wwd_box {
	width: 631px;
	height: 250px;
	padding: 10px 10px 0 10px;
	margin: 0;
	background-image: url('../images/promgradient.jpg');
	background-repeat: no-repeat;
}

#wwd_img {
	padding-right: 10px;
	float: left;
	width: 82px;
}

#wwd_text ul {
	margin: 0;
	padding: 5px 0 0 15px;
	list-style-image: url('../images/chk.png');
	float: left;
} */

/* Packages */
#package_box {
	width: 645px;
	margin: 0;
	padding-left: 10px;
	overflow:hidden;
}

#package_desire a {
	width: 210px;
	height: 240px;
	float: left;
	padding-right: 4px;
	background-image: url('../images/kits/DesireKit.jpg');
	background-repeat: no-repeat;
}

#package_desire a:hover {
	background-image: url('../images/kits/DesireKit_hover.jpg');
}

#package_advantage a {
	width: 210px;
	height: 240px;
	float: left;
	padding-right: 4px;
	background-image: url('../images/kits/AdvantageKit.jpg');
	background-repeat: no-repeat;	
}

#package_advantage a:hover {
	background-image: url('../images/kits/AdvantageKit_hover.jpg');
}

#package_empowered a {
	width: 210px;
	height: 240px;
	float: left;
	padding-right: 4px;
	background-image: url('../images/kits/EmpoweredKit.jpg');
	background-repeat: no-repeat;		
}

#package_empowered a:hover {
	background-image: url('../images/kits/EmpoweredKit_hover.jpg');
}

#package_detailsl ul {
	width: 600px;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	border-top: 1px solid #000;
	overflow: hidden;
}


#package_details ul {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
	border-top: 1px solid #000;
	overflow: hidden;
}

#package_details li {
	padding-left: 4px;
	font-family: "Arial";
	font-size: 10pt;
	margin: 0;

}

#package_details li a:link,a:visited {
	color: #fff;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

#package_details li a:hover {
	color: #fff;
	text-decoration: underline;
}

.package_details_o {
	width: 195px;
	padding-left: 2px;
	margin: 0;
	background-color: #b7c9e2;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;

}

.package_details_oR1 {
	width: 195px;
	height: 30px;
 	line-height: 30px;
	padding-left: 2px;
	margin: 0;
	background-color: #b7c9e2;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;

}

.package_details_e {
	width: 195px;
	padding-left: 2px;
	margin: 0;
	background-color: #FFF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

.pdp {
	width: 80px;
	padding: 0;
	font-size: 11pt;
	height: 30px;
 	line-height: 30px;
	margin: 0;
	background-color: #b7c9e2;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

.pdi_e {
	width: 80px;
	padding-left: 2px;
	margin: 0;
	background-color: #FFF;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}

.pdi_o {
	width: 80px;
	padding-left: 2px;
	margin: 0;
	background-color: #b7c9e2;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
	
}

.pdi_ecom {
	width: 80px;
	padding-left: 2px;
	margin: 0;
	background-color: #d8d8d8;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}

.pdi_ecomR1 {
	width: 80px;
	padding-left: 2px;
	margin: 0;
	height: 30px;
 	line-height: 30px;
	background-color: #d8d8d8;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	font-weight: bold;
	font-size: 12pt;
	text-align: center;
}

/* Portfolio */
#s3slider {
   width: 610px; /* important to be same as image width */
   height: 300px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
}

#s3sliderContent {
   width: 610px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
  list-style: none;
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 374px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

}

.clear {
   clear: both;
} 

/* Why use us container */

#wuu_box {
	width: 615px;
	background-color: #f4f5f6;
	margin: 0;
	padding: 20px 10px 20px 10px;
	overflow: auto;
}

#wuu_img {
	padding-right: 10px;
	float: left;
	width: 65px;
}

#wuu_text {
	width: 520px;
	padding: 5px 0 0 15px;
	float: left;
	text-align: justify;
}

/* Content Text */
#ctleft {
	padding-left: 5px;
	padding-right: 5px;
}

#ctright {
	padding-left: 20px;
	padding-top: 10px;
}

#text_box_top {
	width: 616px;
	height: 25px;
	padding: 10px 0 0 20px;
	margin: 0;
	background-image: url('../images/text_box_top.jpg');
	background-repeat: no-repeat;
}

#text_box_mid {
	width: 605px;
	padding: 0;
	overflow: auto;
	margin: 0 0 0 4px;
	background-color: #f5f5f5;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

#text_box_mid_desc {
	width: 585px;
	padding: 0 10px 0 10px;
	margin: 0 0 0 4px;
	background-color: #f5f5f5;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
}

#text_box_bottom {
	width: 616px;
	height: 62px;
	padding: 10px 0 10px 20px;
	margin: 0;
	background-image: url('../images/text_box_bottom.jpg');
	background-repeat: no-repeat;
}

#step_box {
	width: 616px;
	height: 58px;
	background-image: url('../images/step_box.gif');
	background-repeat: no-repeat;
	padding: 15px 0 0 15px;	
}

/* Services description */

#service_desc_cont {
	width: 580px;
}

#promo_box {
	width: 450px;
	border-top: 2px solid #6191b9;
	border-bottom: 2px solid #6191b9;
	border-right: 2px solid #6191b9;	
	border-left: 5px solid #6191b9;
	background-color: #f9f9f9;
	padding: 5px 0 0 10px;
}

#space {
	width: 300px;
	height: 450px;
}

#sidebarHeading {
	width: 220px;
	color: #6191b9;
	font-size: 16pt;
	font-weight: bold;
	border-top: 3px solid #dedede;

}

#sidebarBreak {
	width: 220px;
	border-bottom: 1px dotted #dedede;
}

/* Contact Form */
#contact_top {
	width: 616px;
	padding: 0 0 0 20px;
	margin: 0;
	background-image: url('../images/contact_top.jpg');
	background-repeat: repeat-y;
}
#contact_middle{
	width: 616px;
	padding: 0 0 10px 20px;
	margin: 0;
}
#contact_bottom {
	width: 616px;
	height: 62px;
	padding: 10px 0 10px 20px;
	margin: 0;
	background-image: url('../images/contact_bottom.jpg');
	background-repeat: no-repeat;
}
form#contact label, input, textarea, select {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
}

form#contact label {
	text-align: right;
	width: 75px;
	padding-right: 20px;
}

form#contact br {
	clear: left;
}

#folioBox {
	width: 222px;
	float: left;
	margin: 0;
/*	background-image: url('../images/folioHead.gif'); */
	background-repeat: no-repeat;
	padding: 20px 0 45px 20px;
	font-family: Arial;
	font-size: 10pt;
	color: #282828;
}

#folio_thumb {
	padding: 5px 0 5px 5px;
	float: left;
	width: 220px;
	height: 120px;
	border: 1px solid #d4d4d4;
}

#folio_text ul{
	margin: 0;
	padding: 5px 0 0 30px;
	list-style-image: url('../images/chkGreen.png');
	float: left;
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	color: #337999;
}

#folio_description {
	padding: 10px 0 20px 20px;
	font-size: 10pt;
	font-family: Arial;
	color: #282828;
	
}

#logo_box {
	width: 640px;
	padding-bottom: 20px;
	margin-bottom: 10px;
}

#logo_disp {
	width: 320px;
	float: left;
}

/* Footer */

#footer {
	width: 980px;
	height: 45px;
	padding: 0 5px 0 5px;
	background-image: url('../images/footer.gif');
	background-repeat: no-repeat;
	background-position: bottom;
}

/* Fonts */
p {
	margin: 0;
	padding: 0;
}
.title_bold {
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	color: #282828;
}

.news_text {
	font-family: Arial;
	font-size: 10pt;
	color: #253647;
}

.news_text a:link, a:visited {
	text-decoration: none;
	color: #73a1c5;
	font-weight: bold;
}

.news_text a:hover {
	text-decoration: underline;
	color: #73a1c5;
	font-weight: bold;
}

/* Blue pointer text */

.point_text {
	font-family: Arial;
	font-size: 10pt;
	color: #5789b1;
	font-weight: bold;
}

.point_text2 {
	font-family: Arial;
	font-size: 18pt;
	color: #5789b1;
	font-weight: bold;
}

p.red {
	padding:5px 0px 2px 2px;
	font-family: Arial;
	font-size: 10pt;
	color: #ac4949;
	font-weight: bold;
}

/* Global Text */
.global_bold {
	font-family: Arial;
	font-size: 10pt;
	color: #282828;
	font-weight: bold;
}

.global {
	font-family: Arial;
	font-size: 10pt;
	color: #282828;
}

.global a:link {
	font-family: Arial;
	font-size: 10pt;
	color: #386c9c;
	text-decoration: none;
	
}

.global a:visited {
	font-family: Arial;
	font-size: 10pt;
	color: #386c9c;
	text-decoration: none;
}

.global a:hover {
	font-family: Arial;
	font-size: 10pt;
	color: #282828;
	text-decoration: underline;
}

.serviceReq a:link {
	width: 197px;
	height: 40px;
	background-image: url('../images/buttons/request_idle.gif');
	background-repeat: no-repeat;
	display: block;
	line-height: 40px;
	font-family: Arial;
	color: #999999;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.serviceReq a:visited {
	width: 197px;
	height: 40px;
	background-image: url('../images/buttons/request_idle.gif');
	background-repeat: no-repeat;
	display: block;
	line-height: 40px;
	font-family: Arial;
	color: #999999;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

.serviceReq a:hover {
	width: 197px;
	height: 40px;
	background-image: url('../images/buttons/request_hover.gif');
	font-family: Arial;
	color: #FFF;
	font-size: 12pt;
}

.promoBox {
	font-family: Arial;
	font-size: 10pt;
	color: #282828;
	float: left;
	padding: 5px 5px 5px 0;
}

.promoCode {
	background-color: #6191b9;
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
	float: left;
	border: 1px dashed #818181;
	padding: 2px 0 0 5px;
	width: 100px;
}

.pde {
	background-color: #e8f2f8;
	border-bottom: 1px solid #e4e4e4;
}

/* Footer Text */

.footerL {
	font-family: Arial;
	font-size: 9pt;
	color: #FFF;
	padding: 0 130px 0 10px;
	line-height: 45px;
	float: left;
	text-align: left;
}
.footerR {
	font-family: Arial;
	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
	line-height: 45px;
	float: left;
}
.footerC {
	font-family: Arial;
	font-size: 9pt;
	color: #FFF;
	padding: 0 200px 0 10px;
	line-height: 45px;
	float: left;
}
.footerC a:link {
	color: #FFF;
	text-decoration: none;
}
.footerC a:visited {
	color: #FFF;
	text-decoration: none;
}
.footerC a:hover {
	color: #FFF;
	text-decoration: underline;
}