/*Common

------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, span, img, div { padding:0; margin: 0; border: 0;}
a, object { outline: none;}
a { color: #4E4E4E; text-decoration: none;}

h1 { background:url(../content/de-signs.png) no-repeat; text-indent:-2000px; width:281px; height:79px; margin-top: 10px;}
h1 a {display: block; width: 281px; height: 79px;}
h4 a {text-decoration: underline; color: #327cd8;}

a:hover img  {
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
}


#loAgo { float: left; margin: 10px 0 0; clear: left; padding-left: 10px;}
h2#h2 { float: left; clear: left; font-size: 13px; color: #4653b3; padding-left: 10px;}
h3 {background-color: white; font: 22px/25px Arial; color: #520f5c; padding: 0; margin: 10px 0; clear: both;}
h4 {font: 16px/18px Arial; color: #58a9d8; padding: 0; margin: 10px 15px; }
p {font: 12px/16px Arial; color: #666;}
a.btn {font: bold 11px/12px Arial; color: #FFF; padding: 15px 10px; float: right; height: 12px; background: url(../images/btn.gif) 0 0 repeat-x; overflow: hidden; margin: 0 15px; text-align: center; text-transform: uppercase; text-decoration: none; position: relative; top: -25px;}
a.btn:hover { background-position: 0 100%;}


.border {border: 1px solid #cfcfcf; padding: 0 10px; margin: 15px 0; }
.margin {margin-bottom: 310px;}

.middle_border { float: left; width: 432px; border: 1px solid #cfcfcf; padding: 0 10px; margin: 0;}
.brochure_border { float: left; width: 723px; border: 1px solid #cfcfcf; padding: 0 10px 10px; margin: 0 0 15px;}

.cycle {display: block; overflow: hidden; }

/*Layout

------------------------------------------------------------------------- */
html { height: 100%;}
body { height: 100%; width: 100%; background: #FFF url(../images/bg.gif) 0 0 repeat-x; font: 12px/16px Arial,Helvetica,sans-serif; padding: 0; margin: 0; color: #4E4E4E;}

#content , #footer { width: 960px; margin: 0 auto; padding: 0; position: relative; clear: both; z-index: 1;}

/* Content

------------------------------------------------------------------------- */
#content {padding: 0 10px; background: #FFF url(../images/bgc.gif) 0 0 repeat-x; }

#imageslider {width: 454px; height: 295px; z-index: 1; position: relative; margin: 0; padding: 0;}
#imageslider img {position: absolute; top: 0; left: 0; width: 454px; height: 295px; z-index: -1;}
.menu { position: absolute; top: 50px; left: 300px; font: bold 14px/14px Arial; color: #266D99; list-style-type: none; padding: 0; margin: 0;}
.menu li { display: inline; padding-left:30px; }
/*.menu li:first-child { padding-left: 0; }*/
.menu li a { display: inline; text-decoration: none; color: #266D99; border-bottom: 2px solid #F8F8F8;}
.menu li a:hover, .menu li a.active {border-color: #266D99;}
.menu ul { display: none;}


#contact-us { position: absolute; top: 0px; right: 10px; font: 15px Arial; color: #FFF; width: 205px;text-align: right;}
#contact-us span { display: block; padding: 3px 15px;}
#contact-us span.phone {background: #175275;}
#contact-us span.phone a {color: white;}
#contact-us span.phone a:hover {text-decoration: underline }
#contact-us span.fax {font-size: 14px; background: #6A90A6;}
#contact-us span.address {font-size: 12px; text-transform: none;background: #266B94; }

.sidebar { float: right; width: 205px; margin: 15px 0 0;}
a#enq { display: block; text-align: center; height: 42px; padding: 11px 0; background: url(../images/bg-enq.gif) 0 0 repeat-x; overflow: hidden;}
a#enq:hover { background-position: 0 100%;}
a#enq img { margin: 0 auto;}
.sidebar ul { padding: 10px 15px 30px; list-style: none; margin: 15px 0 0;}
.sidebar ul li a:hover { text-decoration: underline;}
.sidebar ul.tips li { list-style: none; padding: 0 0 12px; width: 100%;}
.sidebar ul.tips li a { padding-left: 7%; display: block; width: 93%; background: url(../images/bulk.gif) 0 4px no-repeat; }
.sidebar ul.tags li { list-style: none; padding: 0 0 2px; width: 100%;}
.sidebar ul.tags li a { display: block; width: 50%; padding-right: 22px; background: url(../images/bg-it.gif) 100% 50% no-repeat; text-align: right; height: 22px; line-height: 22px; }
.sidebar ul.tags li a:hover { text-decoration: none; color: #58A9D8;}

.content { float: left; width: 744px; margin: 15px 0 0;}
.left { float: left; width: 278px; padding: 0 11px 0 0; margin: 0 0 15px; position: relative; z-index: 2;}
.middle { float: left; width: 454px; padding: 0; margin: 0 0 15px;}

.side-menu { float: left; clear: both; width: 278px; list-style: none; padding: 0; margin: 0; }
.side-menu li { float: left; clear: both; width: 278px; padding: 0; margin: 0; position: relative; background: #2F76A3; border-bottom: 1px solid #6394B3;}
.side-menu li a { float: left; width: 218px; padding: 0 30px; height: 36px; font: 12px/13px Arial; color: #FFF;background: url(../images/side-menu.jpg) 0 0 no-repeat; cursor: pointer;}
.side-menu li a span { float: left;}
.side-menu li a:hover { background-position: -278px 0; }
.side-menu ul { clear: both; padding: 0; margin: 0;list-style: none; position: absolute; top: 0; left: 278px; border-left: 1px solid #FFF; float: left; display: none; }
.side-menu ul li {padding: 0; margin: 0; width: 185px; background: none; background: url(../images/side-menu.png) 0 0 repeat; }
.side-menu ul li a {padding: 5px 10px; height: 100%; margin: 0; width: 165px; background: url(images/blank.gif) 0 0 repeat; }
.side-menu ul li a:hover { text-decoration: underline;}
.side-menu li:hover ul  { display: block;}

/* Footer 

------------------------------------------------------------------------- */
#footer { background: #B5C5CF; font: 10px/15px Arial; color: #404F59; list-style-type: none; padding: 20px 0; margin-top: 20px; }
#footer li { display: inline; padding: 0 20px; }
#footer li:first-child { float: right; }

/* Other 

------------------------------------------------------------------------- */
.fl { float: left; }
.fr { float: right; }
.clear { clear:both; }
.hide { display: none; }
.show { display: block; }
element { }
element1 { }

/* Forms
------------------------------------------------------------------------------- */
form {
	width: 360px;
	text-align: left;
	clear: both;
	padding-bottom: 20px;
	border: none;
}
form.full { width: 100%; }


fieldset {
    border: none;
}

legend {
	display: none;
}
form h3 {
	clear: both;
	padding: 15px 0 5px;
	font-size: 14px;
	font-family: Helvetica, Arial, sans-serif;
	color: #000;
	font-weight: bold;
}

form label,
form p {
	display: block;
	clear: both;
	width: 310px;
	font-size: 1em;
	line-height: 1.5em;
	padding: 0 0 9px;
}

form input {
	display: block;
	margin-top: 3px;
}

form select {
	float: left;
	display: block;
}

form label.first,
form label.city {
    clear: left;
    margin-right: 10px;
    width: 150px;
}

form label.second,
form label.state {
	float: left;
	clear: none;
	margin: 0 10px 0 0;
	width: 150px;
}
form label.state { width: 60px; }

form label.first input,
form label.city input,
form label.second input {
	float: left;
	width: 150px;
	padding: 0;
}

form label.state select {
	width: 60px;
	float: left;
	margin-top: 3px;
}

form label.zip,
form label.zip input {
	float: left;
	width: 80px;
}
form label.zip { clear: none; }

form label {
	float: left;
	clear: left;
	width: 310px;
	margin: 0;
	line-height: 1.5em;
}

form label input {
	float: left;
	width: 310px;
	padding: 0;
}

form input.radio,
form input#radiobutton_1,
form input#radiobutton_2,
form input#radiobutton_3,
form input#radiobutton_4 {
	clear: left;
	float: left;
	padding: 0;
	margin: 0;
}

form label.radio,
form label.radioitem {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}

form input.checkbox,
form input#checkbox_1,
form input#checkbox_2,
form input#checkbox_3,
form input#checkbox_4 {
	clear: both;
	float: left;
	padding: 0;
	margin: 0;
}

form label.checkbox {
	clear: none;
	margin: 0 0 0 25px;
	padding: 0 0 15px;
}
/* style the form elements to look similar across browsers ... emulates Safari */
form label input,
form textarea {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    padding: 0 2px;
    height: 18px;
    line-height: 20px;
    background: #fff url(images/input-bg.gif) repeat-x top left;
}
form input.checkbox,
form select {
    border: 1px solid #ddd;
    border-left-color: #c3c3c3;
    border-top-color: #7c7c7c;
    background-color: #fff;
}
form textarea {
	margin-top: 3px;
	width: 383px;
	height: auto;
	display: block;
}

form label input.calc {
    text-align: right;
    width: 100px;
    clear: left;
    padding: 0;
}
form input.button {
    clear: left;
}