﻿body { margin:0px;padding:0px;font-family:Sans-Serif;color:#6a6a6a; background-position:center top; background-repeat:no-repeat; position:relative; }
img { margin:0px;padding:0px; }
p { font-size:11px;margin:0px;padding:3px 0px 3px 5px; }
a { text-decoration:none;color:#666666 }
a:hover { text-decoration:underline; }
img { border:none; }

.spacer { margin:18px 0px }
.separator { background-image:url(/assets/separator.jpg); width:500px;height:30px; background-repeat:no-repeat; background-position:left center; margin-left:20px; } 

.longbody { height:1000px; }

.font11 { font-size:11px !important; }
.disabled { color:#cccccc !important; }

h1.blue { color:#5754c3; font-size:17px !important; padding:5px 0px 5px 0px !important; margin:0px !important; }
h1.red { color:#c35454; font-size:17px !important; padding:5px 0px 5px 0px !important; margin:0px !important; }
h1.yellow { color:#bc954a; font-size:17px !important; padding:5px 0px 5px 0px !important; margin:0px !important; }
h4,h5,h6 { margin:5px 0px 5px 0px; padding:0px; font-size:12px; font-weight:bold; color:#5754c3; text-align:center; text-decoration:underline; }

#page_container { width:992px;margin:auto; padding:5px;  }
    #page_container .yellow { color:#bc954a }
    #page_container .blue { color:#5754c3 }
    #page_container .red { color:#c35454 }

#banner_container { width:992px;height:138px; }

#menu_container { width:992px;height:63px; }
    #menu_container .left { width:270px;height:63px;float:left; }
    #menu_container .menu { width:659px;height:63px;float:left;background-image:url(/assets/menu_bg.jpg);background-repeat:repeat-x;z-index:80;position:relative }
    #menu_container .right { width:62px;height:63px;float:left;}

#side_container { width:260px;margin-top:10px;float:left;padding:0px 5px 0px 5px; }
    #side_container .left { width:260px;float:left; }
        #testimonials { margin:10px 0px 0px 0px }
			.item { margin:0px 0px 50px 0px }
				.item div { float:right; margin:0px 15px 0px 0px; font-size:11px; text-align:right; }
					.item div b { color:#000000; }
					.item div a { color:#5754C3 }
				
				.item a:hover { text-decoration:underline }
				.item p { padding:15px 10px 5px 10px; }
				
            


#quickmenu { width:240px;margin:10px 0px 0px 0px;padding-left:10px; height:162px; }
    #quickmenu ul { padding:0px;margin:0px;list-style:none }
    #quickmenu ul li { width:200px;height:18px;margin:10px;padding:3px 0px 0px 30px;font-size:12px;}
    #quickmenu ul li a:hover { text-decoration:underline;color:Blue; }
    #quickmenu ul .one { background-image:url(/assets/quickmenuicons.gif);background-position:0 0px;background-repeat:no-repeat;}
    #quickmenu ul .two { background-image:url(/assets/quickmenuicons.gif);background-position:0 -21px;background-repeat:no-repeat;}
    #quickmenu ul .three { background-image:url(/assets/quickmenuicons.gif);background-position:0 -42px;background-repeat:no-repeat;}
    #quickmenu ul .four { background-image:url(/assets/quickmenuicons.gif);background-position:0 -64px;background-repeat:no-repeat;}


.lheader { height:34px;width:260px;background-image:url(/assets/backgrounds.png);margin:0 auto; }
    .lheader .header_right { height:34px;width:9px;background-image:url(/assets/backgrounds.png);background-position:0 -40px;float:right; }
    .lheader .header_title h1 { padding:10px 0px 0px 50px;font-weight:bold;font-size:12px;margin:0px; }

.rheader { height:34px;width:720px;background-image:url(/assets/backgrounds.png);margin:0 auto; }
    .rheader .header_right { height:34px;width:9px;background-image:url(/assets/backgrounds.png);background-position:0 -40px;float:right; }
    .rheader .header_title h1 { padding:10px 0px 0px 50px;font-weight:normal;font-size:12px;margin:0px; }


#body_container { width:720px;margin-top:10px;float:left;  }
    #body_container .middle { width:720px;  float:left;border-left:Solid 1px #e0e0e0;border-right:Solid 1px #e0e0e0;border-bottom:Solid 1px #e0e0e0 }
    	#pageheight { float:left; height:1000px; }
    	.content_panel { float:left; width:720px; }
	#body_container .flash { width:719px;height:200px;float:left;z-index:0;border:solid 1px #cccccc;overflow:hidden;margin-bottom:4px; }
    #body_container .flash .content { position:absolute;margin-top:63px;margin-left:350px;font-size:12px;width:420px;color:#4f4f4f;z-index:1; }
	

#footer_container { width:992px;height:210px;background-color:#4d4c86;margin:10px auto 0 auto;  }
    #footer_container span { font-size:13px;font-weight:bold;color:#ffffff;text-decoration:underline;}
    #footer_container ul { padding-top:10px; }
    #footer_container .footer_top { height:53px;width:992px;background-image:url(/assets/footer_bg.jpg);float:left }
        .footer_top p { color:#a0a0a0; padding:18px 0px 0px 10px; margin:0px }
    #footer_container .footer_bottom { width:992px; }

.footer_menu { border-right:Solid 2px #010052;width:170px;height:137px;padding:20px 10px 0px 0px;float:left;text-align:right; }
    .footer_menu a:hover { color:#ffffff;text-decoration:underline; }
    .footer_menu ul { list-style:none;font-size:12px;margin:0px; }
    .footer_menu ul li { line-height:18px; }
    .footer_menu ul li a { color:#a0a0a0 }
    
.footer_rightside { width:400px; height:137px; padding:20px 10px 0px 0px; float:left; text-align:right;}
    .footer_rightside p { color:#a0a0a0; }

.option { width:250px;height:131px;margin:10px 0px 5px 5px; }
    .option h1 { padding:0px;margin:10px 0px 0px 5px;font-size:14px;color:#000000; }
    .option p { padding-left:10px; }
    .option .option_left { width:107px;height:115px;float:left;}
    .option .option_right { width:138px;height:115px;float:left;}
    .option .more { font-size:12px;margin:5px 0px 0px 0px;padding:0px;line-height:16px;float:right;list-style:none;width:77px; }
        .option .more li { width:77px;height:18px;background-image:url(/assets/backgrounds.png);background-position:0 -144px;}
        .option .more li a { padding-right:40px;color:#dfdfdf;text-decoration:none;padding-left:8px;height:16px;font-weight:bold  }
        .option .more li a:hover { width:77px;height:18px;background-image:url(/assets/backgrounds.png);background-position:0 -161px;}


#portfolio { width:720px; margin-top:10px;  }
    .portfolio_item { width:222px; float:left; padding:10px 2px 0px 15px; height:390px; }
        .portfolio_preview { width:200px; height:31px; margin:0px 2px 0px 2px; background:#f3f3f9; border:Solid 0px #d9dbea; border-width:1px 1px 0px 1px; }
            .portfolio_preview_live { width:86px; height:21px; margin:5px 0px 0px 3px; float:left }
            .portfolio_preview_zoom { width:35px; height:21px; margin:5px 0px 0px 73px; float:left }
        .portfolio_description { width:197px; background-color:#f3f3f9; margin:0px 0px 0px 4px; padding:0px; height:140px; overflow:hidden; border:Solid 0px #d9dbea; border-width:0px 1px 1px 1px; }
            .portfolio_description h2 { padding:8px 5px 3px 5px !important; margin:0px !important; color:#8989c9; font-size:13px !important; }
            .portfolio_description p {padding:2px 5px 10px 7px !important; font-size:11px !important; }
        .portfolio_item .portfolio_item_image { width:222px; height:206px; background-image:url(/assets/portfolio_image_background.gif); overflow:hidden; }
    
/*Tooltip*/    
#tooltip { padding: 5px 10px 5px 10px; background: #E9E9FF ; border: 1px solid #b2bdc3; opacity: 0.90; font-size:12px; }

/* Header With Image */
.headerwithimage { width:700px; height:80px; padding-left:20px; }
	.headerwithimage .image { width:93px; height:80px; float:left; }
	.headerwithimage .text { width:573px; height:80px; float:left; padding:0px 0px 0px 10px;  }
	
/* ###################### BODY CONTAINER ################################ */
.middle h1 { padding:10px 0px 0px 20px;margin:0px;font-weight:normal;font-size:18px; }
.middle h1 b { font-size:22px; }
.middle h1 span { color:#2222a5 }
.middle h2 { padding:0px 0px 10px 20px;margin:0px;font-size:11px;font-weight:normal; }
.middle .h3_blue { padding:0px 0px 10px 20px;margin:0px;font-size:14px;font-weight:normal; color:#8180C8 }
.middle .h3_red { padding:0px 0px 10px 20px;margin:0px;font-size:14px;font-weight:normal; color:#c77171 }
.middle p { margin:0px;padding:10px 20px 5px 20px;font-size:12px; }

.hp_list { padding:0px; margin:10px 0px 10px 20px; font-size:12px; list-style:none; }
	.hp_list h1 { margin:0px; padding:0px; }
	.hp_list h1 span { color:#C35454  }
	.hp_list li { margin:0px; padding:0px }
		.hp_list ul { padding:0px;margin:5px 40px 25px 0px; list-style:none; }


#twoframes { height:393px }
    #twoframes .left { width:330px;float:left;padding:10px 10px 25px 0px;border-right:Solid 1px #e0e0e0; height:393px }
    #twoframes .right { width:340px;float:left;padding:10px 10px 25px 10px; height:393px }
    #twoframes h1 { padding-bottom:15px; }
    #twoframes img { padding:5px 0px 10px 10px; }

/* Web Design Page */
.ul_standard { margin:10px 0px 10px 150px; list-style:none; width:390px; }
	.ul_standard li { padding:8px 0px 5px 30px; background-image:url(/assets/ul_icon.gif); background-position:left 5px; background-repeat:no-repeat ;
					  font-size:12px; font-weight:bold; color:#7f87b7 }
		.ul_standard li ul { }
			.ul_standard li ul li { background:none; color:#666666; font-weight:normal; padding-left:10px; }

/* Contact Us Page */
#contactus { font-size:12px; }
    #contactinfo { width:330px; float:left; }
		#contactinfo p { padding:0px; margin:15px 25px 15px 20px; }
    
    #contactform { width:345px; float:left; margin-left:20px;  }
    
        .contactform_text { width:345px; float:left; font-size:11px; margin-top:10px; }
            .contactform_text .text { width:120px; float:left; font-weight:bold; color:#6463bb; }
                .contactform_text .text .mandatory { font-size:14px; color:#b00d0d; }
                
            .contactform_text .error { width:197px; float:left; margin-left:5px; color:#b00d0d; text-align:right; margin-right:23px; }
            
        .contactform_control { width:345px; float:left }
            .contactform_sendemail { width:320px; float:left; text-align:right; margin-right:0px;}
				.contactform_sendemail input { margin:0px; padding:0px; }
                .div_response { width:200px; float:left; text-align:right; margin-right:10px; }
            .contactform_control input { width:320px; background-color:#f8f8f8; border:Solid 1px #CCCCCC; }
            .contactform_control textarea { width:320px; height:200px; background-color:#f8f8f8; border:Solid 1px #CCCCCC; }
			
/* Website Options Page */
div.option-container { width:100%; display:block; }
	div.option-item { width:228px; height:400px; margin-left:8px; float:left }
		div.item-header { width:228px; height:30px; text-align:center; }
		div.item-icon { width:228px; height:160px; background:#ffffff no-repeat center 5px; }
		div.item-content { width:228px; background:#f7f7f7 url(/assets/options_line.gif) no-repeat 0 0; margin:0px 0px 10px 0px; }
			div.item-content ul { margin:0px 5px 0px 20px; padding:10px 0px; font-size:12px; line-height:12px; }
				div.item-content ul li { padding:3px 0px 3px 0px; }
		div.item-footer { width:228px; height:50px; font-size:11px; }
div.option-container span.blue { color:#5754c3; font-size:26px !important; }
div.option-container span.red { color:#c35454; font-size:26px !important; }
div.option-container span.yellow { color:#bc954a; font-size:26px !important; }

/* Links Exchange Page */
#link_exchange { }
	#link_exchange li { padding:7px 0px 3px 0px; font-size:12px; }
	#link_exchange li a { color:#0A139E; font-size:12px; }
	#link_exchange ul { list-style:none; padding:0px; }
		#link_exchange ul li { padding:0px 0px 3px 0px; }

/* Error Page */
.errorpage h5 { text-align:left; padding:5px; font-size:11px; text-decoration:none;}
.errorpage ul { font-size:12px; padding-top:0px; margin-top:0px;}
.errorpage ul li { padding:10px 0px 10px 0px; font-size:13px; font-weight:bold; color:#999 }
	.errorpage ul li a { color:#666 }
.errorpage li li { padding:2px; font-size:12px; font-weight:normal}


/* MENU2.ASCX */

#dropList {
	height:63px;
	position:relative;
	font-family:arial, verdana, sans-serif;
	font-size:11px;
	z-index:80;
}
#dropList ul#menu {
	margin:0;
	padding:0 0 0 0px;
	list-style:none;
	white-space:nowrap;
	display:inline;
}
#dropList ul#menu li.level1-li {
	float:left;
	height:19px;
	
}
#lastitem { 
	background-position:-110px -79px;
}
#dropList ul#menu li.level1-li a.level1-a {
	display:block;
	height:19px;
	text-decoration:none;
	white-space:nowrap;
	font-weight:bold;
	color:#ddd;padding:7px 0px;text-align:center;
	width:109px;	
	background-image:url(/assets/backgrounds.png);background-position:-45px -80px;

}

#dropList ul#menu li.sub a.level1-a {
	color:#ddd;
}
#dropList ul#menu li.level1-li:hover, #dropList ul#menu li.level1-li a.level1-a:hover {
	position:relative;
}
#dropList ul#menu li.level1-li a.level1-a:hover, #dropList ul#menu li.level1-li:hover a.level1-a {
	color:#fff;
}
#dropList ul#menu li.sub a.level1-a:hover {
	height:29px;
	color:#FFFFFF;
}
#dropList ul#menu li.sub:hover > a.level1-a {
	height:29px;

}
#dropList ul#menu li div.listHolder {
	position:absolute;
	left:-9999px;
	top:30px;
	background:#1a1a83;
	border:1px solid #000065;
	border-width:0 1px 1px 1px;
	padding:0;
} /* IE6 only */
#dropList table {
	border-collapse:collapse;
	margin:-1px -10px;
	font-size:1em;
	width:0;
	height:0;
}
#dropList ul#menu :hover div.listHolder {
	left:0;
}
#dropList ul#menu a:hover div.listHolder {
	left:-1px;
	top:29px;
}
#dropList ul#menu div.col1 {
	width:141px;
}
#dropList ul#menu div.col2 {
	width:280px;
}
#dropList ul#menu div.col3 {
	width:390px;
}
#dropList ul#menu a:hover div.left1, #dropList ul#menu :hover div.left1 {
	left:-141px;
}
#dropList ul#menu div.listHolder div.bottomLine {
	clear:left;
	background:#9191c4;
	height:10px;
}
#dropList ul#menu a:hover div.listHolder div.bottomLine {
	height:1px;
}
#dropList ul#menu div.listHolder div.bottomLine p {
	padding:0 0 0 15px;
	margin:0;
	line-height:20px;
	color:#fc0;
	font-weight:bold;
}
#dropList ul#menu div.listHolder div.bottomLine p a {
	color:#fff;
}
#dropList ul#menu div.listHolder div.bottomLine p a:hover {
	text-decoration:none;
}
#dropList ul.atoz {
	padding:0;
	margin:0;
	list-style:none;
	width:420px;
	height:24px;
	background:#fff;
}
#dropList ul.atoz div.subListHolder {
	position:absolute;
	left:-9999px;
}
#dropList ul.atoz li {
	display:block;
	float:left;
}
#dropList ul.atoz li a {
	display:block;
	padding:0 10px;
	float:left;
	height:24px;
	line-height:24px;
	background:#fff;
	color:#000;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
}
#dropList ul.atoz li a:hover {
	background:#069;
	color:#fff;
}
#dropList ul.atoz li:hover > a {
	background:#069;
	color:#fff;
}
#dropList ul.atoz :hover div.subListHolder {
	left:-1px;
	top:24px;
}
#dropList div.listCol {
	
	float:left;
	padding:0px;
	margin:0;
	width:120px;
	height:150px;
	
}
#dropList div.border {
	border:Solid 1px #9191c4;
	border-width:0px 1px 0px 0px;
	padding:0px 5px 0px 5px;
}
#dropList div.listCol h5 {
	padding:15px 0 10px 20px;
	margin:0;
	font-size:12px;
	line-height:13px;
	text-align:left;
	color:#FFFFFF;
	text-decoration:underline;
}
#dropList div.listCol ul {
	padding:0;
	margin:0;
	list-style:none;
}
#dropList div.listCol ul li {
	padding:0;
	margin:0;
	text-align:left;
}
#dropList div.listCol ul li a {
	color:#cccccc;
	text-decoration:none;
	font-weight:normal;
	white-space:nowrap;
    line-height:18px;
	text-align:left;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#dropList div.listCol ul li a:hover {
	text-decoration:underline;
}
#dropList div.sublistCol {
	display:block;
	float:left;
	padding:10px;
	margin:0;
	width:100px;
	text-align:left;
	line-height:15px;
}
#dropList div.sublistCol h5 {
	clear:left;
	padding:5px 0 0 0;
	margin:0;
	font-size:11px;
	line-height:13px;
	text-align:left;
	color:#000;
}
#dropList div.sublistCol ul {
	padding:0;
	margin:0;
	list-style:none;
	width:110px;
}
#dropList div.sublistCol ul li {
	line-height:15px;
	padding:0;
	margin:0;
	width:110px
}
#dropList div.sublistCol ul li a {
	display:block;
	float:left;
	color:#069;
	text-decoration:none;
	padding-left:10px;
	font-weight:normal;
	white-space:nowrap;
	height:15px;
	line-height:15px;
	font-weight:normal;
}
#dropList div.sublistCol ul li a:hover {
	text-decoration:underline;
	color:#069;
}
#dropList div.sublistCol ul li:hover a {
	text-decoration:underline;
	color:#069;
}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine {
	clear:left;
	background:#ffffff;
	padding:0;
	text-align:left;
}
#dropList ul#menu a:hover div.listHolder ul.atoz div.bottomLine {
	height:1px;
}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p {
	padding:0 0 0 15px;
	margin:0;
	line-height:0px;
	color:#fc0;
	font-weight:bold;
}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a {
	color:#fff;
	background:#ffffff;
	display:inline;
	float:none;
	padding:0;
	text-decoration:underline;
}
#dropList ul#menu :hover div.listHolder ul.atoz div.bottomLine p a:hover {
	text-decoration:none;
}
#dropList table table {
	border-collapse:collapse;
	margin:-1px -10px 0 -10px;
	font-size:1em;
	width:0;
	height:0;
}

