/*
	-- -- -- -- -- -- --
	actech software
	style.css
	main site foundation layout
	-- -- -- -- -- -- --
*/

@import url("reset.css");
@import url("hacks.css");

/* -- base html -- */
body	{ font-family:Arial, Helvetica, sans-serif; color:#666; background:#ffffff url(images/bg.gif) left top repeat-x; font-size:11px; margin-top:0px;}


/* -- miscellaneous -- */
input, textarea	{ font:0.9em "Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; }
.left		{ float:left !important; }
.right		{ float:right !important; text-align: right;}
.clear		{ clear:both !important; }
.textright	{ text-align:right !important; }
a {color:#06547a;}
h1	{color: #065379; font-size:22px; font-weight:normal; margin-bottom:20px;}
h2	{color: #a6bb3a; font-size:18px; font-weight:normal; margin-bottom:20px;}
h3	{color: #a6bb3a; font-size:14px; font-weight:bold; margin-bottom:15px;}

/* -- header -- */
#header		{ width:920px; height:100px; background:url(images/header.jpg) 10px top no-repeat; margin:0 auto; }
#logo		{ text-indent:-2000em; float:left; margin-top:24px; }
#logo a		{ display:block; background:url(images/logo.gif) left top no-repeat; width:145px; height:48px; }

#main-nav			{ float:right; margin-top:40px; list-style-type: none;}
#main-nav li			{ float:left; margin-left:15px; text-transform:uppercase; font-size:12px; font-weight:bold; text-align:center; }
#main-nav li a			{ color:#666; text-decoration:none; width:88px; height:29px; line-height:29px; float:left; display:block; }
#main-nav li a:hover	{ background:url(images/mnav.gif) center center no-repeat; color:#fff; text-decoration:none; }
.mn-active a			{ background:url(images/mnav.gif) center center no-repeat; color:#fff !important;  }


/* -- intro -- */
#intro-wrapper	{ background:url(images/intro.jpg) center top no-repeat; height:400px;}
#intro			{ width:920px; height:400px; margin:0 auto; position:relative; }
.intro-text		{ position:absolute; left:15px; top:60px; width:360px; }
.intro-text h2	{ color:#fff; font-size:32px; font-weight:normal; margin-bottom:25px; font-family:"Lucida Grande", "Lucida Sans Unicode", arial, sans-serif; text-shadow:#0a5980 1px 1px 1px; }
.intro-text p	{ color:#a3d6f1; width:300px; font-size:13px; line-height:16px; }
#newsletter			{ position:absolute; left:25px; bottom:25px; width:250px; }
#newsletter label		{ font-size:12px; color:#fff; padding-bottom:10px; display:block; font-weight:bold; padding-left:5px; letter-spacing:0.5px; }
.newsletter-email	{ background:url(images/newslett.gif) left top no-repeat; float:left; border:none; color:#fff; width:169px; height:23px; padding:5px 0 0 10px; }
.newsletter-submit	{ float:left; border:none; width:33px; height:28px; text-indent:-2000em; }
.green-box			{ font-size:22px; color:#fff; position:absolute; right:10px; bottom:35px; text-align:right; }

.search {background:url(images/search_box2.gif) left top no-repeat; float:left; border:none; width: 124px; height: 34px; padding: 0px 0 0 15px; //padding-top: 9px; font-size: 11px; color: #666;}
.search_button {float:left; border:none;}

/* -- container -- */
#container	{ width:920px; margin:0 auto; clear:both; background:#ffffff; padding:20px 0 50px 18px; }
#content	{ width:660px; float:right; }
#sidebar	{ width:240px; float:left; }

.features			{}
.feat-head			{ position:relative; margin-bottom:10px; }
.feat-content		{ padding:15px 20px 10px 20px; }
.features a			{}
.features a:hover	{ text-decoration:none; }
.small-business				{ width:220px; float:left; }
.small-business .feat-head	{ width:220px; height:73px; background:url(images/small-bu.gif) left top no-repeat; }
.small-business h2			{ color:#06547a; background:url(images/small-bv.gif) right center no-repeat; height:69px; line-height:69px; margin:0 10px 0 20px; font-size:22px; font-weight:normal; }
.small-business h2 a			{ color:#06547a; text-decoration:none;}
.enterprise					{ width:220px; float:left; }
.enterprise .feat-head		{ width:220px; height:73px; background:url(images/enterpri.gif) left top no-repeat; }
.enterprise h2				{ color:#06547a; background:url(images/enterprj.gif) right center no-repeat; height:69px; line-height:69px; margin:0 10px 0 20px; font-size:22px; font-weight:normal; }
.enterprise h2 a			{ color:#06547a; text-decoration:none;}
.enterprise .feat-content	{ background:url(images/feat-con.gif) left top no-repeat; //border: 1px double white;}
.telco				{ width:220px; float:left; }
.telco .feat-head	{ width:220px; height:73px; background:url(images/telco-he.gif) left top no-repeat; }
.telco h2			{ color:#06547a; background:url(images/telco.gif) right center no-repeat; height:69px; line-height:69px; margin:0 10px 0 20px; font-size:22px; font-weight:normal; }
.telco h2 a			{ color:#06547a; text-decoration:none;}
.telco .feat-content	{ background:url(images/feat-con.gif) left top no-repeat; //border: 1px double white;}
.btn-features		{ position:absolute; left:34px; bottom:6px; text-indent:-2000em; background:url(images/features.gif) left top no-repeat; width:73px; height:21px; display:block;  }
.btn-showcase		{ position:absolute; left:110px; bottom:6px; text-indent:-2000em; background:url(images/showcase.gif) left top no-repeat; width:79px; height:21px; display:block; }
.features p			{ color:#666; margin-bottom:20px; line-height:16px; }
.read-more			{ background:url(images/read-mor.gif) left 5px no-repeat; padding-left:10px; color:#06547a; text-decoration:underline; }

.sb-box			{ border:1px solid #ddd; background:#f4f4f4; -moz-border-radius:10px; -webkit-border-radius:10px; margin-bottom: 15px;}
.sb-box h3		{ font-size:12px; text-transform:uppercase; color:#333; height:40px; line-height:40px; text-indent:10px; background:#fff; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; border-bottom:1px solid #ddd; margin-top: 0px;}
.sb-box ul		{ background:#f4f4f4; padding: 0px 10px 0 10px; //padding-top: 5px; list-style-type: none; margin:0px;}
.sb-box ul li		{ padding-bottom:15px; line-height:14px;}
.sb-box ul li img	{ border:1px solid #ddd; float:left; margin-right:10px; margin-top: 0px; //margin-top: 10px;}
.sb-box p		{ }
.date			{ color:#999; background:#fff; padding:4px 4px 2px 4px;}
.sb-box a		{ color:#06547a; text-decoration:underline; }
.sb-box a:hover	{ color:#06547a; text-decoration:none; }
.lastItem		{ border-bottom:1px solid #ddd; }
.sb-box p.textright	{ padding:0px 10px 0px 10px; //padding: 10px;}


/* -- footer -- */
#footer		{ width:920px; margin:0 auto; clear:both; margin-bottom:10px; border-top:1px solid #ddd; padding-top:15px; }
#footer p	{ color:#999; font-size:11px; line-height:25px; }
#footer a		{ color:#999; text-decoration:underline; }
#footer a:hover	{ color:#000; text-decoration:none; }
.locked	{ background:url(images/locked.gif) left center no-repeat; padding-left:12px; margin-left:3px; }
.email	{ background:url(images/email.gif) left center no-repeat; padding-left:18px; font-weight:bold; }

    img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

    img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

    img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

    .alignright {
    float: right;
    }

    .alignleft {
    float: left;
    }