/* 
 * neo-it.net css-default v2
 * copyright (c) 2010 rotatoe.com
*/

/* standard elements */

body {
    background-color: #ffffff;
	background-image: url('bg.png');
    margin: 0px;
    padding: 0px;
}

.divider hr {
    width: 70%;
    color: #d3d3d3;
    background-color: #d3d3d3;
    height: 2px;
}

body, p {
	font: 400 11px verdana, arial, helvetica, sans-serif;
    color: #4e4d50;
}

a {
	text-decoration: none;
	color: #eb931f;
}

a:hover {
	text-decoration: underline;
}

h1 {
    font: 800 16px verdana, arial, helvetica, sans-serif;
}

/* cols layout */

.my_col_row_wrap {}
.my_col_wrap {
  border:1px solid #ddd;
  padding:5px;
  width: 100%;
}
.my_2col_wrap {
  border:1px solid #ddd;
  padding:5px;
  width: 100%;
}
.my_col1 { float:left; width:20%; padding:5px; }
.my_col2 { float:left; width:20%; padding:5px; }
.my_col3 { float:left; width:20%; padding:5px; }
.my_col4 { float:left; width:20%; padding:5px; }
.my_2col1 { float:left; width:47%; padding:5px; }
.my_2col2 { float:left; width:47%; padding:5px; }

/* layout */

.neo-it-layout {
	width: 100%;
}

.neo-it-layout-hatch {
	background: url('hatch.png') repeat-x;
	width: 100%;
	height: 258px;
	position: absolute;
	z-index: -1;
	top: 144px;
}

.neo-it-layout-main {
	width: 805px;
	margin: auto;
}

.neo-it-layout-line-top {
	background-image: url('line_top.png');
	height: 10px;
}

.neo-it-layout-logo {
	background: url('neo-it_logo.png') no-repeat;
	background-position: center;
	height: 134px; /*logo-height: 104px + padding 30px*/
}

.neo-it-layout-splash {
	width: 805px;
	height: 207px;
}

.neo-it-layout-core {
	
}

.neo-it-layout-content {
	width: 560px;
	float: left;
}

.neo-it-layout-menu-spacer {
	width: 40px;
	float: left;
}

.neo-it-layout-menu {
	width: 205px;
	float: right;
}

.neo-it-layout-bottom {
	background-color: #f29400;
	height: 50px;
	clear: left;
	color: #ffffff;
	text-align: center;
	padding-top: 20px;
}

.neo-it-layout-bottom-spacer {
	width: 805px;
	height: 20px;
	clear: left;
}

/* silverpanel menu */

.neo-it-layout-silverpanel-menu {
	background: url('silverpanel-middle.png') repeat-x;
	height: 51px;
}

.neo-it-layout-silverpanel-menu-left {
	background: url('silverpanel-left.png') no-repeat;
	width: 2px;
	height: 51px;
	float: left;
}

.neo-it-layout-silverpanel-menu-middle {
	width: 801px;
	float: left;
}

.neo-it-layout-silverpanel-menu-right {
	background: url('silverpanel-right.png') no-repeat;
	width: 2px;
	height: 51px;
	float: right;
}

/* silverpanel menu buttons */

.neo-it-layout-silverpanel-menu-button {
	background: url('silverpanel-middle.png') repeat-x;
	height: 51px;
	position: relative;
}

.neo-it-layout-silverpanel-menu-button-left {
	background: url('silverpanel-left.png') no-repeat;
	width: 2px;
	height: 51px;
	float: left;
}

.neo-it-layout-silverpanel-menu-button-middle {
	padding-top: 18px;
	float: left;
	padding-left: 5px;
}

.neo-it-layout-silverpanel-menu-button-right {
	background: url('silverpanel-right.png') no-repeat;
	width: 2px;
	height: 51px;
	float: right;
}

.neo-it-layout-silverpanel-menu-button-middle #button_home {
	width: 61px;
	float: left;
}

#button_home {
	width: 65px;
	top: 0px;
	left: 224px;
    cursor: pointer;
}

.neo-it-layout-silverpanel-menu-button-middle #button_life {
	width: 81px;
	float: left;
}

#button_life {
	width: 85px;
	top: -51px;
	left: 289px;
    cursor: pointer;
}

.neo-it-layout-silverpanel-menu-button-middle #button_motion {
	width: 110px;
	float: left;
}

#button_motion {
	width: 114px;
	top: -102px;
	left: 374px;
    cursor: pointer;
}

.neo-it-layout-silverpanel-menu-button-middle #button_care {
	width: 88px;
	float: left;
}

#button_care {
	width: 92px;
	top: -153px;
	left: 488px;
    cursor: pointer;
}

/* main menu title */

.neo-it-layout-menu-title {
	background: url('silverpanel-middle.png') repeat-x;
	height: 51px;
}

.neo-it-layout-menu-title-left {
	background: url('silverpanel-left.png') no-repeat;
	width: 2px;
	height: 51px;
	float: left;
}

.neo-it-layout-menu-title-middle {
	width: 201px;
	float: left;
}

.neo-it-layout-menu-title-right {
	background: url('silverpanel-right.png') no-repeat;
	width: 2px;
	height: 51px;
	float: right;
}

.neo-it-layout-menu-title-text {
	background: url('menu-title.png') no-repeat;
	background-position: center;
	width: 201px;
	height: 51px;
}

.neo-it-layout-menu-title-border {
	width: 205px;
	height: 1px;
	border-top: 1px solid #f29400;
}

/* main menu content */

.neo-it-layout-menu-content {
	padding: 0px;
	margin: 0px;
}

.neo-it-layout-menu-content ul {
	padding: 0px;
	margin: 0px;
	margin-top: 10px;
}

.neo-it-layout-menu-content li {
	list-style-image: url('list-img1.png');
	border-bottom: 1px solid #f29400;
	list-style-position: inside;
	vertical-align: middle;
	padding-top: 2px;
	font-weight: normal;
	clear: left;
}

.neo-it-layout-menu-content ul ul {
	padding-left: 15px;
	padding-bottom: 10px;
	margin-top: 0px;
}

.neo-it-layout-menu-content ul ul li {
	list-style-image: none;
	list-style: circle;
	list-style-position: inside;
	border-bottom: 0px;
}

.neo-it-layout-menu-content li.active {
	font-weight: bold;
}

.neo-it-layout-menu-content a {
	text-decoration: none;
	color: #4e4d50;
}

.neo-it-layout-menu-content a:hover {
	text-decoration: none;
	font-weight: bold;
}

.neo-it-layout-menu-content li.active a:hover {
	text-decoration: none;
	font-weight: bold;
}

.neo-it-layout-menu-content ul ul li a {
	text-decoration: none;
	color: #4e4d50;
        line-height: 15px;
}

.neo-it-layout-menu-content ul ul li a:hover {
	text-decoration: underline;
	font-weight: normal;
}

/* content block elements */

.neo-it-layout-content-block {
	background-color: #e1e1ff;
}

.neo-it-layout-content-block-title {
	background: url('silverpanel-middle.png') repeat-x;
	height: 51px;
}

.neo-it-layout-content-block-title-left {
	background: url('silverpanel-left.png') no-repeat;
	width: 2px;
	height: 51px;
	float: left;
}

.neo-it-layout-content-block-title-middle {
	width: 556px;
	float: left;
}

.neo-it-layout-content-block-title-right {
	background: url('silverpanel-right.png') no-repeat;
	width: 2px;
	height: 51px;
	float: right;
}

.neo-it-layout-content-block-title-title {
	color: #eb931f;
	font: 800 18px verdana, arial, helvetica, sans-serif;
	padding-top: 14px;
	padding-left: 10px;
}

.neo-it-layout-content-block-title-border {
	width: 560px;
	height: 1px;
	border-top: 1px solid #f29400;
}

/*ContactForm*/
.csc-mailform {
        border: 0px;
}
 
.csc-mailform-field label {
        font-size: 10pt;
        font-family: Helvetica, Verdana, Arial, sans-serif;
        width: 5em;
        float: left;
        text-align: right;
        margin-right: 20px;
        display: block
	margin:10px;
}
.csc-mailform-field input {
	margin-bottom:5px;
}
 
.csc-mailform-submit {
	margin:10px;
        margin-left: 5.5em;
} 

/*
                Load CSS before JavaScript
            */
            
            /*
                Slides container
                Important:
                Set the width of your slides container
                Set to display none, prevents content flash
            */
            .slides_container {
                width:805px;
                display:none;
            }
    
            /*
                Each slide
                Important:
                Set the width of your slides
                If height not specified height will be set by the slide content
                Set to display block
            */
            .slides_container div {
                width:805px;
                height:207px;
                display:block;
            }
            
            /*
                Optional:
                Reset list default style
            */
            .pagination {
                list-style:none;
                margin:0;
                padding:0;
				display:none;
            }
    
            /*
                Optional:
                Show the current slide in the pagination
            */
            .pagination .current a {
                color:red;
            }