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

body {margin:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*background:#231f20;*/
background:url(../images/ca_bg.jpg);
}

.inner {width:900px;
margin:auto;
}


.accesiblity_main { width:141px;
padding-left:404px;
padding-top:4px;
height:25px;
padding-right:22px;
float:right;
}

.accessibility1 { float:left;
padding-right:10px;
padding-top:5px;
}

.accessibility2 { float:left;
}


#header_ab {width:856px;
float:left;
padding-left:22px;
padding-right:22px;
padding-top:20px;
padding-bottom:20px;
background:#FFFFFF;
}


#header {width:856px;
float:left;
padding-left:22px;
padding-right:22px;
padding-top:20px;
padding-bottom:20px;
background-color:#FFFFFF;
background-image:url(../images/header_bg1.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

.header1 {width:900px;
height:140px;
float:left;
/*background:url(../images/header_bg.jpg) right bottom no-repeat;*/
}

.logo {width:307px;
height:65px;
margin-top:5px;
float:left;
cursor:pointer;
background:url(../images/logo.jpg) left top no-repeat;
}

.menu_main { width:545px;
float:right;
}

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

h1 {
margin:0px;
padding:0px;
font-weight:normal;
}

h2 {
margin:0px;
padding:0px;
font-weight:normal;
}

h3 {
margin:0px;
padding:0px;
font-weight:normal;
}

h4 {
margin:0px;
padding:0px;
font-weight:normal;
}

h5 {
margin:0px;
font-weight:normal;
padding:0px;
}

h6 {
margin:0px;
padding:0px;
font-weight:normal;
}


.topmain {width:352px;
padding-left:119px;
padding-bottom:7px;
padding-top:7px;
float:right;
}

.design {float:left;
font-size:12px;
color:#48184f;
padding-left:7px;
border-right:#b19e00 solid 1px;
padding-right:7px;
}

.design a {
font-size:12px;
color:#48184f;
text-decoration:none;
}

.design a:hover {
color:#b19e00;
text-decoration:none;
}


.design_current {float:left;
font-size:12px;
color:#b19e00;
padding-left:7px;
border-right:#b19e00 solid 1px;
padding-right:7px;
}

.design_current a {
font-size:12px;
color:#b19e00;
text-decoration:none;
}

.design_current a:hover {
color:#b19e00;
text-decoration:none;
}


.development {float:left;
font-size:12px;
padding-left:7px;
padding-right:7px;
border-right:#b19e00 solid 1px;
color:#48184f;
}

.development a {
font-size:12px;
color:#48184f;
text-decoration:none;
}

.development a:hover {
color:#b19e00;
text-decoration:none;
}


.development_current {float:left;
font-size:12px;
padding-left:7px;
padding-right:7px;
border-right:#b19e00 solid 1px;
color:#b19e00;
}

.development_current a {
font-size:12px;
color:#b19e00;
text-decoration:none;
}

.development_current a:hover {
color:#b19e00;
text-decoration:none;
}



.contact{float:left;
font-size:12px;
padding-left:7px;
color:#48184f;
}

.contact a {
font-size:12px;
text-decoration:none;
color:#48184f;
}

.contact a:hover {
color:#b19e00;
text-decoration:none;
}


.contact_current{float:left;
font-size:12px;
padding-left:7px;
color:#b19e00;
}

.contact_current a {
font-size:12px;
text-decoration:none;
color:#b19e00;
}

.contact_current a:hover {
color:#b19e00;
text-decoration:none;
}



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

ul li {padding:0px;
margin:0px;
}

.spacer { clear:both;
}

.helping_1 {width:545px;
height:32px;
text-align:right;
padding-top:5px;
float:left;
}


.banner {width:900px;
height:179px;
float:left;
background:url(../images/ca1.jpg) top center no-repeat;

}

#content {width:900px;
float:left;
background-image:url(../images/purple_bg.jpg);
background-color:#0b030c;
background-position:top;
padding-bottom:15px;
background-repeat:repeat-x;
}

.content_main { width:900px;
float:left;
padding-bottom:12px;
background:url(../images/design_development_support_.jpg) left top no-repeat;
height:55px;
}

.hide {display:none;
}

.design_main { width:298px;
float:left;
}

.design_head { width:110px;
float:left;
margin-top:10px;
margin-left:20px;
margin-right:20px;
height:40px;
cursor:pointer;
}

.design_text {width:210px;
float:left;
font-size:12px;
line-height:18px;
color:#FFFFFF;
padding-left:27px;
padding-right:22px;
}

.read_more {width:150px;
float:left;
font-size:11px;
color:#FFFFFF;
}

.read_more a {
font-size:11px;
font-style:italic;
color:#FFFFFF;
text-decoration:none;
}

.read_more a:hover {
text-decoration:underline;
}


.development_main { width:290px;
float:left;
}

.development_head { width:200px;
float:left;
margin-top:10px;
height:40px;
margin-left:16px;
cursor:pointer;
}

.development_text {width:245px;
float:left;
font-size:12px;
line-height:18px;
color:#FFFFFF;
padding-left:25px;
padding-right:22px;
}

.pad1 {padding-left:12px;
}


.support_main { width:214px;
float:left;
margin:0 0 0 25px;
}

.support_head { width:132px;
float:left;
margin-top:10px;
height:40px;
margin-left:18px;
cursor:pointer;
}

.support_text {width:210px;
float:left;
font-size:12px;
line-height:18px;
color:#FFFFFF;
padding-left:25px;
padding-right:22px;
}

.marketing_main { width:217px;
float:left;
}

.marketing_head { width:162px;
float:left;
margin-top:10px;
height:40px;
margin-left:18px;
cursor:pointer;
}

.marketing_text {width:190px;
float:left;
font-size:12px;
line-height:18px;
color:#FFFFFF;
padding-left:24px;
}

.content_bottom_border {
float:left;
width:850px;
padding-left:25px;
padding-right:25px;
}

.footer_link2 {width:850px;
padding-left:25px;
padding-right:25px;
padding-top:12px;
float:left;
}

.footer_left {width: 850px;
padding-top:12px;
float:left;
border-top:#89838a solid 1px;
}

.footer_text {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
color:#FFFFFF;
padding-right:5px;
}

.footer_link {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
border-left:#b19e00 solid 1px;
color:#FFFFFF;
padding-right:5px;
padding-left:5px;
}

.footer_link a {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
color:#FFFFFF;
text-decoration:none;
}

.footer_link a:hover {
text-decoration:underline;
}

.footer_right {width:130px;
float:right;
font-size:10px;
color:#FFFFFF;
text-align:right;
}

#footer { width:468px;
text-align:center;
padding-left:237px;
color:#FFFFFF;
padding-right:197px;
float:left;
padding-top:12px;
padding-bottom:4px;
}

.footer_home { padding-right:10px;
padding-left:10px;
border-right:#b19e00 solid 1px;
color:#ffffff;
font-size:11px;
float:left;
}

.footer_home a {
text-decoration:none;
color:#ffffff;
float:left;
}

.footer_home a:hover {
color:#b19e00;
text-decoration:none;
}


.footer_home_current { padding-right:10px;
padding-left:10px;
border-right:#b19e00 solid 1px;
color:#b19e00;
font-size:11px;
float:left;
}

.footer_home_current a {
text-decoration:none;
color:#b19e00;
float:left;
}

.footer_home_current a:hover {
color:#b19e00;
text-decoration:none;
}



.bor1 {border:none;
}

.register { font-size:9px;
color:#FFFFFF;
float:left;
width:850px;
padding-top:4px;
padding-bottom:4px;
}


img {border:0px;
}



/*design_page*/

#design_content {width:900px;
float:left;
padding-bottom:15px;
background:#FFFFFF;
}

.design_header {width:900px;
height:140px;
float:left;
background:url(../images/header_bg1.jpg) right bottom no-repeat;
}

.design_footer_text {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
color:#723373;
padding-right:5px;
}

.design_footer_right {width:130px;
float:right;
font-size:10px;
color:#723373;
text-align:right;
}

.design_register { font-size:9px;
color:#723373;
float:left;
width:850px;
padding-top:4px;
padding-bottom:4px;
}

.design_footer_link {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
border-left:#b19e00 solid 1px;
color:#723373;
padding-right:5px;
padding-left:5px;
}

.design_footer_link a {font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
float:left;
color:#723373;
text-decoration:none;
}

.design_footer_link a:hover {
text-decoration:underline;
}

.design_content_main { width:850px;
float:left;
padding-left:25px;
padding-right:25px;
padding-bottom:12px;
padding-top:4px;
}

.design_left {width:305px;
float:left;
}

.design_left1 {width:305px;
float:left;
padding-bottom:6px;
}

.design_left2 {width:275px;
float:left;
padding:15px 15px 100px 15px;
background: #73297e url(../images/key_design_features_bg.jpg) left bottom repeat-x;
}

.key_features {width:275px;
float:left;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
line-height:20px;
}

.key_features1 {width:275px;
float:left;
font-size:11px;
padding-top:7px;
font-style:italic;
color:#723373;
}

.key_features1 a {
font-size:11px;
color:#723373;
text-decoration:none;
}

.key_features1 a:hover {
color:#723373;
text-decoration:underline;
}

.design_center {width:285px;
float:left;
padding-left:17px;
padding-right:17px;
}

.design_title {width:285px;
float:left;
height:37px;
}
.design_title h1 { display:none;
}

.design_title_ab {width:500px;
float:left;
height:37px;
}
.design_title_ab h1 { display:none;
}

.design_center_text { font-size:14px;
color:#723373;
width:285px;
line-height:18px;
float:left;
font-weight:bold;
padding-bottom:17px;
}

.design_center_txt1 {font-size:12px;
color:#616265;
float:left;
width:285px;
line-height:18px;
}

.bold {font-weight:bold;
}

.design_right { width:225px;
float:right;
}

.design_right1 { background:#723373;
padding:10px 10px 10px 10px;
float:left;
width:205px;
margin-bottom:7px;
}

.design_right1a { width:205px;
float:left;
line-height:18px;
font-size:12px;
color:#FFFFFF;
font-weight:bold;
}

.design_right1aa { width:205px;
float:left;
line-height:18px;
font-size:12px;
color:#FFFFFF;
}

.design_right2 {background:#b19e00;
float:left;
padding:10px 10px 10px 10px;
width:205px;
margin-bottom:7px;
}

.design_right2a { float:left;
font-size:12px;
color:#FFFFFF;
width:205px;
line-height:18px;
font-weight:bold;
}

.design_right2aa { float:left;
font-size:12px;
width:205px;
color:#FFFFFF;
line-height:18px;
}

.design_footer_left {width: 850px;
padding-top:12px;
float:left;
border-top:#b899b9 solid 1px;
}

.design_testimonial {width:201px;
float:left;
padding:10px 10px 10px 10px;
border:#d8cf80 solid 2px;
}

.design_testimonial_1 {width:201px;
float:left;
font-size:10px;
line-height:17px;
color:#b19e00;
}

.design_testimonial_1a {width:201px;
float:left;
line-height:17px;
font-size:11px;
color:#723373;
font-weight:bold;
}

.design_testimonial_1a a {
font-size:11px;
color:#723373;
text-decoration:none;
}

.design_testimonial_1a a:hover {
text-decoration:underline;
}

.design_testimonial_1aa {width:201px;
float:left;
line-height:17px;
font-size:11px;
color:#723373;
}

.design_testimonial_read_more {
	width:270px;
	line-height:17px;
	font-size:11px;
	color:#723373;
	background:#FFFFFF;
	padding:20px;
	left: 22px;
	border:#000000 solid 1px;
	top: 711px;
}

.design_testimonial_read_more a {
font-size:11px;
color:#723373;
text-decoration:none;
}

.design_testimonial_read_more a:hover {
text-decoration:underline;
}

.design_testimonial_1aaa {width:201px;
float:left;
line-height:17px;
font-size:11px;
font-style:italic;
color:#b19e00;
}

.design_testimonial_1aaa a {
font-size:11px;
color:#b19e00;
text-decoration:none;
}

.design_testimonial_1aaa a:hover {
text-decoration:underline;
}

.popup { position:absolute; 
display:none;
}

.cross {width:270px;
position:absolute;
left:30px;
top:5px;
float:left;
text-align:right;
color:#000000;
}

a.cross { text-decoration:none;
text-align:right;
color:#000000;
}

a.cross:hover { text-decoration:none;
}






.contact_left_bg {width:275px;
float:left;
padding:15px 15px 0px 15px;
background:url(../images/contact_us_bg.jpg) left top repeat-x;
}

.contact_t {width:275px;
float:left;
padding-bottom:12px;
}

.contact_t1 { font-size:12px;
color:#FFFFFF;
float:left;
width:275px;
line-height:17px;
padding-bottom:7px;
}

.contact_t1 a { font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

.contact_t1 a:hover {
text-decoration:underline;
}

.download_txt { font-size:12px;
color:#FFFFFF;
font-weight:bold;
float:left;
padding-right:10px;
}

.download_txt a { font-size:12px;
color:#FFFFFF;
text-decoration:none;
}

.download_txt a:hover {
text-decoration:none;
}

.contact_t2 { font-size:12px;
color:#FFFFFF;
float:left;
width:275px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
}

.form {padding:0px;
margin:0px;
}

.form1 {width:275px;
float:left;
}

.form2 {width:275px;
float:left;
}

.form3 {width:275px;
float:left;
padding-bottom:2px;
}

.form4 { width:110px;
float:left;
font-size:10px;
color:#3e4042;
line-height:22px;
}

.form4ab { width:110px;
float:left;
font-size:10px;
padding-top:3px;
color:#3e4042;
}

.form4a { float:left;
width:11x;
padding-left:5px;
font-size:10px;
color:#3e4042;
}

.form5 { width:160px;
float:left;
}

.form5a { width:160px;
float:left;
font-size:10px;
color:#3e4042;
padding-top:5px;
padding-bottom:5px;

}

.form6 { width:150px;
float:left;
font-size:10px;
color:#3e4042;
padding-top:4px;
text-align:left;
}

.f1 {width:155px;
height:14px;
padding-bottom:2px;
font-size:11px;
}

.contact_right {width:527px;
float:left;
padding-left:17px;
}

.contact_right_text { font-size:14px;
color:#723373;
width:500px;
line-height:21px;
float:left;
font-weight:bold;
padding-bottom:17px;
}

.contact_right_txt1 {font-size:12px;
color:#616265;
float:left;
padding-right:15px;
width:260px;
line-height:20px;
}

.contact_right_txt2 {font-size:12px;
color:#616265;
float:left;
width:250px;
}

.contact_right_pdf {width:500px;
float:left;
padding-left:17px;
padding-top:63px;
}

.pdflink { float:left;
padding-right:17px;
}

.development_left2 {width:275px;
float:left;
padding:15px 15px 100px 15px;
background:url(../images/key_development_features_bg.jpg) left top repeat-x;
}

.marketing_left2 {width:275px;
float:left;
padding:15px 15px 100px 15px;
background:url(../images/key_marketing_features_bg.jpg) left top repeat-x;
}

.sitemap {width:500px;
float:left;
}

.sitemap1 { font-family:Verdana, Arial, Helvetica, sans-serif;
width:110px;
font-size:12px;
color:#6e1571;
background:url(../images/bullet_yellow.jpg) left top no-repeat;
}

.sitemap1 a {
display:block;
padding-left:17px;
padding-top:7px;
padding-bottom:4px;
font-size:12px;
color:#6e1571;
text-decoration:none;
}

.sitemap1 a:hover { background:url(../images/bullet_purple.jpg) left top no-repeat;
color:#6e1571;
text-decoration:none;
}

.sitemap2 {width:480px;
float:left;
padding-left:20px;
padding-bottom:10px;
}





.three_lines_122809 { width:900px;
float:left;
background:url(../images/3lines.png) left top repeat-y;
}


.icon_50110 { padding-left:7px;
float:left;
}

.icon1_50110 { padding-left:15px;
float:left;
}