﻿/*** Reset *****************************************************************************************
                                Eric Meyers Reset, v1.0 | 20080212
***************************************************************************************** Reset ***/
html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, abbr, acronym, address, big, cite, code, blockquote,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0
}
ol, ul {
	list-style: none
}
Img, Form, fieldset{
    border:None
}
blockquote, q {
	quotes: none
}
.NoBorder{
    border:None !important
}

/* Add clearfix generic class */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}
.clearfix{
    _zoom:1;
    *zoom:1
}

/*** Site *********************************************************************************
                                        Site
********************************************************************************** Site ***/
HTML, Body{
    height:100% /*All the height issues are meant for the Footer Effect - That it sticks to the bottom of the screen*/
}
Body{
    font:normal 14px Verdana , sans-serif;
    color:#600 /* same as #660000*/
}
A{
    font:normal 14px Verdana , sans-serif;
    color:#600;
    text-decoration:none
}
    A:Hover{
        text-decoration:underline /* Here we define the behaviour of the Links. What happen to them when u Hover them*/
    }
.SiteWrapper{
    height:100%;
    width:807px;
    margin:0 auto;
}
    * html .SiteContentWrapper{
        height:100% /*for IE6*/
    }
.SiteContentWrapper{
    min-height:100%; /*requiered for the Sticky Footer http://www.themaninblue.com/writing/perspective/2005/08/29/ */
}
.SiteContent{
    padding:1em 0 90px /* This value (90px) Keeps the space away from the footer at the bottom, when you resize the page */
}

/*Header Definitions
--------------------------*/
.Header{
    border-bottom:1px solid #000; /*this is where you can change the color of the Header's Black Line */
    background:transparent url("../Images/logo.png") no-repeat 0 0;
    padding:138px 0 14px 167px
}
    .Header Li{
        float:left;
        height:20px;
        background:transparent url("../Images/MainListIcon.png") no-repeat 0 0;
        padding:0 15px 0 20px
    }
    .Header Li.ChosenPage{
        background:transparent url("../Images/MainListIconChosen.png") no-repeat 0 0
    }
        .Header Li A{ /*Here you define the Behaviour of the links in ther Header Menu*/
            font-weight:bold
        }

/* Footer
------------------------*/
.Footer{
    position:absolute;
    margin-top:-60px;
    width:807px;
    text-align:center;
    color:#000;
    line-height:2em
}
    .Footer P{
        border-bottom:1px solid #000  /*this is where you can change the color of the Footer's Black Line */
    }
    .Footer LI{
        display:inline;
        border-right:1px solid #000;
        padding:0 5px 0 0;
        _padding:0 5px;
        *padding:0 5px;
    }
    .Footer A{
        text-decoration:underline; /*this puts an underline to the links in the footer*/
    }

/*Body; The Content
------------------------*/
.Body{
    padding:43px 20px 20px;
    position:relative
}
    .Body P{
        padding-bottom:1em
    }
    .Body A{
        text-decoration:underline
    }
    .Body H1{
        padding:0 0 12px 10px;
        font-size:26px;
        background:#fff url("../Images/H1BG.png") no-repeat right bottom;
        margin:0 0 30px -6px
    }
        .Home .Body H1{
            width:600px; /*every H1 in every page needs to get his Width. otherwise he will be 100% of the page*/
            margin-right:-120px
        }
        .Products .Body H1{
            width:220px
        }
        .ContactUs .Body H1{
            width:240px;
        }
        .BlocksTracer .Body H1{
            width:280px;
        }
        .SQLScripter .Body H1{
            width:260px;
        }
    H2{
        margin-bottom:1em
    }
    HR{
        margin-bottom:2em   
    }

/* Testimonials Box
------------------------*/
.Testimonials{
    float:right;
    width:255px;
    padding:15px 0 0;
    margin:-5px 0 0 10px;
    background:#fff url("../Images/TestimonialsBg.png") no-repeat 0 0
}
    .TestimonialsContent{
        background:#fff url("../Images/TestimonialsBg.png") no-repeat left bottom;
        padding:0 15px 15px;
        font-size:12px;
        color:#000
    }
    .Testimonials H2{
        margin-bottom:.75em;
        font-size:14px
    }
    .Testimonials Img{
        margin-bottom:.5em
    }
    .Testimonials A.ReadMore{
        float:right;
        text-decoration:underline;
        font-size:12px;
		margin-bottom:5px
    }
	.Testimonials blockquote{
		margin:.5em 0 0
	}
		.Testimonials blockquote B{
			font-family:arial;
			font-size:14px
		}

/* Price Table
 ----------------*/
.PriceTable{
    width:100%;
    margin-top:-20px
}
    .PriceTable H3{
        font-size:14px;
        margin-bottom:.5em
    }
    .PriceTable TD{
        padding:20px 5px 15px;
        border-bottom:1px solid #000
    }
        .PriceTable .NoBorder TD{
            border-bottom:none
        }
    .td1{
        width:400px
    }
    .td2{
        text-align:center;
    }
    .td3{
        text-align:center;
    }
    .DownloadURL{
        font-weight:bold
    }

/* Contact Us
--------------------*/
.ContactList Li{
    clear:left;
    line-height:2em
}
    .ContactList Span{
        float:left;
        width:230px
    }