@charset "UTF-8";
/* CSS Document */

@import url(cms.css);
@import url(highslide.css);
body {
	margin: 0;
	padding: 0;
	color: #333;
	font: 11px/14px 'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	background:#c1bdb8 url(../images/bgBody.gif) repeat-x 0px 0px;
}
table, td {
	font: 11px/14px'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
}
p {
	padding:0 0 10px 0;
	margin:0;
}
.clear {
	clear: both;
}
form, img {
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	color:#f78f1e;
	text-decoration:none;
	cursor: pointer;
}
a:hover {
	text-decoration:none;
	color:#f9a63c;
}
/* Titles
-------------------------------------------------------------------------*/

h1 {
	font-size:36px;
	font-weight:normal;
	line-height:38px;
	color:#333;
	padding:0;
	margin:0 0 0 0;
}
h2 {
	font-size:18px;
	font-weight:bold;
	color:#333;
	padding:0;
	margin:0 0 10px 0;
}
h3 {
	font-size:14px;
	font-weight:bold;
	color:#333;
	padding:0;
	margin:0 0 10px 0;
}
#breadCrumb {
	padding:3px;
	font-size:9px;
	color:#999;
	padding:0 0 20px 0;
}
#breadCrumb a {
	font-size:9px;
	color:#999;
}
#breadCrumb a:hover {
	color:#996633;
}
/* Text Red
-------------------------------------------------------------------------*/


/* HR 3 browsers compatible
-------------------------------------------------------------------------*/

hr {
	color: #ccc;
	height: 1px;
	background-color: #DADADA;
	border:0;
}
/*= Layouts
-------------------------------------------------------------------------*/
#pageWrapper {
	text-align: left;
	width: 996px;
	margin: 0 auto 0 auto;
	background: url(../images/bgWrapper.gif) repeat-y;
}
#header {
	background: url(../images/bgHeader.jpg);
	height: 178px;
	width: 996px;
}
#menuTop {
	float:right;
	color:#57360c;
	font-size:12px;
	margin:158px 25px 0 0;
}
#menuTop a {
	color:#fff;
}
#menuTop a:hover {
	color:#da9846;
}
#pageTopWrapper {
	background:url(../images/bgTopWrapper.gif) no-repeat 0px 0px;
}
body#home #pageTopWrapper {
	background:url(../images/bgTopWrapperHome.jpg) no-repeat 0px 32px;
}
/* HACK for IE.6 - Fix for overlaping CSS backgrounds */
/* * html {
	background : url(null) fixed no-repeat;
}*/
#pageFooterWrapper {
	background: url(../images/bgFooter.gif) no-repeat bottom;
	min-height:620px;
}
* html #pageFooterWrapper {
	height:620px
}
#home #pageFooterWrapper {
	background: url(../images/bgFooter.gif) no-repeat bottom;
}
a#linkHome {
	display:block;
	margin:30px 0 0 0;
	width: 380px;
	height:130px;
	text-indent:-9000px;
	float:left;
}
/*= Inside
-------------------------------------------------------------------------*/
#MenuContentTop {
	height:32px;
	background:  url(../images/bgMenuContentTop.jpg);
}
#MenuContentTopRight {
	margin:2px 0 0 0;
	padding:0 0 0 20px;
	height:28px;
	float:right;
	background: url(../images/bgMenuContentTopRight.jpg) no-repeat;
	color:#d3882c;
}
#MenuContentTopRight table, body#home #MenuContentTopRight table {
	border-collapse:collapse;
}
#MenuContentTopRight tr, body#home #MenuContentTopRight tr {
	vertical-align:top;
}
#MenuContentTopRight td#menu, body#home #MenuContentTopRight td#menu {
	padding:4px 0 0 0;
}
#MenuContentTopRight a, body#home #MenuContentTopRight a {
	color:#9d4e00;
}
#MenuContentTopRight a:hover, body#home #MenuContentTopRight a:hover {
	color:#fff;
}
/*= Home
-------------------------------------------------------------------------*/
body#home #MenuContentTop {
	height:32px;
	background:  url(../images/bgMenuContentTopHome.jpg);
}
body#home #MenuContentTopRight {
	margin:2px 0 0 0;
	padding:0 0 0 20px;
	height:28px;
	float:right;
	background: url(../images/bgMenuContentTopRighthome.jpg) no-repeat;
	color:#d3882c;
}
/*= Layer Search
-------------------*/
/*= Search
-------------------------------------------------------------------------*/

.searchBox {
	width:150px;
	height:19px;
	padding:4px 0 0 0;
	margin:0;
	background: url(../images/bgSearchField.gif) repeat-x 0px 0px;
	border: none;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
body#home .searchBox {
	width:150px;
	height:19px;
	padding:4px 0 0 0;
	margin:0;
	background: url(../images/bgSearchFieldHome.gif) repeat-x 0px 0px;
	border: none;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
/* HACK for IE.6 */

* html .searchBox {
	width:150px;
	height:19px;
	padding:4px 0 0 0;
	margin:0;
	background: url(../images/bgSearchField.gif) repeat-x 0px -1px;
	border: none;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
* html body#home .searchBox {
	width:150px;
	height:19px;
	padding:4px 0 0 0;
	margin:0;
	background: url(../images/bgSearchFieldHome.gif) repeat-x 0px -1px;
	border: none;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
/* HACK for IE.7 */
*:first-child+html .searchBox {
	width:150px;
	height:19px;
	padding:4px 0 0 0;
	margin:0;
	background: url(../images/bgSearchField.gif) repeat-x 0px -1px;
	border: none;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
*:first-child+html body#home .searchBox {
	width:150px;
	height:19px;
	padding:4px 0 0 0;
	margin:0;
	background: url(../images/bgSearchFieldHome.gif) repeat-x 0px -1px;
	border: none;
	color:#666;
	font-weight:bold;
	font-size:11px;
}
.searchBtn, body#home .searchBtn {
	margin:0;
	padding: 0;
	border: none;
}
/*= Layer Search END
-------------------*/
#content {
}
#colLeft {
	width:200px;
	float:left;
}
#colRight {
	margin:0 0 0 282px;
	padding:30px 0 0 0;
	width:670px;
}
#colRight ul {
	padding:5px 0 10px 20px;
	margin:0;
	list-style: square;
}
#colRight ul li {
	padding:5px 0 5px 0;
	margin:0;
	border-bottom: 1px dotted #CCCCCC;
}
#colRight ol {
	padding:5px 0 10px 20px;
	margin:0 0 0 20px;
	list-style:decimal;
}
#colRight ol li {
	padding:5px 0 5px 0;
	margin:0;
	border-bottom: 1px dotted #CCCCCC;
}
#nav {
	width:236px;
	margin:0 0 0 7px;
	background: url(../images/bgNav.gif) repeat-y;
}
#navContentBottom {
	height:40px;
	background: url(../images/bgNavContentBottom.gif);
}
#navContentBottom ul {
	margin:0;
	padding: 0 20px 0 0;
	list-style:none;
	background: url(../images/bgNavContentBottomLeft.gif) no-repeat;
	height:40px;
	float:right;
	width:290px;
}
#navContentBottom ul li {
	float:right;
	display:inline;
	padding:0;
	margin: 0;
	height:40px;
}
/*#navContentBottom li:hover {
	background:#eee
}
#navContentBottom ul li a {
	color:#666;
	font-size:10px;
}
#navContentBottom ul li a:hover {
	color:#DC9133;
}*/
/* ----------------------- */
a#btnSend {
	display:block;
	margin:11px 0 0 0;
	padding: 0 10px 0 25px;
	background: url(../images/bgBtnSend.gif) no-repeat 0px 0px;
	white-space:nowrap;
	font-size:10px;
}
a#btnTop {
	display:block;
	margin:11px 0 0 0;
	padding: 0 0 0 25px;
	background: url(../images/bgBtnTop.gif) no-repeat 0px 0px;
	font-size:10px;
}
#navBottom {
	width:236px;
	background: url(../images/bgNavBottom.gif) repeat-y;
	height:20px;
}
#subMenuLinks {
}
#subMenuLinks img {
	position:absolute;
}
#subMenuLinks ul {
	margin:10px 0 0 20px;
	padding:0;
}
#subMenuLinks ul li {
	display:list-item;
	list-style:none;
	padding:5px;
	margin:0;
	width:220px;
}
#subMenuLinks ul li:hover {
}
#subMenuLinks a {
	color:#666666;
	font-weight:bold;
	font-size:11px;
	line-height:10px;
}
#subMenuLinks img {
	margin:0 0 5px 0;
}
#subMenuLinks a:hover {
	color:#DC9133;
}
/* ----------------------- */
#footer {
	background:#c1bdb8;
	padding:10px 0 20px 0;
	color:#908d89;
	font-size:10px;
}
#footer a {
	color:#908d89;
}
#footer a:hover {
	color:#fff;
}
#footer #footerLeft {
	float:left;
	padding:0 0 0 20px;
}
#footer #footerRight {
	float:right;
	padding: 0 20px 0 0;
}
#footer ul {
	margin:0;
	padding: 0;
	list-style:none;
}
#footer li {
	float:left;
	display:inline;
	padding:0;
	margin: 0;
}
a#logoOctopusBottom {
	background: url(../images/OctopusBottom.gif) no-repeat right top;
	width:106px;
	height:31px;
	display:block;
	text-indent:-9000px;
	padding:0 0 0 10px;
}
/*= HOME Page Layers
-------------------------------------------------------------------------*/
#homeContent {
	width:981px;
	margin:0 0 0 7px;
}
#homeContent ul {
	margin:0;
	list-style:none;
	padding:0 0 0 26px;
}
#homeContent li {
	display:inline;
	float:left;
	width:288px;
	background: url(../images/homeContentBgTop.gif) no-repeat;
}
#homeContent li#col1, #homeContent li#col2 {
	padding:0 33px 0 0;
}
#homeContent h1 {
	font-size: 24px;
	line-height:26px;
	color: #ff9900;
	font-weight: normal;
	padding:10px 0 20px 0;
	margin:0;
}
.colBottom {
	background: url(../images/homeContentBgBtm.gif) no-repeat bottom;
	width:288px;
	margin:10px 0 0 0;
	padding: 0 0 20px 0;
	min-height:240px;
}
* html .colBottom {
	height:240px
}
#homeContent .col {
	padding:0 25px;
}
.col p {
	color:#000;
	line-height:12px;
}
.col strong {
	color:#b86009;
}
#picHome {
	width:981px;
	background: url(../images/picHome.jpg);
	height: 310px;
}
a.btnMore {
	background: url(../images/bgBtnMore.gif) no-repeat right 3px;
	padding:5px 26px 5px 0;
	display:block;
	text-align:right;
	color:#b86009;
	float:right;
}
a:hover.btnMore {
	color:#924d09;
}
#homeContent a#homeImgCol1 {
	display:block;
	background: url(../images/homeImgCol1.jpg);
	width:288px;
	height:270px;
	text-indent:-9000px;
}
#homeContent a#homeImgCol2 {
	display:block;
	background: url(../images/homeImgCol2.jpg);
	width:288px;
	height:270px;
	text-indent:-9000px;
}
#homeContent a#homeImgCol3 {
	display:block;
	background: url(../images/homeImgCol3.jpg);
	width:288px;
	height:270px;
	text-indent:-9000px;
}
/*= SUB Navigation
-------------------------------------------------------------------------*/

#subNav {
	background: #fff;
}
#subNav ul {
	width:220px;
	background: url(../images/bgSubNav.gif) no-repeat right top;
	min-height:212px;
	padding:10px 0 0 15px;
	margin:0;
}
#subNav li {
	list-style: none;
	padding:0;
	margin:0;
	float:left;
	width:220px;
}
#subNav li a {
	padding:10px 20px 10px 10px;
	margin:0;
	background: url(../images/bgSubNavBtn.gif) no-repeat right top;
	display:block;
	text-align:right;
	color:#333;
	font-weight:bold;
	line-height:12px;
}
#subNav li a:hover {
	background: url(../images/bgSubNavBtnOn.gif) no-repeat right top;
	color:#eb7b00;
}
/*= NEW Styles
----------------------

color: #ccc;
	height: 1px;
	background-color: #DADADA;
	border:0;
	
---------------------------------------------------*/

.blockHome {
	padding: 20px 0 10px 0;
	border-top: 1px solid #DADADA;
}
.blockHome .corner {
	float:left;
	width:60px;
	height:40px;
	color:#ff9933;
	font-size:36px;
	text-align:right;
	background: url(../images/bgCornerSteps.gif) no-repeat right top;
	padding:20px 20px 20px 0;
	margin: 0;
}
.blockHome .text {
	float:right;
	width:570px;
}
.blockHome p {
	line-height:normal;
	padding: 0 0 20px 0;
}
/*= Block White
-------------------------------------------------------------------------*/

.blockWhite {
	padding: 0 0 10px 0;
}
.blockWhite .blockWhiteTop {
	height:20px;
	background: url(../images/bgBlockWhiteTop.gif) no-repeat right top;
}
.blockWhite .blockWhiteContent {
	background: url(../images/bgBlockWhite.gif) repeat-y right top;
	padding: 0 20px;
}
.blockWhite .blockWhiteContent p {
	padding: 10px 0 10px 0;
}
.blockWhite .blockWhiteBottom {
	height:20px;
	background: url(../images/bgBlockWhiteBottom.gif) no-repeat right top;
}
/*= Block Blue
-------------------------------------------------------------------------*/

/*.blockBlue {
	padding: 0 0 10px 0;
}
.blockBlue .blockBlueTop {
	height:20px;
	background: url(../images/bgBlockBlueTop.gif) no-repeat right top;
}
.blockBlue .blockBlueContent {
	background: url(../images/bgBlockBlue.gif) repeat-y right top;
	padding: 0 20px;
}
.blockBlue .blockBlueContent p {
	padding: 10px 0 10px 0;
}
.blockBlue .blockBlueBottom {
	height:20px;
	background: url(../images/bgBlockBlueBottom.gif) no-repeat right top;
}*/

/*= Block Blue
-------------------------------------------------------------------------*/

.blockGrey {
	padding: 0 0 10px 0;
}
.blockGrey .blockGreyTop {
	height:20px;
	background: url(../images/bgBlockGreyTop.gif) no-repeat right top;
}
.blockGrey .blockGreyContent {
	background: url(../images/bgBlockGrey.gif) repeat-y right top;
	padding: 0 20px;
}
.blockGrey .blockBlueContent p {
	padding: 10px 0 10px 0;
}
.blockGrey .blockGreyBottom {
	height:20px;
	background: url(../images/bgBlockGreyBottom.gif) no-repeat right top;
}
/* FORM
-------------------------------------------------------------------------
------------------------------------------------------------------------- */

fieldset {
	border:none;
}
fieldset h3 {
	padding:20px 0 0 0;
}
fieldset tr#bgYellow {
	background:#f6f6f6;
	border: 2px solid #fff;
}
fieldset tr#bgBlue {
	background:#e7e7e7;
	border: 2px solid #fff;
}
fieldset tr#bgYellow input, fieldset tr#bgBlue input {
	font-size:11px;
	border: 1px solid #eee;
	padding:3px;
	margin:3px 0 0 5px;
	background:#fff;
	width:90%;
}
fieldset label {
	font-weight:bold;
	text-align:right;
	display:block;
	padding:5px 0 0 0;
}
fieldset input {
	font-size:11px;
	border:1px solid #CCCCCC;
	padding:3px;
	margin:3px 0 0 5px;
	background:#eee;
	width:90%;
}
fieldset input.phone {
	font-size:11px;
	border:2px solid #CCC;
	padding:3px;
	margin:3px 0 0 5px;
	background:#fff;
	width:25px;
}
fieldset input.checkBox {
	border:none;
	width:20px;
	height:20px;
}
/*fieldset select {
	font-size:11px;
	border: 1px solid #eee;
	padding:0px;
	margin:3px 0 0 5px;
	background:#eff4f5;
}*/
fieldset select {
	font-size:11px;
	border: 2px solid #ccc;
	padding:0px;
	margin:3px 0 0 5px;
	background:#fff;
}
fieldset textarea {
	font-size:11px;
	font: 11px'Lucida Grande', Geneva, Verdana, Arial, sans-serif;
	border: 1px solid #eee;
	padding:3px;
	margin:3px 0 0 5px;
	width:95%;
	height:50px;
	background:#eaf5f4;
}
fieldset ol {
	list-style-type:none;
	margin:0;
	padding:0;
}
fieldset ol li {
	padding: 5px 0 5px 0;
	margin:0;
	border-bottom: 1px dotted #ccc;
}
.btn input {
	color:#fff;
	font-size:11px;
	padding:2px 10px;
	margin:10px 0 0 0;
	background-color:#666;
	font-weight:bold;
	float:right;
	cursor: pointer;
	width:100px;
}
.btn input:hover {
	background-color:#edb543;
	color:#000;
}
/*= new Form Table
-------------------------------------------------------------------------*/

fieldset table {
	border-collapse:collapse;
	width:100%;
}
fieldset table tr {
	border-bottom: 1px dotted #ccc;
}
fieldset table td {
	vertical-align:top;
	padding:5px;
}
fieldset table col {
}
fieldset col#left {
	width:300px;
	font-weight:bold;
}
fieldset col#right {
}
/*= Tool tips - Price your System
-------------------------------------------------------------------------*/
.iframeTooltip {
	position: absolute;
	z-index: 1010;
 filter:alpha(opacity:0.1);
}
#tooltip, #tooltip2, #tooltip3, #tooltip4, #tooltip5, #tooltip6 {
	background:#dc9133;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	padding:5px;
	width:75%;
}
/*= Table Requirements
-------------------------------------------------------------------------*/
table.requirements {
	border-collapse: collapse;
	margin:10px 0 10px 0
}
table.requirements thead th {
	background:#666;
	color:#fff;
}
table.requirements th, table.requirements td {
	border: 1px solid #eee;
	padding: 5px;
	vertical-align:top;
}
table.requirements th {
	background: #ccc;
	color:#000;
}
table.requirements tr:hover {
	cursor:pointer;
	background: #eaf5f4;
}
/*= DingBats
-------------------------------------------------------------------------*/
fieldset label.dingOctopus {
	font-weight:bold;
	text-align:right;
	display:block;
	padding:5px 0 0 0;/*background: url(../images/dingOctopus.gif) no-repeat right top;*/
}
fieldset label.dingPhone {
	font-weight:bold;
	text-align:right;
	display:block;
	padding:5px 0 0 0;/*background: url(../images/dingPhone.gif) no-repeat right top;*/
}
#socialNetworking {
	float:left;
	padding:5px 0 0 20px;
}

/*= END
-------------------------------------------------------------------------*/