/* HTML5 ✰ Boilerplate */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
ins { background-color: #ff9; color: #000; text-decoration: none; }
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }

body { font:13px/1.231 sans-serif; *font-size:small; }
select, input, textarea, button { font:99% sans-serif; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }

html { overflow-y: scroll; }
a:hover, a:active { outline: none; }
ul, ol { margin-left: 2em; }
ol { list-style-type: decimal; }
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
small { font-size: 85%; }
strong, th { font-weight: bold; }
td { vertical-align: top; }
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
textarea { overflow: auto; } 
.ie6 legend, .ie7 legend { margin-left: -7px; } 
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
button, input, select, textarea { margin: 0; }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }
a:link { -webkit-tap-highlight-color: #FF5E99; }
button {  width: auto; overflow: visible; }
.ie7 img { -ms-interpolation-mode: bicubic; }

body { font-family: Arial,Helvetica,sans-serif; font-size: 78%; color: #444; line-height: 1.5em; }
select, input, textarea { font-family: Arial,Helvetica,sans-serif;  color: #444;}
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
a, a:active, a:visited { color: #607890; text-decoration: none; }
a:hover { color: #036; }

img.image-left{float:left;margin:0em 1em 0.5em 0}
img.image-right{float:right;margin:0em 0.5em 0.5em 1em}
/**
 * Primary styles
 *
 * Author: 
 */
body { background:repeat-x fixed left top; background-color:#3b0f0f; background-image:url(../images/bg-site.jpg);  }
 
#container {background-color:#fff; border-left: 1px solid #000; border-right: 1px solid #000; width:960px; margin:0 auto; }

h1,h2,h3,h4,h5,h6{font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;margin:0.8em 0 0.3em 0}
h1 {font-size:1.6em;color:#444; font-weight: normal; }
h2 {font-size:1.1em;color:#A83800; }
h3 {margin:0;color:#444;font-size:1.05em; font-weight: 600;}
h4 {margin:0;color:#333;font-size:1.2em; }

p { margin: 5px 0 15px 0; }

.contentheading { text-shadow:1px 1px 1px #aaa; }

header { overflow:hidden; padding: 15px 15px 20px 5px; background:#ffffff url(../images/squares-fade.jpg) right bottom no-repeat; }
header #logo { margin-left: 6px; float: left; }
header #telephone { float: right; padding: 30px 10px 0 10px; font-size: 2.2em; color: #000000; line-height: 1.5em; }

nav {width: 960px; background-color: #282828; color: #f2f2f2; position:relative; z-index:89; margin:0px; border-bottom: 1px solid #000;  }
nav li { margin:0; padding:0; list-style-type:none; float:left; border-right:1px solid #404040}
nav li a, nav li a:visited { text-decoration:none; display:block; color:#cfdbe5; font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 0.95em; font-weight:bold; border-right:1px solid #000; cursor:pointer; padding:6px 1em 5px 1em; line-height:16px; }
nav li.active a { background-color:#404040;  }
nav li:hover a, nav li.active a { color:#fff; }
nav .title, nav .description{ display:block; }
nav .description {font-weight:normal; font-size:0.9em; color:#B8B8B8; }

#breadcrumbs { padding:0.6em 1em; background:url(../images/dot.png) repeat-x left bottom; font-size:0.85em;display:block }
#breadcrumbs a, #breadcrumbs span{color:#404040;background:url(../images/icons-arrow.png) no-repeat right -258px;padding-right:18px;text-decoration:none}
#breadcrumbs a:hover{text-decoration:underline}
#breadcrumbs span.current{color:#404040;font-weight:bold;background:none}

#main,#content_inner,#content_inner1,#content_inner2,#content_inner3,#content_inner4,#content_inner5,#content_inner6,#content_inner7,#maincontent-three,#maincontent-two-left,#maincontent-two,#centercol,#ssl-pos-innerleft,#leftsidecontent, #leftsidecontent-two{ position:relative; }
#main { overflow:hidden; }
div.hasleft #content_inner { background:#E5E5E5 url(../images/bg-leftside.png) right top repeat-y; }
div.hasright #content_inner2 { background:#E5E5E5 url(../images/bg-rightside.png) left top repeat-y; }
#content_inner { right: 739px; }
#content_inner1 { left: 739px; }
#content_inner2 { left: 739px; }
#content_inner3 { right: 739px; }
#maincontent-three {float: left; width: 54%; left: 23%; }
#maincontent-two-left { float: right; width: 77%; }
#maincontent-two {float: left; width: 77%; }
#centercol { float: left; width: 100%; left: 0; }
#centercol_inner{padding:0 1px}

#mainbody { padding: 0 1.2em 2em 1.2em; }

#pos-left,#pos-right { padding: 0} 
#rightsidecontent { float: right; width: 23%; }
#leftsidecontent { float: left; width: 23%; left: -54%; }
#leftsidecontent-two { float: left; width: 23%; }
#leftsidecontent_inner, #rightsidecontent_inner {padding:5px}


#featured { float: right; width: 191px; height: 243px; background:#595959 url(../images/bg-promo.jpg) repeat-x left top; padding: 15px; color: #ffffff; line-height: 1.8em;  }
#featured h3.contentheading{ color:#fff; text-shadow:1px 1px 1px #000; }

#slider {
	float: left;
    position:relative;
    width:739px; /* Change this to your images width */
    height:273px; /* Change this to your images height */
    background:url(/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}


div.box-yellow { padding: 5px; }
div.box-yellow div.ssl-top{background:url(../images/module-box-yellow.png) right top no-repeat}
div.box-yellow div.ssl-top_inner{background:url(../images/module-box-yellow.png) left top no-repeat}
div.box-yellow div.ssl-middle{background:url(../images/module-box-yellow_m.png) right top repeat-y}
div.box-yellow div.ssl-middle_inner{background:url(../images/module-box-yellow_m.png) left top repeat-y}
div.box-yellow div.ssl-bottom{background:url(../images/module-box-yellow.png) right bottom no-repeat}
div.box-yellow div.ssl-bottom_inner{background:url(../images/module-box-yellow.png) left bottom no-repeat}

div.box-grey { padding: 5px; line-height: 1.4em; }
div.box-grey div.ssl-top{background:url(../images/module-box-grey.png) right top no-repeat}
div.box-grey div.ssl-top_inner{background:url(../images/module-box-grey.png) left top no-repeat}
div.box-grey div.ssl-middle{background:url(../images/module-box-grey_m.png) right top repeat-y}
div.box-grey div.ssl-middle_inner{background:url(../images/module-box-grey_m.png) left top repeat-y}
div.box-grey div.ssl-bottom{background:url(../images/module-box-grey.png) right bottom no-repeat}
div.box-grey div.ssl-bottom_inner{background:url(../images/module-box-grey.png) left bottom no-repeat}
div.box-grey p {color:#fff; }
div.box-grey h3.ssl-moduletitle{color:#fff}
div.box-grey h3.ssl-moduletitle{text-shadow:1px 1px 1px #000}

div.box-image { align: center; padding-top: 25px;  }
div.box-image h3.ssl-moduletitle{text-shadow:1px 1px 1px #000}

ul.menu-sidemenu{border-top:1px dotted #b3b3b3;float:left;width:100%}
ul.menu-sidemenu, ul.menu-sidemenu ul{list-style-type:none;padding:0;margin:0}
ul.menu-sidemenu li{padding:0;margin:0;position:relative;float:left;width:100%;z-index:88}
ul.menu-sidemenu li a{display:block;border-bottom:1px dotted #b3b3b3;color:#404040;text-decoration:none;background:url(../images/icons-base.png) left -339px no-repeat;padding:4px 0 4px 17px;cursor:pointer}
div.box-yellow ul.menu-sidemenu li:hover a, div.box-yellow ul.menu-sidemenu li.sfhover a, div.box-yellow ul.menu-sidemenu li.active a{background-color:#f5f5d4}
ul.menu-sidemenu li:hover ul a, ul.menu-sidemenu li.sfhover ul a, ul.menu-sidemenu li.active ul a{background-color:transparent}
ul.menu-sidemenu li.active ul a.current, ul.menu-sidemenu li.active li.active ul a.current, ul.menu-sidemenu li.active li.active li.active ul a.current{color:#fff;font-weight:bold}
ul.menu-sidemenu li.active a{color:#000;font-weight:bold;background:url(../images/icons-arrow.png) no-repeat 0 5px}

ul.menu-treemenu{border-top:1px dotted #b3b3b3}
ul.menu-treemenu, ul.menu-treemenu ul{list-style:none;padding:0;margin:0}
ul.menu-treemenu li{padding:0;margin:0}
ul.menu-treemenu li a{display:block;border-bottom:1px dotted #b3b3b3;color:#404040;text-decoration:none;background:url(../images/icons-base.png) left -339px no-repeat;padding:3px 0 3px 17px;cursor:pointer}
ul.menu-treemenu ul li{margin-left:1em}
ul.menu-treemenu ul li a{border-bottom:none}
ul.menu-treemenu li a:hover{color:#000;text-decoration:none;background-color:#EFEFEF}
ul.menu-treemenu li a.current{font-weight:bold;background:url(../images/icons-arrow.png) no-repeat 0 5px}
ul.menu-treemenu li a.current span{color:#000}

div.box-grey ul.menu-treemenu li a.current span{color:#FFF}
div.box-grey ul.menu-treemenu li a{color:#d9d9d9}
div.box-grey ul.menu-treemenu li a:hover, div.box-grey ul.menu-treemenu li.active a.current{background-color:#404040;color:#FFF}

div.ssl-top{height:15px;margin-left:15px}
div.ssl-top_inner{height:15px;width:15px;margin-left:-15px}
div.ssl-middle{padding:0 15px 0 0;margin-left:15px}
div[class*=box-] div.ssl-middle_inner{padding-left:15px;margin-left:-15px;padding-bottom:1px}
div.ssl-middle div.ssl-modulecontent{padding-top:3px}
div[class*=box-] div.ssl-bottom{height:22px;margin-left:15px}
div[class*=box-] div.ssl-bottom_inner{height:22px;width:15px;margin-left:-15px}

.portfolio-item { margin-bottom: 30px; }
.portfolio-item h2 { padding: 0; margin: 0;}
.portfolio-image { float: left; width: 180px; }
.portfolio-text { float: right; width: 300px; margin: 0 0 0 0px; }

table.featuretable { border-collapse: collapse; width: 100%; text-align: left; margin-top: 7px;  }
table.featuretable tr { border: 1px solid #CCC; }

#footerlinks { line-height: 20px; background-color:#282828; font-size:0.85em; color:#ffffff; border-top:1px solid #b3b3b3; padding: 10px 20px 10px 20px; }
#footerlinks a { color: #ffffff; text-decoration:none; }
#footerlinks a:hover {text-decoration:none; color: #aaaaaa; }

#footerlinks table { width: 100%; padding: 5px;  } 
#footerlinks td { width: 25%; } 

#footerlinks .telephone { font-size: 1.8em; }

footer { text-align: right; background-color:#fff; font-size:0.85em; color:#595959; border-top:1px solid #b3b3b3; padding:15px; }
footer a, footer a:active, footer a:visited {text-decoration:underline}
footer a:hover {text-decoration:none; color: #036; }

.content-center{text-align:center}
hr.line-dots{background:url(../images/dot.png) repeat-x center left; padding:0.5em 0;border:none; clear:both}


.sitemap, .sitemap ul, .sitemap ol {margin:0; list-style:none; clear:left;}
.sitemap li {float:left; clear:left; margin:0 0 7px 0px; }
.sitemap li li {margin:0 0 0 20px; }

.small { font-size: 0.9em; }

.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


@media all and (orientation:portrait) {

}

@media all and (orientation:landscape) {

}

@media screen and (max-device-width: 480px) {
  
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } 
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}