/* base
----------------------------------------------- */

html, body {
    height:100%;
}

body {
    font: 13px/1.5 Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
    
}

h1 {
    font-size:34px;
    font-weight:normal;
    line-height:45px;
    margin-bottom:15px;
    text-shadow: 1px 1px 1px #6c99b8; 
    margin:50px 10px 20px 35px;
    color: #fff;
}

h3 {
	color: #585b60;
}

a:hover, a:focus {
    outline:0;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size:50%;
}

sup {
	bottom: 1em;
}

sub {
	top: .5em;
}

/*
blockquote {
    margin-right: 0;
    margin-left: 20px;
}
em {
    font-style: normal;
    color:#A6A69B;
}

hr.bevel {
  background: #A6A69B;
  border:0;
  clip:rect(5px 100% 6px 0);
  height:10px;
  left:0px;
  line-height:10px;
  width:inherit;
  top:inherit;
}

ul li {
    list-style-position:outside;
    list-style-type:disc;
    margin:0 0 0 20px;
    padding:0 50px 5px 0;
}

ol li {
    list-style-position:outside;
    list-style-type:decimal;
    margin:0 0 0 20px;
    padding:0 50px 10px 0;
}

small, .small {
    font-size: 0.9em;
}

p {
    padding: 5px 0;
}

b, strong {
    font-weight: bold;
}

/* lists
----------------------------------------------- */

#main .body-about-us ul li {
	list-style-type: none;
	list-style-position: inside;
	display: inline-block;
	padding: 0 12px 0 0;
	background: transparent url(../images/bullet.gif) right 11px no-repeat;
	margin: 2px;
	line-height: 28px;
}


#main .body-about-us ul > li:last-child {
	background: transparent url(../images/bullets.gif) right 11px no-repeat;
}


#main ul li {
	list-style-type: none;
/*	list-style-position: inside;*/
	padding: 0 0 0 16px;
	background: transparent url(../images/bullet.gif) 0 6px no-repeat;
	margin: 2px;
	line-height: 22px;
}



/* links
----------------------------------------------- */

a {
    text-decoration: none;
    color: #42a3e8;
}

a:hover {
    text-decoration: none;
    color: #f19938;
}

a:visited {
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    text-decoration: none;
    border: none;
}

#site-name a {
    text-decoration: none;
    border: none;
}



/* layout invisible
----------------------------------------------- */

.replace {
    display:block;
    height:0 !important;
    overflow:hidden;
    padding-top:0 ;
    width:0 ;
}


/* layout
----------------------------------------------- */

body, body#home {
    background:#fff url(../images/bg_main.jpg) center 90px no-repeat;
}

body#our-approach {
    background:#fff url(../images/bg_our-approach.jpg) center 90px no-repeat;
}

body#products-and-services {
    background:#fff url(../images/bg_products-and-services.jpg) center 90px no-repeat;
}

body#about-us {
    background:#fff url(../images/bg_about-us.jpg) center 90px no-repeat;
}

body#contact-us {
    background:#fff url(../images/bg_contact-us.jpg) center 90px no-repeat;
}

#header {
    background:transparent url('../images/bg_header.png') no-repeat 100px left;
    height:100px;
    margin:0 20px;
    width:930px;
}

#logo {
    margin-top:20px;
    width: 300px;
}

#container {
    min-height:805px;
}

#main {
    color:#565b61;
}

#main-content {
    background:transparent url('../images/bg_main.png') no-repeat;
    min-height:475px;
    padding:40px 40px 30px 65px;
}

#sidebar {
    color:#95989f;
    margin-top:350px;
}

#footer-wrapper {
    background: #373a3f url(../images/bg_footer.png) 0 0 repeat-x;
    border-top:1px solid #000;
    color: #8a939b;
	min-height:150px;
	height:auto !important;
	height:150px;

}

#footer {
    font-size:12px;
    margin:0 auto;
    padding-top:35px;
}

.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    display: block;
    clear: both;
}

.image {
	border: 3px solid #DADADA;
	background-color: #F0F0F0;
	overflow: hidden;
	width: 280px;
}

.image img {
	display: block;
}

/* home page specific
----------------------------------------------  */

#main-home {
    color:#fff;
    font-size:15px;
    height:329px;
    line-height:27px;
}

#container {
	width: 1000px;
}

#home-wrapper {
	height: 350px;
	clear: both;
	width: 100%;
	margin: 0 auto;
}

#main-home h1 {
    line-height:45px;
    margin-bottom:15px;
    margin-left: 23px;
}

#main-home p {
    margin-left:25px;
    width:620px;
}

#client-center {
    background:#f19938 url('../images/bg_client_center.png') no-repeat;
    color:#fff;
    cursor:pointer;
    height:76px;
    margin-top:65px;
    padding:15px 47px 0 44px;
    position:relative;
    text-align:center;
    width:192px;
}


#client-center h2 {
    font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size:20px;
    font-weight:normal;
    line-height:26px;
    margin: 0;
    padding: 0;
    text-transform:uppercase;
}

#client-center a {
    color:#fff;
    text-decoration:underline;

}

#client-center #login {
    display:block;
    font-size:12px;
    font-weight:bold;
    height:21px;
    left:0;
    line-height:21px;
    padding:10px 0;
    position:absolute;
    text-decoration:none;
    text-transform:uppercase;
    top:40px;
    width:280px;
    background:#f19938 url('../images/bg_client_center.png') 0 -41px no-repeat;
}

#client-center #login:hover {
	background-position: 0 -132px;
}

#news li {
    list-style-type:none;
    margin:0 0 10px 0;
    background:url('../images/balloon_top.gif') 0 0 no-repeat;
    padding-top: 5px;
}

#news li a {
    padding:5px 10px 25px;
    background:url('../images/balloon.gif') 0 bottom no-repeat;
	display: block;
    font-size:12px;
    margin:0 0 -18px;
}

#news p {
	color: #676a6e;
    margin:0 0 10px 0;
	text-transform: uppercase;
	font-size: 11px;
    padding:0 65px 0 10px;
}


#articles-home, #sidebar-home {
    padding-top:8px;
}

#articles-home h2, #sidebar-home h2, #sidebar-home #news h5 {
    color:#41444a;
    font-size:24px;
    font-weight:normal;
    line-height:28px;
    background:url('../images/hash.gif') 0 bottom repeat-x;
    margin-bottom: 18px;
    padding-bottom: 12px;
}

#carousel h2 {
    color:#41444a;
    font-size:20px;
    font-weight:normal;
    line-height:28px;
    background:url('../images/hash.gif') 0 bottom repeat-x;
    margin-bottom: 18px;
    padding-bottom: 12px;
}


#articles-home h2 {
    margin:0 0 18px 20px;
}

#articles-home a.products-and-services {
    background:url('../images/bg_products_and_services.gif') no-repeat;
    color:#fff;
    display:block;
    font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size:11px;
    font-weight:bold;
    height:24px;
    left:20px;
    line-height:22px;
    position:absolute;
    text-align:center;
    text-transform:uppercase;
    top:174px;
    width:236px;
}
#articles-home a.products-and-services:hover {
    background-position:0 -26px;
}

.button {
    background:url('../images/bg_products_and_services.gif') no-repeat;
    color:#fff;
    display:block;
    font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size:11px;
    font-weight:bold;
    height:24px;
    line-height:22px;
    text-align:center;
    text-transform:uppercase;
    width:236px;
    margin: 35px 0;
}
.button:hover {
    background-position:0 -26px;
    color: #fff;
}


/* products and services slider 
----------------------------------------------  */

#carousel {
	background: transparent url(../images/carousel.gif) center 0 no-repeat;
    min-height:366px;
	padding: 20px 25px;
}

#carousel li {
	line-height: 18px;
	font-size: 13px;
    text-indent:0px !important;
}

.accessories-back {
	width: 40px;
}

.accessories-next {
	width: 40px;
}

#carousel .prevPage {
	margin-top: 120px;
}

#carousel .nextPage {
	margin-top: 120px;
}

.prevPage{
	background:transparent url(../images/fl_button_left.gif) no-repeat scroll center top;	
	height: 40px;
	width: 32px;
	cursor: pointer;
}

.nextPage{
	background:transparent url(../images/fl_button_right.gif) no-repeat scroll center top;	
	height: 40px;
	width: 32px;
	cursor: pointer;
}

.prevPage:hover {
	background: transparent url(../images/fl_button_left.gif) center bottom no-repeat;
}

.nextPage:hover {
	background: transparent url(../images/fl_button_right.gif) center bottom no-repeat;
}


.accessories-slider  {
    position:relative; 
    overflow:hidden; 
    width: 370px!important; 
	margin: 10px 0 0 10px;
    height:345px; 
}

.accessories-holder{
    background:transparent !important;
	width: 360px!important;
	margin-right: 10px;
	padding-left: 0;
}

a.browse {
	cursor: pointer;
    display:block;
    float:left;
	height: 40px;
	margin-top: 120px;
	width: 32px;
    z-index:1000;
}






/* slideshow 
----------------------------------------------  */

#cycle {
    border:1px solid #cbcbcb;
    height:227px;
    margin-left:20px;
    overflow:hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-box-shadow: 1px  1px 5px #ddd;
    -webkit-box-shadow: 1px 1px 5px #ddd;
    box-shadow: 1px 1px 5px #ddd;
    }

#slideshow {
    float:left;
    height:227px;
    width:336px;
    }
 
#slideshow img {  
    border:  1px solid #ccc;  
    background-color: #eee;  
    top:  0; 
    left: 0 
    } 

.slide {
    background:#f9f9f9;
    border:1px solid #f2f2f2;
    color: #586067;
    float: left;
    height:199px;
    margin:8px;
    padding:7px 17px 0px 17px;
    position: relative;
    overflow: hidden; /*--Overflow hidden allows the description to toggle/tuck away as it slides down--*/
    width:290px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.slide h3 {
    border-bottom:1px solid #e5e5e5;
    font-size: 22px;
    font-weight: normal;
    margin:0;
    padding-bottom:2px;
}
.slide p {
    border-top:1px solid #fff;
    font-size: 13px;
    line-height: 18px;
    padding-top: 4px!important;
	font-size: 12px!important;
}
.slide p b {
    font-family: 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
    font-style: normal;
    text-transform:uppercase;
    }
.slide p b.problem {
    color:#f00;
    }
.slide p b.solution {
    color:#0f0;
    }
.block small { /*--We'll be using this same style on our thumbnail list--*/
    font-size: 0.9em;
    line-height: 1em;
/*    padding: 0 0 0 20px;
    background: url(icon_calendar.gif) no-repeat 0 center;*/
}
.slide .block small {margin: 10px;}
.slide .desc{
    position: absolute;
    bottom: 0;
    left: 0; /*--Stick the desc class to the bottom of our main image container--*/
    width: 100%;
    display: none; /*--Hide description by default, if js is enabled, we will show this--*/
}
.slide .block{
    width: 100%;
    background: #111;
    border-top: 1px solid #000;
}
.slide a.collapse { /*--This is our hide/show tab--*/
    background: url(images/btn_collapse.gif) no-repeat left top;
    height: 27px;
    width: 93px;
    text-indent: -99999px;
    position: absolute;
    top: -27px;
    right: 20px;
}
.slide a.show {background-position: left bottom;}




#button {
/*    border: 1px solid #ccc;
    border-left:0;*/
	color: #676a6e;
    float:left;
/*	font-family: 'Trebuchet MS', 'Lucida Grande',
	  Verdana, Lucida, Geneva, Helvetica, 
	  Arial, sans-serif;*/
    height:227px;
    overflow:hidden;
    text-transform:uppercase;
	width: 250px;
    }

#button ul {
    background-color:#f8f8f8;
    border: none;
    display:block;
    height:227px;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;    
    }
    
#button li {
    border-bottom: 1px solid #dadada;
    margin: 0;
    }

#button li a {
    background: #f8f8f8 url('../images/bg_button.png') right top repeat-y;
    border-right: 1px solid #dadada;
    color: #676a6e;
    display: block;
    height:56px;
    line-height:56px;
    padding-left:20px;
    text-decoration: none;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    }

#button li a.active {
    background: #fff;
    border-right: 1px solid #fff;
    color: #e89c47;
    }

#button li a:hover {
    color: #e89c47;
    }


#button img {
    background: #eee;
    border: 1px solid #ccc;
    padding: 5px;
    }

#button ul li h2 {
    font-size: 1.2em;
    line-height: 1em;
    margin: 0 0 5px;
    padding: 0;
    }

#button ul li .block {
    margin-left: 10px;
    padding: 0;
    width: 220px;
    }

#button ul li p{display: none;}/*--Hide the description on the list items--*/


/* navigation
----------------------------------------------  */

#navigation {
    bottom:0;
    height: 40px;
    position:absolute;
    right:0;
}


#navigation li, #navigation a {
    display:block;
    height:40px;
    line-height:40px;
    margin:0;
    padding:0;
}

#navigation li {
    float: left;
    list-style-position:inside;
    list-style-type:none;
}

#navigation a {
    color: #66696d;
    float: left;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}


#navigation a span {
    height: 40px;
    display: block;
    position: relative;
    right: -10px;
    float: left;
    /*margin-left: -15px;*/
    padding: 0 17px 0 2px;
}

#navigation .current span {
    padding: 0px 17px 0 2px;
    background:transparent url(../images/navigation_right.png) no-repeat right bottom;
}

#navigation .current a, #navigation .current a:hover {
    background:transparent url(../images/navigation.png) no-repeat left bottom;
    color:#FEFEFE;
}

#navigation a:hover {
    color: #f19938;
}

#navigation a:active {
    color: #699FC4;
}

#header #button-login {
    position: absolute;
    top: 10px;
    right: -15px;
}

#button-login a {
    display: block;
    font-weight: bold;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background:url(../images/bg_form.png) no-repeat center -0 transparent;
    width: 170px;
    line-height: 24px;
    height: 27px;
    padding-top: 1px;
}


#button-login a:hover {
    background:url(../images/bg_form.png) no-repeat center -30px transparent;
}

#logo a {
    background:url(../images/logo.gif) no-repeat 0px 0px transparent;
    color: #fff;
    display: block;
    font-weight: bold;
    height: 50px;
    padding-top: 1px;
    text-align: center;
    text-indent: -9999px;
    text-transform: uppercase;
    width: 215px;
}


#logo a:hover {
    background:url(../images/logo.gif) no-repeat -220px 0px transparent;
}



/* navigation-foot
----------------------------------------------  */
#footer-right p {
    height:25px;
    line-height:25px;
    margin:0 20px 0 0;
    text-align:right;
}

#footer-nav {
    height:25px;
    margin:0 0 0 20px;
}

#footer-nav li, #footer-nav li a {
    display:block;
    float:left;
    height:25px;
    line-height:25px;
    margin:0;
    padding:0;
}

#footer-nav li {    
    text-transform:uppercase;
}

#footer-nav li a {
    color:#699fc4;
    padding:0 8px;
}

#footer-nav li a:hover {
    background:#2f3336;
}


/* head content
----------------------------------------------- */



/* sidebar content
----------------------------------------------- */
#sidebar h2 {
    color:#41444a;
    font-weight:normal;
    margin:0 20px 10px 0;
}

#sidebar p {
    font-size:13px;
    line-height:24px;
    margin:0 20px 20px 0;
}   

/* main content
----------------------------------------------- */
/*#main-content h4, #main-content h5, #main-content p,  
#main-content ul, #main-content ol, #main-content hr {
    margin-left:60px;
    margin-right:30px;
}*/

#main-content h4 {
    font-size:13px;
    line-height:28px;
    margin:10px 0;
    text-transform: uppercase;
    letter-spacing: 3px;
    font-weight: normal;
}

#main-content h5 {
    font-size:18px;
    font-weight:normal; 
    line-height:25px;
    margin-bottom:0;
}

#main-content p {
    font-size:14px;
    line-height:24px;
}

#main-content > p:first-child {
    font-size:18px;
    line-height:27px;
	padding-bottom: 8px;
}

/* articles
----------------------------------------------- */
.image-float-left {
    float:left;
    margin:5px 30px 0 0;
}

.image-float-right {
    float:right;
    margin:5px 0 0 30px;
}

#articles-wrapper h4, #articles-wrapper h5 {
    color:#359cde;
    font-size:18px;
    font-weight:normal;
    line-height:25px;
    margin-bottom:0;
}

/* forms
----------------------------------------------- */
label {
    color:#454a50;
    display:block;
    font-size:18px;
    line-height:25px;
    margin-bottom:5px;
}

.required {
    color:#929292;
}

input.textfield, textarea {
    border:1px solid #cacbcc;
    display:block;
    font: 14px/1.5 'Helvetica Neue', Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
    padding:4px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

input.textfield {
    height:24px;
    line-height:24px;
}

.error {
    color:#c00;
    font-weight:bold;
}

#succeed {
	background: #d1ecb8;
	border: 1px solid #81c445;
    color:#373a3f;
    font-size:15px;
    font-weight:bold;
    height:25px;
    line-height:25px;
    margin-bottom:20px;
    text-align:center;
}

/* contact us
----------------------------------------------- */

.contact-us #left-column {
    float:left;
    margin-right:25px;
    width:260px;
}

.contact-us #right-column {
    float:left;
    width:225px;
}


.contact-us form {
    background:#f0f0f0;
    padding:15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.contact-us input.textfield, .contact-us textarea {
    width:217px;
}

.contact-us p.submit-row {
    color:#929292;
    font-size:12px !important;
    margin:0;
    text-align:right;
    width:225px;
}

.contact-us #submit {
/*    background:url('../images/bg_submit_message.png') no-repeat;*/
    background:url('../images/bg_form.png') no-repeat;
    border:0;
    color:#fff;
    cursor:pointer;
    font-family:'Lucida Sans', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size:13px;
    font-weight:bold;
    height:27px;
    line-height:27px;
    margin-right:-3px;
    padding-bottom:3px;
    text-transform:uppercase;
    width:167px;
}

.contact-us #submit:hover {
/*    background-position:0 -29px;*/
    background-position:0 -30px;
}