* { margin:0; padding:0; }

a:visited, a:link, a:hover { text-decoration:none; }

img { border:0; }

body { background:black; font-size:1em; font-family:Arial, sans-serif; }

#page {
    width:826px;
    margin:0 auto;
}

    #page .top { background:#f39530; height:4px; overflow:hidden;}

#leftcol { width:295px; float:left; }
    #leftcol .logo { background:url("img/logo.png") no-repeat; width:222px; height:111px; margin:10px auto 15px; }
    #leftcol .about { margin-left:15px; }
        #leftcol .about h1 { font-size:1.1em; color:#fffcc0; margin-bottom:15px; }
            #leftcol .about h1 img { margin-right:5px; }
        #leftcol .about p { font-size:0.75em; font-weight:bold; color:white; margin-bottom:25px; margin-left:15px; line-height:1.5em; }
            #leftcol .about p a { color:#a7a7a7; font-size:1em; font-weight:bold; }
            #leftcol .about p b { color:#ffce2a; font-size:1.2em; }

#leftcol.small { width:232px;}
    #leftcol.small .logo { background:url("img/logo-small.png") no-repeat; width:159px; height:78px; margin:10px auto 15px; }
    #leftcol.small h1 { font-size:0.9em; color:#fffcc0; margin-bottom:15px; margin-left:70px; }
    #leftcol.small img { margin-right:5px; }
    #leftcol.small .bg.webservices { background:url("img/web_services.png") no-repeat; width:232px; height:394px; margin-top:10px; }
    #leftcol.small .bg.itconsulting { background:url("img/it_consulting.jpg") no-repeat; width:232px; height:394px; margin-top:10px; }
	#leftcol.small .bg.hosting { background:url("img/hosting.jpg") no-repeat; width:232px; height:394px; margin-top:10px; }
	#leftcol.small .bg.contact { background:url("img/contact.jpg") no-repeat; width:232px; height:394px; margin-top:10px; }
    /*other background images styles like hosting etc. here*/

#rightcol { margin-left:330px; zoom:1; }
#rightcol.small { margin-left:265px;}
    #rightcol .navbar { height:90px; }
        #rightcol .navbar ul { width:120px; float:right; margin-right:20px; margin-top:10px; _display:inline; /* <= fix ie6 double margin bug*/ }
            #rightcol .navbar ul li { height:25px; line-height:25px; list-style:none; text-align:right;}
                #rightcol .navbar ul li a { color:#91ddf4; font-size:0.8em; font-weight:bold; }
                #rightcol .navbar ul li.home a { color:white; }

    #rightcol .services .image { float:left; margin-left:3px; display: block; _display:inline; /* <= fix ie6 double margin bug*/ overflow:hidden; }
        #rightcol .services .image span {
	font-variant:small-caps;
	color:white;
	font-size:1.15em;
	margin-top:90px;
	display:block;
	padding:7px;
	background:url("img/services-bg.png") repeat;
	width:80%;
}
    #rightcol .services .it { background:url("img/it_consulting.png") no-repeat; width:152px; height:285px; }
    #rightcol .services .web {
	background:url("img/web.png") no-repeat;
	width:165px;
	height:285px;
	margin-top:0px;
}
    #rightcol .services .hosting { background:url("img/hosting.png") no-repeat; width:146px; height:285px; }

    #rightcol .info { width:90%; }    

#footer {
    clear:both;
    background:#f39530;
    height:27px;
    line-height:27px;
    color:gray;
}

    #footer .member { width:480px; float:left; border-right:1px dotted #4c4c4c; }
        #footer .member .left { width:112px; float:left; text-align:right; color:#4c4c4c; font-size:0.8em; font-weight:bold; }
        #footer .member .right { margin-left:115px; color:#4c4c4c; font-size:0.65em; font-weight:bold; }
            #footer .member .right span { margin-right:12px; font-weight:bold; }

    #footer .network { margin-left: 490px; }
        #footer .network .left { float:left; width:110px; color:#4c4c4c; font-size:0.8em; font-weight:bold; text-transform:capitalize; }
        #footer .network ul { margin-left:110px; list-style:none; }
            #footer .network ul li { float:left; margin-right:5px; color:#4c4c4c; font-size:0.7em; }
                #footer .network ul li a{ float:left; color:#4c4c4c; }