@charset "utf-8";
/* Begin CSS Reset */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
/* End CSS Reset */
/* Begin Text Set */

html, body {
        height:100%;
        }
body {
        font-family:Arial, sans-serif, Helvetica, Arial, Geneva;
        font-size:12px;
        line-height:1.8em;
        color:#cccccc;
        background:url(images/bodyBG.jpg) repeat-y center top #000;
        }
a:focus {outline:1px dotted invert}
hr {border:0 #ccc solid;border-top-width:1px;clear:both;height:0}
h1 {font-size:19px} h2 {font-size:18px} h3 {font-size:17px} h4 {font-size:16px} h5 {font-size:15px} h6 {font-size:14px} h7 {font-size:12px}
h1,h2,h3,h4,h5,h6 {display:block; margin-bottom:6px; color:#DDDDDD;}
h7 {margin-bottom:2px; color:#b28d2e;}

ul {list-style:square; margin:5px 0} ol {list-style:decimal; margin:8px 0}
li {margin:5px 0 3px 25px}

p {font-size:12px;line-height:18px;padding:0 0 10px}

p2 {font-size:11px;line-height:16px;padding:0 0 8px}

/*End Text Set */
/* Begin Regular Styling */


#container {
        position:relative;
        }
a {
        color: #b28d2e;
        text-decoration:none;
        border-bottom:1px solid #b28d2e;
        }
a:hover {
        color: #b28d2e;
        text-decoration:none;
        border-bottom:2px solid #b28d2e;
        }
#header {
        height:332px;
        width:100%;
        position:relative;
        }
#header {
        background:url(images/blueBG.jpg) repeat-x;
        }
#headercontent {
        width:884px;
        margin:0 auto;
        position:relative;
        }
#headercontent p {
        font-size:11px;font-weight:bold;line-height:18px;padding:0 0 2px
        }
/* #headercontent#boldgold { */
/*        color:#b28d2e;font-size:13px;font-weight:bold; */
/*        } */
#headermain {
        background:url(images/blueMain.jpg) no-repeat;
        width:884px;
        position:absolute;
        top:109px;
        height:245px;
        }

#header #logo a {
        position: absolute;
        display:block;
        top:18px;
        margin-left:5px;
        border:none;
        }
#colors {
        width:99%;
        position:absolute;
        text-align:right;
        }
#colors a {
        border:none;
        margin-left:5px;
        }
#nav {
        position:absolute;
        text-align:right;
        width:100%;
        top:86px;
        height:19px;
        }
#nav ul {
        margin:0;
        padding:0;
        list-style:none;
        }
#nav ul li {
        display:inline;
        float:right;
        margin:0;
        padding:0;
        }
#nav ul li a {
        display:block;
        width:98px;
        height:19px;
        line-height:19px;
        font-weight:bold;
        margin:0;
        padding:0;
        text-align:center;
        background:url(images/tabBG.jpg) repeat-x;
        text-decoration:none;
        color:#FFFFFF;
        margin-left:3px;
        border:none;
        }
#nav ul li a:hover {
        background: #5f6966;
        }
body#home a#menu-home, body#services a#menu-services, body#products a#menu-products, body#contact a#menu-contact, body#privacy a#menu-privacy {
        background: #5f6966;
        display:block;
        }
.box-element {
        background:url(images/blueMain-div.jpg) no-repeat;
        position:absolute;
        width:100%;
        margin-top:15px;
/*      margin-top:22px; */
        color:#FFFFFF;
        }
.box-element img {

        position:absolute;
        left:450px;
/*      right:0px; */
        width:400px;
/*      width:467px */
        height:165px;
/*      height:147px; */
        border:1px solid #ddd;
        }
.box-element h1 {
        font-size:19px;
        margin-bottom:0px;
        padding-left:38px;
        margin-top:26px;
        }
.box-element h2 {
        font-size:18px;
        margin-bottom:0px;
        padding-left:50px;
        margin-top:3px;
        }
.box-element h5 {
        font-size:16px;
        margin-bottom:0px;
        padding-left:82px;
        margin-top:16px;
        }
.box-element h6 {
        font-size:16px;
        margin-bottom:28px;        
        padding-left:94px;
        margin-top:2px;
        }
.box-element p {
        width:250px;
        text-align:left;
        font-size:12px;
        margin-top:30px;
        }
#content {
        width:884px;
        margin:0 auto;
        position:relative;
        }
#content .contentColumn {
        width:30%;
        float:left;
        padding:6px 10px 10px 10px;
        margin-right:8px;
        min-height: 100%;
        height: auto !important;
        }
#content .contentColumn2 {
        width:30%;
        float:left;
        padding:6px 10px 10px 10px;
        margin-right:8px;
        min-height: 100%;
        height: auto !important;
        }
#content .contentColumnLower {
        width:30%;
        float:left;
        padding:6px 10px 10px 10px;
        top:100px;
        margin-right:8px;
        }
#content img {
        float:left;
        }
#content a img {
        margin-bottom:10px;
        }
#content .contentColumn li img {
        position:absolute;
        float:right;
        margin-left:185px;
        margin-top:3px;
        }
#content .contentColumn2 li img {
        position:absolute;
        float:right;
        margin-left:185px;
        margin-top:2px;
        }
#content .contentColumn2 li {
        background:url(images/bullet.gif) no-repeat 0 6px;
        padding-left:1.5em;
        margin-left:20px;
        font-weight:bold;
	margin:2px 0 2px 25px
        }
#content .contentColumn2 ul {
        list-style:none; margin:2px 0;
        }
#content .contentColumnLower li img {
        position:absolute;
        float:right;
        margin-left:185px;
        margin-top:3px;
        }
#content h3 {
        color:#e08702;
        line-height:40px;
        margin-bottom:10px;
        }
#content h5 {
        color:#e08702;
        }
#content ul {
        list-style:none;
        }
#content li {
        background:url(images/bullet.gif) no-repeat 0 6px;
        padding-left:1.5em;
        margin-left:20px;
        font-weight:bold;
        }
#content a:hover {
        text-decoration:none;
        }
#featured {
        position:absolute;
        right:0;
        top:6px;
        width:260px;
        }



#footer {
        background-color:#000000;
        background:url(images/blueBG.jpg) repeat-x;
        border-top:5px solid #5f6966;
        clear:both;
        text-align:center;
        height:103px;
        }
#footerContent {
        width:884px;
        margin:0 auto;
        position:relative;
        padding:20px 0;
        }
#footerContent a {
        margin-right:20px;
        color:#CCCCCC;
        text-decoration:none;
        font-weight:bold;
        font-size:12px;
        border:none;
        }
#footerContent a:hover {
        text-decoration:underline;
        }
#footerContent p {
        color:#b28d2e;
        font-size:11px;
        font-weight:bold;
        margin-top:10px;
        }
/*              Begin Highslide                  */
.highslide img {
}
.highslide:hover img {
}

.highslide-image {
        border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
        color: white;
        font-size: 9px;
        font-weight: bold;
        text-transform: uppercase;
    text-decoration: none;
        padding: 3px;
        border: 1px solid white;
    background-color: black;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
        font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
#innercontent {
        width:590px;
        margin-bottom:15px;
        }
#bottomcontent {
        width:590px;
        margin-bottom:15px;
        position: relative;
        }
#bottomcontentcentered {
	width:50%;
	margin:0px auto;
	text-align:center;
        }
#bottomcontentrow3 {
        position: relative;
        float:left;
        width: 32%;
        }
#bottomcontentrow2 {
        position: relative;
        float:left;
        width: 48%;
        }
#bottomcontentrow1 {
	position: relative;
        float:left;
        width: 100%;
        }
#bottomcontentimages {
        position: relative;
        width:50%;
	margin:0px auto;
        text-align:center;
        }
#bottomcontentcentered img {
        display:block;
	border:2px solid #b28d2e;
        margin-left: auto;
        margin-right: auto;
	margin-bottom: 18px;
        padding: 0 0 0 0;
        }
#bottomcontentimages img {
	display:block;
	border:2px solid #b28d2e;
        margin-left: auto;
        margin-right: auto;
	margin-bottom: 18px;
        padding: 0 0 0 0;
        }
.project {
        position:relative;
        top: 6px;
        }
.project a.highslide img {
        border:2px solid #ffffff;
        }
.project a:hover.highslide img {
        border:2px solid #b28d2e;
        }
div.project {
        margin-bottom:20px;
        }
div.project a img {
        margin-bottom:0;
        }
div.project img.right {
	border:2px solid #b28d2e;
	float:right;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 13px;
        }
div.project img.left {
	border:2px solid #b28d2e;
	float:left;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-right: 13px;
        }
div.project img.center {
	border:2px solid #b28d2e;
        text-align:center;
        margin-top: 2px;
        margin-left: 12px;
        margin-right: 12px;
	margin-bottom: 2px;
        }
.project h4 {
        margin:0 0 6px 0;
        padding:0;
        line-height:1em;
        }
.project a.jump {
        float:right;
        line-height:1em;
        margin-right:10px;
        }
#contactDiv li {
        background:none;
        margin:0 0 20px 14px;
        padding:0;
        }
div#contactDiv {
    min-height:400px;
    height:auto !important;
    height:400px;
        float:right;
        margin:50px 50px 30px 0;
        }
form#myform {
        padding:10px;
        text-align:left;
        width:300px;
        font-size:14px;
        color:#333333;
        background-color:#5E6A66;
        border:1px solid #999999;
        }
ul.form {
        list-style:none;
        padding:0;
        margin:0;
        border:0;
        background:none;
        }
ul.form li {
        padding:3px 0 6px;
        height:35px;
        background:none;
        margin:0;
        }
ul.form li label {
        display:block;
        float:left;
        width:130px;
        color:#CCCCCC;
        }
ul.form li input, ul.form li select, ul.form li textarea {
        width:180px;
        background-color: #CCCCCC;
        border:1px solid #fff;
        }
ul.form li.submit {
        padding:0;
        }
ul.form li.submit input        {
        border:0 none;
        cursor:pointer;
        display:block;
        width:110px;
        overflow:hidden;
        border-left:1px solid #CCCCCC;
        border-top:1px solid #CCCCCC;
        border-right:1px solid #666666;
        border-bottom:1px solid #666666;
        padding:2px 0;
        background:url(images/buttonBG.gif) repeat-x;
        }
ul.form li textarea {
        height:100px;
        width:262px;
        }
* html ul.form li textarea {
        height:100px;
        width:242px;
        }
ul.form li.comment .required, ul.form li.comment label {
        width:120px;
        }
ul.form span {
        font-size:14px;
        color: #CCCCCC;
        }
fieldset {
        padding-top:6px;
        background-color: #666666;
        border:1px solid #999;
        }
li.comments{height:130px !important;}
.valid{border:2px solid green !important;}
.invalid{border:2px solid #800 !important;}





#menu {
  margin:0;
  padding:0;
  height:21.5em;
  overflow:hidden;
  background:#0d0848;
        font-family:Arial, sans-serif, Helvetica, Arial, Geneva;
        font-size:12px;
        line-height:1.3em;
        color:#0d0848;
  }

#menu ul {list-style:none; margin:0px 0}

#menu ol {list-style:none; margin:0px 0}

#menu a {
        text-decoration:none;
        border-bottom:0px;
        }
#menu a:hover {
        text-decoration:none;
        border-bottom:0px;
        }
#menu li {
  margin:0px 0px 0px 5px;
  background:#0d0848;
  padding-left:0px;
  margin-left:0px;
  font-weight:normal;

  list-style-type:none;
  float:left;
  display:block;
  width:100%;
  }
#menu li a {
  display:block;
  text-decoration:none;
  color:#ccc;
  margin:0;
  width:100%;
  }
#menu li a span {
  display:none;
  color:#ccc;
  }
#menu li a.one span {
  display:block;
  height:7em;
  margin:0 10px;
  }
#menu li a:hover {
  background:#000000;
  }
#menu li a:hover span {
  display:block;
  height:7em;
  margin:0 10px;
  cursor:pointer;
  }
#menu .h2 {
  margin:0 5px;
  padding-left:4px;
  color:#ccc;
  font-variant:small-caps;
  font-size:1.2em;
  border:0;
  }
#menu .h3 {
  margin:0 5px;
  padding:0px;
  padding-left:4px;
  font-size:1.0em;
  color:#b28d2e;
  }
#menu img {
  width:100px;
  height:17px;
  margin-bottom:0px;
  padding-bottom:0px;
  margin:2px 2px 2px 2px;
  border:1px solid #000;
  float:right;
  }
.curved {
  width:21em;

  }
.curved .b1, .curved .b2, .curved .b3, .curved .b4  {
  font-size:1px;
  display:block;
  background:#3d3100;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
.curved .b1, .curved .b2, .curved .b3 {
  height:1px;
  }
.curved .b2, .curved .b3, .curved .b4 {
  background:#0d0848;
  border-left:1px solid #3d3100;
  border-right:1px solid #3d3100;
  }
.curved .b1 {
  margin:0 4px;
  background:#3d3100;
  }
.curved .b2 {
  margin:0 2px;
  border-width:0 2px;
  }
.curved .b3 {
  margin:0 1px;
  }
.curved .b4 {
  height:2px;
  margin:0;
  }
.curved .c1 {
  margin:0 5px;
  background:#3d3100;
  }
.curved .c2 {
  margin:0 3px;
  border-width:0 2px;
  }
.curved .c3 {
  margin:0 2px;
  }
.curved .c4 {
  height:2px;
  margin: 0 1px;
  }
.curved .boxcontent {
  display:block;
  background:#0d0848;
  border-left:1px solid #3d3100;
  border-right:1px solid #3d3100;
  font-size:0.9em;
  text-align:left;
  }

/* CONTACT FORM */

.shadeform        { font: 13px arial, verdana, sans-serif;
                  color: #000000;
                  background-image: url("images/shadeform.gif");
                  width: 260PX;
                  border: #b28d2e 2px solid; }

.textarea         { font: 13px arial, verdana, sans-serif;
                  color: #000000;
                  background-image: url("images/shadeform.gif");
                  width: 260PX;
                  height: 140PX;
                  border: #b28d2e 2px solid; }

.dropdown         { color: #000000;
                  width: 220PX;
                  font: 11px geneva, verdana, arial, sans-serif; }

.contact-submit { font-size: 10pt; }


#content h3 {
	color:#b28d2e;
	}	
	
#content h5 {
	color:#b28d2e;
	}
	
.box-element h2 {
	color: #9E9C9D;
	font-style:italic;
	}
	
#featured a:hover {
	border-color:#b28d2e;
	}
	
.project a:hover.highslide img {
	border:2px solid #b28d2e;
	}
	
#header {
	background:url(images/blueBG.jpg) repeat-x;
	}	
	
#headermain {
	background:url(images/blueMain.jpg) no-repeat;
	}