/*
Original design: andreas00 (v2.2 - Jun 01, 2010) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas00/
*/

/* Main layout and header */
body {background-color:#eaeaea; color:#3a3a3a; font:15px Verdana,Tahoma,Arial,sans-serif; line-height:21px; margin:0 auto; padding:0;}
#wrap {background:#fff; color:#303030; margin:0 auto; padding:1px 5px; width:950px;box-shadow: 0 10px 20px;}
#header {background:url(img/front.jpg) no-repeat bottom left #fff; color:#505050; height:250px; margin:0 0 10px; padding:0;background-size: 100%;}
#header h3 {font-size: 40px;line-height:38px;font-weight:400; letter-spacing:-2px; margin:0 0 15px 15px; padding:20px 0 0;}
#header h3 a,#header h3 a:hover {font-weight:400; padding:0;}
#header h4 {font-size:1.1em; letter-spacing:-1px; margin:0 0 20px 15px; padding:0 0 0 3px;}

/* Left sidebar and menu */
#leftside {clear:left; float:left; margin:0 0 10px; padding-right: 10px;;width:150px;}
#leftside ul#nav {list-style:none; margin:0 0 18px; padding:0; width:150px;}
#leftside ul#nav li {display:inline; padding:0; width:150px;}
#leftside ul#nav li a {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; float:left; font-size:1em; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:138px;}
#leftside ul#nav li a:hover,#leftside ul#nav li a.current {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul#nav #active a {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; border-bottom:1px solid #b0b0b0; border-left:4px solid #505050; border-right:1px solid #b0b0b0; border-top:1px solid #b0b0b0; color:#505050;}
#leftside ul#nav ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px 0; width:133px;}
#leftside ul#nav ul a {padding:3px 1px 3px 5px; width:123px;}
#leftside ul#nav ul ul {font-size:1em; width:120px;}
#leftside ul#nav ul ul a {width:108px;}
#leftside h2 {font-size:1.5em; font-weight:400;}

/* Right sidebar */
#extras {float:left; width:240px;}
#extras p,#extras ul {margin:0.2em 0 1.5em; padding:0;}
#extras li {list-style:none; margin:4px 0 14px; padding:0;}
#extras h4 {font-size:1.5em; font-weight:400; letter-spacing:-1px; margin:25px 0 5px;}

/* Main content */
#content {max-width:49%;padding: 20px; text-align:left;float:left;}
#content h1 { font-size: 25px;line-height: 25px; font-weight:400; letter-spacing:-1px; margin:8px 0 10px; padding:0;}
#content h3 {font-size:1.5em; font-weight:400; margin:6px 0; padding:0;}
#content img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px; margin:0 auto;max-width:100%;height:auto;}
#content ul,#content ol {margin:0 0 16px 20px; padding:0;}
#content ul ul,#content ol ol {margin:2px 0 2px 15px;}
#content li {margin:0 0 9px 5px; padding:4px 0 0 14px;}
#content h2{margin:30px 0px 10px 0px}

/* Footer */
#footer {background:#fff; border-top:2px solid #dadada; clear:both; color:#666; font-size:0.9em; margin:0 auto; padding:8px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {background:inherit; color:#666; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}

/* Links and paragraphs */
a {background:inherit; color:#166090; text-decoration:none;}
a:hover {color:#286ea0; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 16px;}
blockquote {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
blockquote p {font-size:1.1em; line-height:1.3em; margin:0;}

/* Tables and forms */
table {border:1px solid #d8d8d8; border-collapse:collapse; line-height:1.3em; width:95%; margin:0 0 16px; padding:0;}
caption {font-size:1.5em; font-weight:400; margin:0; padding:6px 0 8px; text-align:left;}
th {background:url(img/menubg2.gif) repeat-x bottom left #eaeaea; color:#505050; padding:7px; text-align:left;}
td {background:url(img/menubg.gif) repeat-x bottom left #f4f4f4; color:#303030; font-size:0.9em; padding:7px; text-align:left;}
input,textarea {border:1px solid #ccc; font-family:Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
label {margin:2px 0 2px 0; font-size:1.2em;}
input {width:200px;}
textarea {width:400px;}

fieldset#contact-form {margin:20px 0px 20px 10px;padding:10px;color:#000;width:380px;background:#eee;border:2px solid #aaa;}
fieldset#contact-form label {font-size:13px;}
fieldset#contact-form input {height:20px;font-size:15px;margin-bottom:15px;padding:3px;}
fieldset#contact-form textarea {font-size:15px;margin-bottom:15px;width:98%;padding:3px;}
fieldset#contact-form #contact-button {font-size:14px;height:30px;margin-left:30px;}
input:focus, textarea:focus {background:#fff;border:1px solid #555;}

blockquote{font-style:italic;}
#content hr {margin:30px 10px;}
#content h1 {
    font-size: 25px;
    line-height: 25px;
}
@media (max-width:900px) {	
#wrap {
    width: 95%;
}
#leftside {
    width: 18%;
}
#content {
    margin: 1%;
    padding: 0;
    text-align: left;
}
#footer {
    width: 92%;
}
#leftside ul#nav li a {
    width: 90%;
}
#header {background-size:100% auto;
}}
@media (max-width:767px) {	
#content {
    float: left;
    max-width: 76%;
    padding-left: 15px !important;
}
#extras {
    float: left;
    margin: 1%;padding-left:3px;
    width: 96%;
}
}
@media (max-width:700px) {	
#leftside {
    display: none;
}
#content {
    float: none;
    max-width: 97%;
    padding-left: 3px !important;
}
#header h3 {
    font-size: 33px;
    line-height: 30px;
}
#content h1 {
    font-size: 23px;
    line-height: 21px;
}
#content h2 {
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
    margin: 30px 0 10px;
}#content h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 18px;
    margin: 6px 0;
    padding: 0;
}
fieldset#contact-form {
    width: 85%;
}
#extras h4 {
    font-size: 20px;
line-height:20px;
}
}
@media (max-width:480px) {	
#content img {float:none!important;border:none;padding:0;margin:0;}
#header h3 {
    font-size: 30px;
    line-height: 27px;
}blockquote {
    margin: 0;
}
#content ul, #content ol {
    margin: 0 0 16px 10px;
    padding: 0;
}
}