/* CSS for SMB */

@import 'reset.css';
@import 'forms.css';

body { 
font:normal 12px Arial, Helvetica, sans-serif; color:#656565;
background:#000000 url(../images/body_bg.gif) repeat-x top; padding-bottom:50px;
text-align:center; /* centered layout: ie6 hack*/ }

p { line-height:20px; }
a { outline:none; }
em { font-style:italic; }


h3{font: bold 14px Arial, Helvetica, sans-serif; color:#333;}


a:link{ color:#06d;}
a:hover{color:#7EE13F;}
a:active{color:#7EE13F;}
a:visited{color:#06f;}

/* GLOBAL */
.green { color:#b0e157; }
.green1 { color:#9ac343; }
.green_striking { color:#2f9b24; }
.blue { color:#0071bc; }
.red{color:#FF0000;}
.bold{font-weight:bold;}
.light_grey { background:#f7f7f7; }
.tright { text-align:right;}
.tleft { text-align:left;}
.fright{ float:right;}
.hide { display:none; }
.noborder{border:none; }
.clear { height:1%; clear:both;}
.vtop{vertical-align:top;}
.vmid{vertical-align:middle;}
.vbottom{vertical-align: bottom;}
.nopadding{padding:0;}
.tbox{width:430px; border:1px solid #ccc;}
input.tbox:focus{border:2px solid #69f;}

#container { position:relative; width:960px; margin:0 auto; }

/* HEADER */
#header { height:105px; position:relative; z-index:3; /* bring all header section to Front */ }
#header h1 { position:absolute; top:14px; left:1px; width:282px; height:80px; }
#header h1 img { border:none; }
#header p {  text-align:right; font-size:16px; font-weight:bold; color:#fff; padding:20px 50px 0 0; line-height:24px; }
#header p a { color:#6ebcec; text-decoration:none; }
#header p a:hover { text-decoration:underline; }
.force {  text-align:right; font-size:11px; color:#fff; padding-top:60px; }
.force a { color:#6ebcec; text-decoration:none; }
.force a:hover { text-decoration:underline; }

/* NAVIGATION */
#navigation { height:26px; background:url(../images/navigation_border_trick.gif) repeat-x bottom;  }
#navigation ul.menu { padding: 0 0 0 10px; margin: 0 auto; height: 25px; list-style: none; position:relative; z-index:2; }
.menu li { float:left; margin-right:7px; }
.menu li a { float: left; display: block; height:26px; text-decoration: none; font-weight:bold;}
.menu li#home a:hover, .menu li#about a:hover, .menu li#services a:hover, .menu li#partners a:hover, .menu li#clients a:hover, .menu li#contacts a:hover, .menu li#home a.active, .menu li#about a.active, .menu li#services a.active, .menu li#partners a.active, .menu li#clients a.active,.menu li#contacts a.active,.menu li#home a.active:hover, .menu li#about a.active:hover, .menu li#services a.active:hover, .menu li#partners a.active:hover, .menu li#clients a.active:hover,.menu li#contacts a.active:hover { background-position:100% -30px; }
.menu li a span { display:none; } /* hide the text */

/* Image based navigation */
.menu li#home a { width:63px; background:url(../images/navigation_home.gif) no-repeat top left; }
.menu li#about a { width:78px; background:url(../images/navigation_about.gif) no-repeat top left; }
.menu li#services a { width:78px; background:url(../images/navigation_services.gif) no-repeat top left; }
.menu li#partners a { width:87px; background:url(../images/navigation_partners.gif) no-repeat top left; }
.menu li#clients a { width:78px; background:url(../images/navigation_clients.gif) no-repeat top left; }
.menu li#contacts a { width:100px; background:url(../images/navigation_contacts.gif) no-repeat top left; }

/* SUBMENU */
#submenu_holder { height:48px; position:relative; z-index:4; background:#fff url(../images/submenu_bg.gif) repeat-x top;}
#submenu_holder ul.submenu { float:left; width:100%; padding-left:10px; /* left gap between 1st submenu and the boundary */ }
.submenu li { display: inline; float:left; background:url(../images/submenu_separator.gif) no-repeat top right; }
.submenu li.last { background:none; } /* far right menu, remove Separator | */
.submenu li a { float: left; display:block; height:48px; text-decoration:none; color:#0071bc; background:url(../images/submenu_link.gif) no-repeat top center;  padding:0 10px;} /* hold the indicator*/
.submenu li a:hover, .submenu li a.active, .submenu li a.active:hover { background-position:bottom center; color:#555555; }
.submenu li a span { display:block; padding-top:1em; text-align:center; margin:0; } /* positioned the text link */

/* BOX */
#box { background:#fff; text-align:center; }

/* FOOTER */
#footer { clear:both; background:#fff url(../images/footer_bottom_right.gif) no-repeat bottom right; height:54px; font-size:12px; text-align:left; }
#footer p { padding:17px 45px; background:url(../images/footer_bottom_left.gif) no-repeat bottom left;  }


/* Banner - Home */
#bannner {width:905px;margin:0 10px 10px 10px; background:url(../images/banner.jpg) no-repeat 0px 10px; padding:290px 0 30px 35px; text-align:left;}
#bannner a{display:block;background:url(../images/learnmore_btn.gif) no-repeat; width:177px; height:46px; z-index:5;}
#bannner a:hover{background-position:100% -54px;}

/* Content */
#content1 { width:940px; margin:0 auto; background:#fff url(../images/content_gradient_top.gif) repeat-x top; padding:15px 0 0 0; }
#content2 { width:940px; margin:0 auto; text-align:center; padding-bottom:17px; background:url(../images/content_gradient_bottom.gif) repeat-x bottom; }
#content2_1 { margin:0 auto; text-align:center; background:url(../images/bg_dedicated.gif) repeat-x bottom; }


#column2_container { width: 916px; margin: 0 auto; }
#column2_container * { text-align:left; }
#column2_wrapper { float: left; width: auto;}

/* Front Page */
#content2 h2 {border-bottom:1px solid #d9d9d9; padding-bottom:10px; font-size:14px;}
#content2  ol {margin:10px 0 30px 40px;}
#content2 .about{padding:20px 0 0 35px; margin:0; text-align:left; width:415px; float:left;}
.about p{margin:15px 0;}
.about a{background:url(../images/icon_pdf.gif) left bottom no-repeat; padding-left:20px;}
.about a:hover{color:#7EE13F;}

#content2 .service{ text-align:left; float:right; padding:20px 24px 0 0;}
#content2 .service h2{ border-bottom:none;}
.service .top {width:430px; height:10px; background:url(../images/sevice_top_bg.gif) no-repeat top left;  }
.service .bottom {width:430px;height:10px; background:url(../images/sevice_bottom_bg.gif) no-repeat bottom left;}
.service .body { width:398px; background:#f1f1f1;padding:0 15px; margin:-10px; /*ie6 fix*/ }
.service .body table td{padding:8px;}

#content2 .client{padding:20px 0 0 35px; text-align:left; margin-bottom:15px;}
.client .bottom { width:880px; height:10px; background:url(../images/long_box_bottom.gif) no-repeat bottom center; }
.client .body{width:818px;border:1px solid #d9d9d9; border-bottom:none; padding:23px 30px;}


/* About */
#content2 .about2{ padding:20px 300px 0 35px; margin:0; text-align:left;background:url(../images/about_us.jpg) right 80px no-repeat;}
.about2 p{margin:15px 0;}
.about2 .tip{background:#f1f1f1; border:1px solid #e0e0e0; padding:10px;}
.about2 .tip p{ background:url(../images/add.png) no-repeat; padding-left:20px;}

/* Sevice */
#content2 .sevice2{ padding:20px 260px 0 35px; margin:0; text-align:left;background:url(../images/about_us.jpg) right 80px no-repeat;}
.sevice2 p{margin:15px 0;}
.sevice2 ul {list-style:url(../images/icon_tick.gif) outside; padding:10px 0;}
.sevice2 ul li{margin-left:25px; }

#content2 .sevice3{ padding:20px 260px 0 35px; margin:0; text-align:left;background:url(../images/joomla.png) 770px 80px no-repeat;}
.sevice3 p{margin:15px 0;}
.sevice3 ul {list-style:url(../images/icon_tick.gif) outside; padding:10px 0;}
.sevice3 ul li{margin-left:25px; }
.sevice3 table td{margin-left:5px;}

#content2 .sevice4{ padding:20px 260px 0 35px; margin:0; text-align:left;background:url(../images/cre.png) right 80px no-repeat;}
.sevice4 p{margin:15px 0;}
.sevice4 ul {list-style:url(../images/icon_tick.gif) outside; padding:10px 0;}
.sevice4 ul li{margin-left:25px; }
.sevice4 table td{margin-left:5px;}

#content2 .sevice5{ padding:20px 260px 0 35px; margin:0; text-align:left;background:url(../images/wordpress.png) 800px 80px no-repeat;}
.sevice5 p{margin:15px 0;}
.sevice5 ul {list-style:url(../images/icon_tick.gif) outside; padding:10px 0;}
.sevice5 ul li{margin-left:25px; }
.sevice5 table td{margin-left:5px;}

#content2 .sevice6{ padding:20px 260px 0 35px; margin:0; text-align:left;background:url(../images/aspdotnet.jpg) 750px 80px no-repeat;}
.sevice6 p{margin:15px 0;}
.sevice6 ul {list-style:url(../images/icon_tick.gif) outside; padding:10px 0;}
.sevice6 ul li{margin-left:25px; }
.sevice6 table td{margin-left:5px;}

/* Extended panel for Partner,Client,Contacts */
#content2 .ext{float:right;width:270px; background:#f1f1f1; border:1px solid #e0e0e0; padding:10px;text-align:left; margin:20px 0;}
.ext ul{ list-style:none; margin:5px; padding-left:35px;}
.ext ul li{ margin:0;}
.ext ul.list{list-style:url(../images/arrow.gif) outside; padding:10px 0;}
.ext ul.list li{margin-left:25px; padding:2px 0; }
.ext list.ul{ list-style:none; margin:5px; padding-left:35px;}
.ext list ul.list{list-style:url(../images/arrow.gif) outside; padding:10px 0;}
.ext list ul.list li{ list-style:none; margin:5px; padding-left:35px;}

/* Partner */
#content2 .partner2{ float:left; width:600px; padding:20px 0 0 35px; margin:0; text-align:left;}
.partner2 p{margin:15px 0;}
.partner2 table td{padding:20px;}

/* Client */
#content2 .client2{ float:left; width:600px; padding:20px 0 0 35px; margin:0; text-align:left;}
.client2 p{margin:15px 0;}
.client2 table td{padding:40px 10px 0 10px;}
.client2 table td h3{margin-top:20px;}

/* Contact */
#content2 .contact{ float:left; width:600px; padding:20px 0 0 35px; margin:0; text-align:left;}
.contact h3{margin-top:15px;}
.contact table{margin:20px;}
.contact table td{padding:4px; font:bold 13px Arial, Helvetica, sans-serif;}
.tarea{width:420px; height:85px; background:#fff; border:1px solid #ccc;}
.tarea:focus{border:2px solid #69f;}
input.send{padding-right:6px;}

.contact2 h2{font:bold 15px Arial, Helvetica, sans-serif;} 
.contact2 h3{margin:15px;}
.contact2 p{margin:0 15px;}
.contact2 .bottom_bg{background:url(../images/email_us_bg.gif) right bottom no-repeat; height:97px; margin-top:20px;}

/*pop*/
.pop-form-dialog{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#333333;
	background:#FFFFFF;
	border:2px solid #0099CC;
	position:absolute;
	z-index:10001;
}
.pop-form-div{
	margin-top:10px;
	margin-left:30px;
	width:500px;
	height:300px;
	text-align:left;
}
.pop-form-top{
	float:left;
	clear: both;
}


.pop-form-left,.pop-form-right{
	float:left;
	width:250px;
	height:275px;
}


.pop-form-left
{  
    padding-left:20px;
    width:230px;
}
.pop-form-div label{
	float:left;
	width:500px;
	height:18px;
	margin-top:8px;

}
.pop-form-div input{
	width:200px;
	height:22px;
	border:1px solid #9999FF;
	float:left;
}


.pop-form-div select{
	width:200px;
	height:22px;
	border:1px solid #9999FF;
	float:left;
}

.pop-form-div textarea{
	width:420px;
	height:70px;
	float:left;
	background: #FFFFFF;
	border:1px solid #9999FF
}

.container {}
.container ul li {display:inline;margin-right:6px;}