* {
font-family : Geneva, Arial, Helvetica, sans-serif;
}
body {
padding : 0;
font-size : 12px;
color : #666666;
margin : 0;
height : 100%;
}
html {
height : 100%;
}
ol, ul, blockquote {
line-height : 22px;
margin-top : 0;
}
#header_sub_text h1 {
color : #383838;
margin-bottom : 0;
letter-spacing : -1px;
font-size : 16px;
}
#header_sub_text h2 {
color : #999999;
}
#header_sub h1 {
color : #336699;
margin-bottom : 0;
font-weight : bold;
font-size : 20px;
letter-spacing : 1px;
padding : 5px 0 0 35px;
}
#header_sub h2 {
color : #336699;
padding : 5px 0 0 35px;
line-height : 25px;
font-weight : normal;
font-size : 14px;
}
#header_sub h3 {
color : #1f4575;
font-size : 20px;
}
#header_sub h4 {
color : #666666;
font-size : 14px;
font-weight : normal;
}
p {
line-height : 22px;
margin-top : 0;
}
h1 {
font-size : 20px;
color : #336699;
margin : 0 0 10px 0;
}
h2 {
font-size : 14px;
color : #336699;
margin : 0 0 10px 0;
}
h3 {
font-size : 12px;
color : #336699;
margin : 0 0 0 0;
font-weight : bold;
}
h4 {
font-size : 20px;
color : #383838;
margin : 0 0 10px 0;
}
h5 {
font-size : 14px;
color : #383838;
margin : 0 0 10px 0;
}
h6 {
font-size : 12px;
color : #383838;
margin : 0 0 0 0;
}
.sub_box_text h2 {
font-size : 16px;
color : #336699;
margin : 0 0 15px 0;
padding-top : 12px;
}
.sub_box_text ul {
padding : 0;
margin : 0 0 15px 10px;
}
.sub_box_text li {
padding-left : 25px;
height : 20px;
font-weight : normal;
list-style-type : none;
background-image : url(images/check.png);
background-repeat : no-repeat;
margin : 0;
}
a {
text-decoration : none;
color : #347ba2;
}
img {
border : none;
}
blockquote {
border-left : 3px solid #336699;
margin : 0 0 0 2.5em;
padding-left : 1em;
padding-right : 1em;
}
.wrap {
min-height : 100%;
height : auto !important ;
height : 100%;
margin : 0 auto -61px;
}
.footer, .push {
height : 61px;
}
#wrap {
background-image : url(images/header.jpg);
background-repeat : no-repeat;
background-position : top center;
margin : 0 auto;
}
#header_wrap {
background-repeat : no-repeat;
margin : 0 auto;
height : 421px;
background-image : url(images/header.jpg);
background-position : top center;
}
#header_wrap_alt {
background-repeat : no-repeat;
margin : 0 auto;
height : 421px;
background-image : url(images/header_alternative.jpg);
background-position : top center;
}
#header {
width : 980px;
height : 421px;
margin : 0 auto;
}
#header_upper {
width : 960px;
float : left;
}
#header_logo {
width : 280px;
float : left;
height : 95px;
}
#header_lower {
width : 980px;
float : left;
margin-top : 7px;
}
#header_lower_alt {
width : 892px;
float : left;
padding-left : 43px;
}
#header_sub {
float : left;
width : 390px;
}
.header_sub {
float : left;
width : 390px;
}
#header_sub_text {
float : left;
padding-left : 35px;
width : 295px;
margin-right : 10px;
}
#header_sub_text_secondary {
float : left;
width : 250px;
margin-top : 25px;
color : #ffffff;
}
#header_sub_text_secondary p {
width : 250px;
font-size : 28px;
color : #336699;
font-weight : bold;
margin-bottom : 0;
}
#header_sub_button {
float : left;
padding-top : 10px;
width : 50px;
}
#header_sub_button_alt {
float : left;
width : 50px;
}
#header_secondary {
width : 980px;
height : 187px;
margin : 0 auto;
}
#header_wrap_secondary {
background-repeat : no-repeat;
margin : 0 auto;
height : 187px;
background-image : url(images/header_secondary.jpg);
background-position : top center;
}
#header_sub_headline {
float : left;
width : 395px;
height : 226px;
}
#header_sub_port {
float : left;
width : 395px;
margin-top : -25px;
}
#header_sub_secondary {
float : left;
padding-top : 0;
width : 390px;
padding-left : 35px;
}
#header_sub_secondary_right {
float : right;
padding-top : 0;
width : 390px;
margin-top : 25px;
font-size : 18px;
color : #336699;
text-align : right;
padding-right : 15px;
}
#date {
font-size : 0.9em;
color : #666666;
font-family : Tahoma;
padding-top : 15px;
padding-right : 12px;
text-align : right;
vertical-align : middle;
}
#menu {
float : right;
padding : 20px 10px 0;
margin : 0 0 20px;
}
#menu li {
font-size : 1em;
display : inline;
}
#menu li a {
float : left;
width : 87px;
height : 35px;
padding : 2px 0 7px;
text-align : center;
margin : 0 0 0 10px;
color : #333333;
background : url(images/button_grey.gif) no-repeat;
font-family : Tahoma;
}
#menu li a.current {
background : #fff url(images/nav_on.gif) no-repeat;
color : #000066;
font-family : Tahoma;
}
#menu li a.blog {
color : #990000;
font-family : Tahoma;
font-weight : bold;
}
#menu li a:hover {
text-decoration : none;
color : #003366;
background : #fff url(images/nav_on.gif) no-repeat;
font-family : Tahoma;
}
#page {
width : 960px;
margin : 0 auto;
padding : 0 0 30px 0;
background-repeat : repeat-x;
}
#page_secondary {
width : 960px;
margin : 0 auto;
padding : 35px 0 30px 40px;
background-image : url(images/left_bg.jpg);
background-repeat : no-repeat;
height : 100%;
}
#sub_boxes {
float : left;
margin : 0 0 20px 0;
background-image : url(images/vert_separator.gif);
background-repeat : no-repeat;
background-position : right;
width : auto;
}
.sub_box {
width : 270px;
float : left;
background-image : url(images/vert_separator.gif);
padding : 15px 20px 10px 30px;
background-repeat : no-repeat;
background-position : left;
}
.sub_box_right {
width : 270px;
float : left;
background-image : url(images/vert_separator.gif);
padding : 15px 20px 10px 30px;
background-repeat : no-repeat;
background-position : left;
}
.sub_box_image {
margin-right : 8px;
vertical-align : middle;
float : left;
width : auto;
}
#secondary {
background-image : url(images/head_secondary.jpg);
background-repeat : repeat-x;
}
#featured_wrap {
float : left;
width : auto;
}
#featured {
width : 815px;
float : left;
background-repeat : no-repeat;
padding : 20px 20px 10px 20px;
background-image : url(images/featurebg.jpg);
height : 248px;
}
#featured_image {
padding : 5px;
float : left;
border : 1px solid #cacaca;
min-width : 400px;
min-height : 190px;
width : auto;
}
#featured_text {
float : left;
margin-left : 20px;
width : 365px;
}
#featured_bottom {
width : 855px;
height : 12px;
margin : 0 auto;
background-image : url(images/featurebg_bottom.jpg);
float : left;
}
#main_content {
float : left;
width : 960px;
}
#main_content_left {
width : 600px;
float : left;
padding-left : 28px;
}
#main_content_left_secondary {
width : 720px;
float : left;
}
#main_content_right {
width : 255px;
float : right;
background-image : url(images/right_sidebar_bg.gif);
background-repeat : no-repeat;
padding : 15px 20px 10px 20px;
margin-right : 12px;
}
#main_content_right ul {
padding : 0;
margin : 0 0 15px 10px;
}
#main_content_right li {
padding-left : 25px;
height : 30px;
font-weight : bold;
list-style-type : none;
background-image : url(images/check.png);
background-repeat : no-repeat;
margin : 0;
}
#logo {
height : 75px;
width : 150px;
}
#footer_wrap {
background-image : url(images/footer_bg.jpg);
background-repeat : repeat-x;
height : 125px;
}
#footer {
width : 960px;
padding : 25px 0 25px 0;
font-size : 11px;
color : #ffffff;
height : 36px;
margin : 0 auto;
}
#footer a {
color : #ffffff;
}
#footer a:hover {
color : #ffffff;
text-decoration : underline;
}
#footer_l {
float : left;
width : 400px;
}
#footer_r {
float : right;
width : 400px;
text-align : right;
}
.inline_image {
float : left;
padding : 5px;
border : 1px solid #a4a4a4;
margin : 5px 10px 0 0;
width : auto;
}
#products {
width : 525px;
}
.product_box {
border-bottom : 1px dotted #a4a4a4;
float : left;
width : 525px;
padding-bottom : 15px;
margin-top : 15px;
}
.product_box_image {
float : left;
padding : 5px;
border : 1px solid #a4a4a4;
width : auto;
}
.product_box_description {
float : left;
margin-left : 15px;
width : 320px;
}
.image_wrap {
float : left;
margin : 0 0 5px 0;
width : 180px;
}
.image {
float : left;
border : 4px solid #ccc;
width : 172px;
height : 120px;
}
.image_caption {
float : left;
padding : 3px 0 3px 0;
font-size : 10px;
color : #424242;
width : 100%;
text-align : center;
}
a.button {
background : url(images/button_0.jpg) repeat-x;
padding : 5px 10px 5px 10px;
color : #ffffff;
text-decoration : none;
border : 1px solid #32312f;
font-size : 10px;
line-height : 25px;
}
a.button:hover {
background : url(images/button_o.jpg) repeat-x;
border : 1px solid #32312f;
}
.input, textarea {
background-image : url(images/form_bg.jpg);
background-repeat : repeat-x;
border : 1px solid #ccc;
color : #185889;
font-size : 11px;
margin-right : 4px;
padding : 5px;
margin-top : 3px;
margin-bottom : 10px;
}
#left_navigation {
float : left;
width : 184px;
margin-right : 35px;
}
#left_navigation ul {
margin-left : 0;
padding-left : 0;
}
#left_navigation li {
border-top : 1px solid #dcddde;
border-bottom : 1px solid #ffffff;
list-style-type : none;
margin-left : 0;
padding : 8px 0;
}
#left_navigation a {
color : #175386;
font-weight : bold;
padding : 8px 0 8px 10px;
}
#left_navigation_contact {
float : left;
width : 184px;
margin-right : 35px;
}
#left_navigation_contact a {
color : #175386;
font-weight : normal;
padding : 0 0 8px 0;
}
#left_navigation h2 {
color : #666666;
font-size : 11px;
font-weight : normal;
padding-left : 34px;
margin : 0;
width : 140px;
line-height : 12px;
}
#left_navigation li:hover {
border-top : 1px solid #dcddde;
border-bottom : 1px solid #ffffff;
list-style-type : none;
margin-left : 0;
padding : 8px 0;
background : url(images/nav_hover.png) repeat-y;
display : block;
}
#left_navigation_blog {
float : left;
width : 184px;
margin-right : 35px;
}
#left_navigation_blog ul {
margin : 0 0 10px 0;
padding-left : 0;
}
#left_navigation_blog li {
list-style-type : none;
padding-left : 0;
}
.active {
border-top : 1px solid #dcddde;
border-bottom : 1px solid #ffffff;
list-style-type : none;
margin-left : 0;
padding : 8px 0;
background : url(images/nav_hover.png) repeat-y;
display : block;
}
.page_column {
float : left;
width : 305px;
margin-right : 20px;
background-image : url(images/column_bg.gif);
background-repeat : repeat-x;
padding : 5px 15px 15px 15px;
border-top : 1px solid #dddddd;
margin-top : 15px;
}
.page_column .img {
float : left;
margin-right : 20px;
margin-top : 5px;
width : auto;
}
.page_column h4 {
font-size : 14px;
color : #1a5a8a;
font-weight : bold;
padding : 5px 5px 5px 0;
border-bottom : 1px dotted #ccc;
margin : 0 0 5px 0;
}
.page_column h5 {
font-size : 14px;
color : #1a5a8a;
font-weight : bold;
padding : 5px 5px 5px 0;
border-bottom : 1px dotted #ccc;
margin : 0 0 0 60px;
}
.button {
background : url(images/button_bg.jpg) repeat-x;
padding : 4px 20px;
color : #ffffff;
text-decoration : none;
border : 1px solid #32312f;
font-size : 10px;
background-color : #22457a;
}
.portfolio_featured_cell {
width : 720px;
float : left;
padding-bottom : 0;
margin-bottom : 15px;
background-image : url(images/featured_project.jpg);
background-repeat : no-repeat;
}
.portfolio_featured_image {
float : left;
margin : 35px 20px 0 20px;
width : auto;
}
.portfolio_featured_description {
float : left;
margin-bottom : 0;
width : 380px;
margin : 20px 0 0 0;
padding : 10px 10px 0 0;
}
.portfolio_featured_bottom {
float : left;
width : 720px;
height : 19px;
}
.portfolio_cell {
width : 720px;
float : left;
padding-bottom : 15px;
margin : 15px 0;
border-bottom : 1px dotted #ccc;
}
.portfolio_image {
float : right;
margin : 0 0 0 20px;
width : auto;
}
.portfolio_description {
float : left;
margin-bottom : 0;
width : 440px;
margin : 0 0 0 0;
}
.image_portfolio_small {
border : 8px solid #ccc;
}
.comment {
color : #5d5d5d;
display : block;
font-family : Georgia;
font-size : 13px;
height : 26px;
padding-top : 4px;
text-align : center;
text-decoration : none;
width : 31px;
background-image : url(images/comment.gif);
float : left;
top : 238px;
left : 1023px;
margin-right : 10px;
}
.post_details {
background-color : #f7f7f7;
font-size : 10px;
margin : 5px 0;
padding-left : 5px;
}
.post_title {
font-size : 24px;
color : #336699;
margin : 0 0 15px 0;
}
.blog_post {
border-bottom : 1px dotted #ccc;
padding : 15px 0;
}
.slider-wrap {
float : right;
width : auto;
}

* html .slider-wrap {
float : right;
width : auto;
position:absolute;
}

.slider-wrap-alt {
float : right;
height : 261px;
width : 892px;
overflow : hidden;
border : 1px solid #ccc;
}
.slider {
width : 495px;
padding : 0 45px 0 0;
overflow : hidden;
height : 250px;
}
.slider_nav {
width : 550px;
float : right;
margin-top : 10px;
}
.slider_nav_long {
width : 900px;
float : right;
margin-top : 18px;
}
.slider_nav_left {
float : left;
margin-top : 8px;
width : auto;
}
.slider_nav_right {
float : right;
padding-right : 20px;
width : auto;
margin : 0;
}
#myController span {
background : #eaeaea;
margin-right : 10px;
cursor : pointer;
padding : 25px 8px 8px 8px;
border : 1px solid #ccc;
color : #104e82;
}
#myController span.jFlowSelected {
background : #104e82;
margin-right : 10px;
cursor : pointer;
padding : 5px 8px;
border : 1px solid #ccc;
color : #eaeaea;
}
.jFlowPrev, .jFlowNext {
margin-right : 10px;
cursor : pointer;
padding : 5px 8px;
color : #104e82;
}
#slide1 {
background-image : url(images/slide2.jpg);
width : 892px;
height : 261px;
}
#slide2 {
background-image : url(images/slide1.jpg);
width : 892px;
height : 261px;
}
#slide3 {
background-image : url(images/slide3.jpg);
width : 892px;
height : 261px;
}
.slide_headline_wrap {
float : left;
width : 345px;
}
.slide_headline_wrap_right {
float : right;
width : 345px;
}
.slide_headline {
float : left;
width : 300px;
padding : 30px 0 0 30px;
color : #ffffff;
}
.slide_subheadline {
float : left;
width : 330px;
margin-top : 15px;
color : #ffffff;
}
.slide_subheadline_text {
float : left;
padding-left : 30px;
width : 240px;
margin-right : 10px;
color : #ffffff;
font-size : 14px;
}
.slide_headline h1 {
margin : 0 0 10px 0;
color : #ffffff;
font-size : 34px;
}
.slide_headline h2 {
margin : 0 0 10px 0;
color : #ffffff;
font-size : 18px;
font-weight : normal;
}
.slide_button {
float : left;
width : auto;
}

}

/************** STYLE FOR SLIDESHOW **************/
/*** set the width and height to match your images **/

#slideshow {
position : absolute;
}
#slideshow IMG {
position : absolute;
margin : 0;
padding : 0;

z-index : 8;
}

* html #slideshow IMG {
	position : absolute;
	margin-top:42px;
	height:265px;
	}
	
* html #slideshow IMG.active {
}
* html #slideshow IMG.last-active {
}




#slideshow IMG.active {
z-index : 10;
}
#slideshow IMG.last-active {
z-index : 9;
}