@charset "UTF-8";

/* A variation on Eric Meyer's CSS Reset:
   This is disabled because the Blueprint framework already has it.
   You should enable it if you aren't using Blueprint.

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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr,acronym {
	border:0;
}
*/

/* Below are the CSS styles that aren't included with Blueprint. It's a good idea to keep them whether or not you use it unless you know what you're doing. */

/* Text styles */
.blog-featured h2 {
	font-size: 1.5em;
	margin-bottom:0em;
}
p.readmore {
	text-indent:0;
	font-size: .9em;
}
.joomla-footer {
	font-size: .9em;
	margin-bottom: 30px;
}

/* Article functions */
ul.actions {
	clear:both;
	margin-top: -50px;
	float:right;
}
ul.actions li {
	list-style-type: none;
	float:right;
	margin-left: 10px;
}

/* Login styles */
p#form-login-username label,
p#form-login-password label {
	width: 160px;
	display:block;
}
p#form-login-remember label {
	font-size: .9em;
	font-weight: normal;
	line-height: 25px;
}
p#form-login-remember input {
	float:left;
	margin-right: 5px;
}
form#form-login ul {
	margin: 0;
	padding: 0;
}
form#form-login ul li {
	list-style-type: none;
	margin-left: 20px;
	font-size: .9em;
}


/** OMNINET STYLES **/
body {
	color: #8C8C8C;
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 20px;
	background: #eaeaea;
}
#containerwrap {
	background-color: #fffaec;
}
#container {
	width: 910px;
	margin: 0 auto;
	padding: 20px 40px 0;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	
	background-color: #fffaec;
}

#headerwrap {
	width: 100%;
	height: 153px;
	background-image: url(../images/topbar-background.jpg);
}

#header {
	width: 1008px;
	height: 172px;
	margin: 0 auto;	
}

#header #logo {
	width: 225px;
	height: 76px;
	float: left;
	margin-top: 63px;
	margin-left: 38px;
}

#header #logo a {
	display: block;
	width: 100%;
	height: 100%;
}

.clear {
	clear: both;
	width: 100%;
	height: 2px;
}	

tbody tr:nth-child(2n) td, tbody tr.even td {
	background: inherit;
}

h1, h2, .blog-featured h2 {
	font-size: 2em;
	color: #ffac3f;
	font-weight: bold;
	margin-bottom: 15px;
}

#footer_msg {
	margin-right: 20px;
	float: right;
}

fieldset {
	border: 0;	
}

#footer-container {
    background: url(../images/bottombar-background.gif) repeat-x scroll 0 0 #EAEAEA;
    float: left;
    margin: 0 auto;
    width: 100%;
}

#footer {
	height: auto;
    margin: 0 auto;
    padding: 25px 40px 40px;
    text-align: left;
    width: 910px;	
}

#contact {
    float: left;
    width: 250px;
}
#copyright {
	float: left;
	clear: left;
	width: 600px;
	margin-top: 10px;
	margin-bottom:20px;
}

#bottommenu {
    float: right;
    text-align: right;
    width: 600px;
}

#bottommenu a {
    color: #666666;
    text-decoration: none;
}

p {
	font-size: 14px;
}
p + p {
	margin-top: 1.5em;
    text-indent: 0em;
    margin-bottom: 1em;
}

a, a:link {
	color: #ffac3f;
    text-decoration: underline;	
}

#main.sidebar-open {
	width: 559px;
	float: left;
}

#sidebar {
	float: right;
	width: 340px;
	background-color: #fef3d6;
	border: 1px solid #ccc;
	padding: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 321px;
}

#sidebar p, #sidebar ul, #sidebar li {
	margin-left: 12px;
	margin-right: 12px;
}

table {
	width: auto;	
}

table tr td {
	vertical-align: top;	
}

table img {
	border: 1px solid #ccc;	
}

.home-adverts {
	width: 254px;
	float: left;margin-right: 20px;
	background-color: white;
	border: 1px solid #ccc;
	padding: 12px;
	margin-bottom: 20px;
}

.home-adverts p, .home-adverts p + p {
	margin:0;
	margin-bottom: 5px;
	font-size: 12px;
}

li, .contact-address, label {
	font-size: 14px;
}

textarea {
	width: 330px;
	height:165px;
}

#chronoform_contact {
	margin-bottom: 10px;
}
.ccms_form_element label {
	line-height: 30px;
	margin-bottom: 2px;
}
.ccms_form_element input[type="text"] {
	margin-bottom: 2px;
}
.chronoform {
	display: none;
}

#menu { margin:0px auto; width:600px; padding:0px; position: relative; float: left; margin-top: 115px; margin-left: 50px;}
#menu:after{ content: "."; display:block; height:0; font-size:0; clear:both; visibility:visible; }
#menu ul { margin:0px; padding:0px; list-style:none; }
#menu ul li { margin:0px; padding:0px 0px 2px 0px; list-style:none; float:left; font-weight: bold; font-size: 14px; text-transform: lowercase; /*border-right: 1px solid #ccc;*/ }
#menu ul li a { padding:2px 18px; margin:0px; color:#FFF; text-decoration:none; font-weight: normal; font-size: 16px;}
#menu ul li a:hover { color:#ececec; text-decoration:underline; }

/* 1ST LEVEL DROP-DOWN MENU */
#menu ul li ul { display:none; }
#menu ul li:hover > ul { display:block; position:absolute; top:26px; }
#menu ul li:hover > ul li{ margin:0px; padding:0px 0px; float:none; list-style:none; width:15em; position:relative; }
#menu ul li:hover > ul li a { display:block; background:#ffac3f; padding: 8px 8px 8px 18px; margin-top: -4px;}
#menu ul li:hover > ul li a:hover { background:#ffac3f; color: #ececec;  text-decoration: none;}




.img-alignright {
	float: right;
	margin-left: 15px;
	margin-bottom: 20px;
}

.img-alignleft {
	float: left;
	margin-right: 15px;
	margin-bottom: 0;
}

#mobilenav, #mobilenav-toggle {
	display: none;
}

#sidebar .module div img {
	max-width: 100%;
	height: auto;
}