/* CSS Document for Homepage */

/* -- MASTER SETUP -- */

html, body {margin: 10px 0 0 0; padding:0; background:#FFF; color:#666666; font:100% Arial, Verdana, Helvetica, sans-serif !important; height:100%;}

form, select, input, textarea {margin:0; padding:0;}
select, input, textarea {font-size: 1.0em!important}

ul {margin: 0; padding: 0; list-style: none}
a {color:#666;}
a:hover {text-decoration: underline;}

hr {visibility:hidden;}
hr.dotted {visibility: visible; border:0; background:url(../images/dotted-line.gif) repeat-x left top scroll; width:661px; height:2px; margin:0; padding:0;}


label {font-weight: bold}
fieldset {border: 0; margin: 0; padding: 0;}
* html h2 {margin: 3px 0; padding: 3px 0} /* ie6 hack for header spacing */

/* -- ACCESSIBILITY SPECIFIC -- */

#skiplinks {position:absolute; left:0px; top:-500px; width:1px; height:1px; overflow:hidden;}

/* -- LAYOUT -- */

/* wrapper */
#wrapper {width:661px; margin: 0 auto; font-size: .70em; position: relative; background: url(../images/background-tile.gif) repeat-y center top scroll; }

#wrapper .header {padding:0; margin:0;}
/* TOP NAVIGATION */
#wrapper #top_nav {width:577px; margin:0; padding:0; float:left; }
#wrapper #top_nav ul {padding:0; margin:0; width:661px; height:18px; }
#wrapper #top_nav ul li {width:130px; height:18px; margin:0 2px 0 0;text-indent:-5555px; float:left; display:block; padding:0;}
#wrapper #top_nav ul li a {display:block;height:18px;}
#wrapper #top_nav ul li.noright {margin-right:0px;}
#wrapper #top_nav ul li.home { background: url(../images/navigation/home-btn.gif) no-repeat left top scroll;}
#wrapper #top_nav ul li.epos_solution {background: url(../images/navigation/epos-solutions-btn.gif) no-repeat left top scroll;}
#wrapper #top_nav ul li.It_consultancy {background: url(../images/navigation/it-consultancy-btn.gif) no-repeat left top scroll;}
#wrapper #top_nav ul li.crm_solution {background: url(../images/navigation/crm-solutions-btn.gif) no-repeat left top scroll;}
#wrapper #top_nav ul li.contact {background: url(../images/navigation/contact-btn.gif) no-repeat left top scroll;}

#wrapper #left_content {float:left; overflow:hidden;}
#wrapper #right_content {float:right;}

/* SIDE NAVIGATION */

#wrapper #left_content #subnav {width:182px; background:url(../images/home/what-we-do.gif) no-repeat left top scroll; height:196px; overflow:hidden; padding:0 0 1px 0; margin:0;}
#wrapper #left_content #subnav ul {background:#F8C30C; width:182px;padding:1px 0 0 0; margin:33px 0 0 0;}
#wrapper #left_content #subnav ul li {padding:0 0 0 13px; margin:0 ;background:url(../images/sub_nav_dotted.gif) repeat-x left bottom scroll; }
#wrapper #left_content #subnav ul li.nodotted {background:none;}
#wrapper #left_content #subnav ul li a {color:#FFF; font-weight:bold; display:block; padding:5px 0 0 0; margin:0; width:182; height:18px; text-decoration:none;}
#wrapper #left_content #subnav ul li a:hover {text-decoration:underline;}
#wrapper #left_content #subnav ul li.bottom {background:#F2A407;height:29px; border-top:1px solid #FFF; height:22px;}

/* -- FOOTER -- */
#footer {background:#FFF; text-align:right; padding:7px 0 0 0;}

/* -- USEFUL CLASSES -- */
.clr {clear: both; overflow:hidden}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden} /* FF clearfix */
.fl {float: left}
.fr {float: right}
.cb {clear: both;}
.nw {white-space: nowrap;}
.asterisk {font-family: Verdana; font-style: normal; font-size: 1.1em; color: #666;}
.noasterisk {display: block; width: 10px; height: 1px; float: left;}