/* CSS Document */

body {
 font-family: Helvitica, Arial, Verdana, sans-serif;
 font-size: 62%;
 color: #333;
 background: url('../images/bg_body.gif');
 padding: 0;
 margin: 20px 5px;
}

#wrapper {
 color: #fff;
 background: #999;
 width: 600px;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa;
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 padding: 30px 30px 10px 30px;
 margin: 0 auto;
}

#inner {
 color: #333;
 background: #fff;
 border-top: 1px solid #aaa;
 border-left: 1px solid #aaa;
 border-bottom: 1px solid #666;
 border-right: 1px solid #666;
 padding: 10px;
}

#header { font-size: 1.2em; color: #fff; background: #F9BE1A; padding: 20px; }

#header h1 { padding: 0; margin: 0 0 2px 5px; }
#header h1 a { background: url('../images/logo.gif') no-repeat; display: block; width: 300px; height: 60px; border: none !important; }
#header h1 a span { display: none; }

#menu_top {
 font-size: 1.2em;
 font-weight: bold;
 text-transform: uppercase;
 color: #fff;
 background: #666;
 padding: 2px 10px;
 margin: 2px 0;
}

#menu_top ul {
 padding: 0;
 margin: 0.4em 0.1em;
}

#menu_top li {
 display: inline;
 margin-right: .5em;
}

#menu_top a:link, #menu_top a:active, #menu_top a:visited { color: white; }
#menu_top a:hover { color: #FFCC33; }

#hp_image {
 color: #333;
 background: url('../images/bg_gradient.gif') top repeat-x;
 padding: 10px;
 margin: 2px 0;
}

#content_heading { color: #fff; background: #EE9C0C; padding: 1px 12px; /*margin: 2px 0;*/ }
#content_heading h2 { padding: 0; margin: 2px 0; }

#content {	font-size: 1.4em; border: 2px solid #ccc; padding: 5px; margin: 2px 0; }
#content p { padding: 0.4em; margin: 0.2em 0; }
#content p:hover { background-color: #FFFFCC; -moz-border-radius: 4px; border-radius: 4px; }
#content img { /*border: 1px solid #ccc;*/ vertical-align: bottom; }

a {
 color: #CC6633;
 text-decoration: none;
 border-bottom: 1px dashed #cc6633;
}
a:hover {
 color: #666;
 border-bottom: 1px solid #cc6633;
}

img.l {
 float: left;
 border: 1px solid #ccc;
 padding: 0.2em;
 margin: 0.3em;
}
img.r {
 float: right;
 border: 1px solid #ccc;
 padding: 0.2em;
 margin: 0.3em;
}

.noborder { border: none !important; }

p.r {
 text-align: right;
 margin-right: 10px;
}

.clr { clear: both; }

#footer { color: #333; background: inherit; text-align: right; padding: 4px; }
#footer a:link, #footer a:active, #footer a:visited { color: #333; text-decoration: none; border-bottom: 1px dashed #333; }
#footer a:hover { text-decoration: none; color: #000; border-bottom: 1px solid #000; }


ul.clients { list-style-type: none; }
ul.clients li { margin: 6px 0; }
ul.clients li img { text-align: center !important; vertical-align: middle !important; border: 1px solid #ccc; padding: 3px; margin-right: 15px; }



div.contact-details { float: right; padding: 8px; margin: 8px; border: 1px solid #FFF2C8; }
div.contact-details h3 { margin-top: 0; }

.less { display: none; }