/* begin reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
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;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* end reset */

/* begin clearfix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* end clearfix */


body, html {
    height: 100%;
    width: 100%;
}

body { background: #f8f8f8; color: #333; font-family: Trebuchet, Tahoma, Arial, sans-serif; }

h1 { font-size: 24px; font-weight: normal; margin-bottom: 10px; }

#header { background: #fff; border-bottom: 2px solid; display: block; }
    #header_content { margin: 0 auto; width: 790px; }
    #logo { display: block; float: left; margin: 15px 0 15px 10px; position: relative; }
        #logo img { display: block; }
    #phone { background: url('images/phone.png') no-repeat left; color: #666; display: block; float: right; font-size: 30px; float: right; line-height: 42px; margin: 15px 30px 15px 0; padding-left: 20px; }
#wrapper { background: url('images/bg.gif') repeat-x; margin-bottom: 20px; padding-top: 25px; }
    #main { display: block; margin: 0 auto; padding: 0 15px; width: 790px; }
        #content {
            background: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            float: right;
            position: relative;
            padding: 20px 25px;
            width: 510px;
        }
            #content ul,
            #content ol,
            #content p { font-size: 13px; line-height: 1.5em; padding: 0.75em 0; }
                #content p img { border: 1px solid #cccccc; }
				#content a { text-decoration: none; font-size:12px; color: #333; }
				  #content a:hover { text-decoration: underline }
            #content ul { list-style: disc; }
            #content ol { list-style: decimal; }
            #content ul,
            #content ol { padding: 0.75em 0 0.75em 30px; }
                #content li { margin-bottom: 0.3em; }
            #informations {
                background: #0b64a4;
                border-radius: 5px;
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                color: #fff;
                display: block;
                float: right;
                font-size: 16px;
                padding: 10px 20px;
                position: relative;
                text-decoration: none;
            }
        #sidebar { float: left; width: 210px; }
            #navigation { display: block; position: relative; }
                #navigation li { height: 100%; }
                    #navigation a {
                        border: 1px solid;
                        border-radius: 5px;
                        -moz-border-radius: 5px;
                        -webkit-border-radius: 5px;
                        color: #fff;
                        display: block;
                        font-size: 18px;
                        margin-bottom: 10px;
                        padding: 10px 15px;
                        position: relative;
                        text-decoration: none;
                        zoom: 1;
                    }
                    #navigation a:hover { background-position: 0 -39px; }
                    #navigation a:active { background-position: 0 -78px; }
            #quotation { background: url('images/banner.png') no-repeat; color: #fff; display: block; font-size: 16px; height: 52px; margin: 15px auto 0; padding: 80px 20px 10px 15px; text-decoration: none; width: 120px; }
            #social { margin: 25px auto 0; }
                #social span { color: #0B64A4; font-size: 18px; }
                #social ul { display: block; margin-top: 20px; }
                    #social li { float: left; margin-right: 5px; }
                        #social a { background: url('images/social.png') no-repeat; display: block; height: 27px; text-indent: -9999em; width: 27px; }
                        #social #social_facebook { background-position: 0 0; }
                        #social #social_twitter { background-position: -27px 0; }
                        #social #social_blogger { background-position: -54px 0; }
                        #social #social_wordpress { background-position: -81px 0; }
                        #social #social_flickr { background-position: -108px 0; }
#footer { background: #ececec; color: #666; font-size: 12px; margin: 0 auto 20px; padding: 15px 20px; width: 750px; }

h1 { color: #F30202; }
#header { border-color: #F30202; }
#navigation a { background: #F30202 url('images/navigation_element_bg_red.gif') repeat-x; border-color: #F30202; }
