/*
-------------------------------------------------------
Sevenlight - sevenlight.com
Developed by: Rainhouse - rainhouse.com
---------------------------------------------------- */

* {
    padding: 0;
    margin: 0;
    border: 0;
}

body {
    text-align: center;
    color: #666;
    font: 11px/18px Lucida Grande, Lucida Sans Unicode, Verdana, Tahoma, Arial, sans-serif;
    background: #ccc url("/images/bg_body.gif") top left repeat-x;
}

/*
-------------------------------------------------------
MAIN LAYOUT DIVS
---------------------------------------------------- */

#all {
    background: transparent url("/images/bg_top.gif") top center no-repeat;
    min-width: 760px;
    width: 100%;
    float: left;
}

#wrap {
	width: 760px;
    text-align: left;
	margin-left: auto;
	margin-right: auto;
}

    #top-pad {
        padding: 65px 5px 0 5px;
        float: left;
    }

#logo {
    float: right;
    width: 350px;
    height: 50px;
    background: transparent url("/images/logo.gif") top center no-repeat;
}

    #logo h1, #promo h2, #promotext p {
        text-indent: -9999px;
    }

#promo {
    width: 530px;
    height: 150px;
    float: left;
    background: transparent url("/images/promo_easy.gif") top left no-repeat;
}

#promotext {
    width: 220px;
    height: 150px;
    float: left;
    background: transparent url("/images/promotext_blank.gif") top left no-repeat;
}

    body.overview #promotext {background: transparent url("/images/promotext_sevenlight.gif") top left no-repeat;}

#content {
    background: transparent url("/images/bg_content.gif") top center repeat-y;
    width: 760px;
    float: left;
}

    #content-pad {
        float: left;
        width: 720px;
        padding: 0 20px 60px 20px;
        background: transparent url("/images/bg_bottom.jpg") bottom center no-repeat;
    }

    /* Box Model Hack fixes the padding issue in IE5 with #content-pad - http://tantek.com/CSS/Examples/boxmodelhack.html */
    div#content-pad { 
        width: 760px;
        voice-family: "\"}\""; 
        voice-family:inherit;
        width: 720px;
    } 

    html>body #content-pad {
        width: 720px;
    }

#leftcol {
    width: 485px;
    float: left;
    display: inline;
}

    body.overview #leftcol {
        width: 148px;
        font-size: 10px;
        line-height: 14px; 
        color: #888;
    }

#midcol {
    width: 382px;
    float: left;
    background: transparent url("/images/bg_midcol.gif") top center no-repeat;
}

    #midcol .pad {
        padding: 15px 30px 0 30px;
    }

#rightcol {
    width: 190px;
    float: right;
    font-size: 10px;
    line-height: 14px;
    color: #888;
}

/*
-------------------------------------------------------
NAV
---------------------------------------------------- */

#nav {
	width: 400px;
	height: 50px;
    float: left;
}
	
#nav ul	{
	width: 400px;
	height: 50px;
	background: transparent url(/images/nav.gif) top right no-repeat;
	position: relative;
}
	
#nav ul li {
	list-style: none;
	position: absolute;
	top: 0;
}
	
#nav ul li, #nav a	{
	height: 40px;
	display: block;
}

#nav ul li a	{
	text-indent: -9999px;
    background: none;
}

#n1 {left: 0; width: 68px;}
#n2 {left: 68px; width: 56px;}
#n3 {left: 124px; width: 77px;}
#n4 {left: 201px; width: 68px;}

#n1 a:hover {background: transparent url(/images/nav.gif) 0 -50px no-repeat;}
#n2 a:hover {background: transparent url(/images/nav.gif) -68px -50px no-repeat;}
#n3 a:hover {background: transparent url(/images/nav.gif) -124px -50px no-repeat;}
#n4 a:hover {background: transparent url(/images/nav.gif) -201px -50px no-repeat;}

/*  TABBED BROWSING   */

body.overview #n1, body.overview #n1 a:hover {background: transparent url(/images/nav_down.gif) 0 -50px no-repeat; cursor: default;}
body.features #n2, body.features #n2 a:hover {background: transparent url(/images/nav_down.gif) -68px -50px no-repeat; cursor: default;}
body.casestudies #n3, body.casestudies #n3 a:hover {background: transparent url(/images/nav_down.gif) -124px -50px no-repeat; cursor: default;}
body.contactus #n4, body.contactus #n4 a:hover {background: transparent url(/images/nav_down.gif) -201px -50px no-repeat; cursor: default;}

/*
-------------------------------------------------------
HEADERS
---------------------------------------------------- */

h2 {
	display: block;
	height: 25px;
	text-indent: -9999px;
}

h2.news {background: transparent url(/images/h2_news.gif) top left no-repeat; width: 125px; margin: 15px 0 5px 0;}
h2.features {background: transparent url(/images/h2_features.gif) top left no-repeat; width: 300px; margin: 0 0 5px 0;}
h2.cs {background: transparent url(/images/h2_casestudy.gif) top left no-repeat; width: 150px; margin: 5px 0 5px 0;}
h2.contactus {background: transparent url(/images/h2_contactus.gif) top left no-repeat; width: 150px; margin: 5px 0 5px 0;}

h3 {
	color: #369;
}

h4 {
    color: #333;
}

/*
-------------------------------------------------------
LINKS
---------------------------------------------------- */

a {
    color: #369;
    text-decoration: none;
}
    
a:hover {
    color: #000;
    text-decoration: underline;
}

a:active {
    color: #cc9933;
    text-decoration: none;
}

a.more {
    background: transparent url("/images/bg_more-link.gif") right no-repeat;
    padding: 0 8px 0 0;
}    

a.moreinfo {
    background: transparent url("/images/icon_message.gif") left no-repeat;
    padding: 0 0 0 12px;
    margin: 0 0 0 1px;
}

/*  BUTTONS   */

a.btn	{
	height: 22px;
    width: 76px;
    display: block;
	text-indent: -9999px;
}

    a.btn:hover	{
	    background-position: 0 -22px;
	}

.ban {
    float: right;    
}

#findoutmore {
    background-image: url(/images/btn_findoutmore.gif);
    margin: 85px 0 0 15px;
}

#features {
    background-image: url(/images/btn_features.gif);
    margin: 9px 5px;
    display: inline;
}

#getstarted {
    background-image: url(/images/btn_getstarted.gif);
    margin: 9px 35px 0 0;
    display: inline;
}

/*  IMAGES   */

a.fthumb {
    float:left;
    margin:0 6px 0 0;
    padding: 2px;
    border:1px solid #ddd;
    width:25px;
    height:25px;
}

    a.fthumb img {display:block;}

    a.fthumb:hover {
        border-color: #cc9933;
    }

.screenshot {
    float: right;
    margin: 0 6px 0 15px;
    padding: 2px;
    border: 1px solid #ddd;
}

/*
-------------------------------------------------------
LISTS
---------------------------------------------------- */

dl.news dt {
    float: left;
    margin: 0 5px 0 0;
}

dl.news dd {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    border-bottom: #ddd solid 1px;
}

dl.feature-list dt {
    font-weight: bold;
}

dl.feature-list dd {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: #ddd solid 1px;
}

dl.cs {
    margin: 0 5px 0 0;
}
    
dl.cs dt {
    font-weight: bold;
}
    
dl.cs dd {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
    border-bottom: #ddd solid 1px;
}

form dl {
    margin: 0 5px 0 0;
}
    
form dl dt {
    font-weight: bold;
}
    
form dl dd {
    margin: 0 0 7px 0;
    padding: 0 0 7px 0;
}

form .error {
    color: #c93;
    font-weight: bold;
}

input, textarea {
    border: solid 1px #b5b5b5;
}

/*
-------------------------------------------------------
BANNERS
---------------------------------------------------- */

#banner {
    float: left;
    width: 720px;
    height: 40px;
    margin: 20px 0 0 0;
    text-indent: -9999px;
}

body.overview #banner {background: transparent url(/images/ban_overview.gif) top left no-repeat;}
body.features #banner {background: transparent url(/images/ban_overview.gif) top left no-repeat;}

/*
-------------------------------------------------------
INDIVIDUAL STYLES
---------------------------------------------------- */

p {
    margin: 6px 0 9px 0;
}

a.button {
    background: transparent url("/images/button.png") left no-repeat;
    color: #eee;
    font-weight: bold;
    border: 0;
    padding: 4px 0 6px 7px;
    margin: 4px 3px 0 0;
    height: 30px;
}

a.button span {
    padding: 4px 15px 6px 7px;
    background: transparent url("/images/button.png") right no-repeat;
    font: 11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Tahoma, Arial, sans-serif;
    height: 30px;
}

blockquote {
    background: #ebebeb;
    border-left: solid 5px #b5b5b5;
    margin: 5px 0 5px 0px;
    padding: 6px 12px 6px 12px;
}

.client-quote {
    color: #369;
}

.client-position {
    color: #999;
    padding-left: 10px;
}

.cs-home {
    margin: 0 0 5px 0;
}    

.footer {
    padding: 20px 0 30px 0;
    font-size: 9px;
    color: #999;
}

.clear {
    clear: both;
}

.date {
    background: #eee;
    font-size: 9px !important;
    font-weight: bold;
    padding: 0 2px;
    margin: 2px 2px 0 0;
    border: #ccc solid 1px;
    text-transform: uppercase;
}