#wrap {
text-align:left;
color: #666;
margin:0 auto;
width: 960px;
}

hr{display: none;}
 
/* General Stuff ========================= */
p{margin-bottom: 10px;}
strong{font-weight: bold;}
a:link, a:visited{ color:#0082c8}
a:hover{text-decoration:none; color: #0082c8}
a:focus, a:active {outline: none; text-decoration:underline; color: #0082c8;}

.wrong{color: #f00!important;}
.ok{color: #080!important;}
.move{color: #f70!important; cursor:move!important;}

.active a{cursor: default}

::-moz-selection { background: #fc0; color: #000; }
::selection { background: #fc0; color: #000;}

h1{font-size:138.5%;}
h2{font-size:123.1%;}
h3{font-size:108%; margin-bottom: 10px}
/*h1,h2,h3{margin:1em 0;}*/
h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}
em{font-style:italic;}

.NoMargin{margin-right: 0!important; clear: right;}


/* 2.header ========================= */

#header{
}
#header h1 {float: left;}
#header h1 a, #header h1 a:hover{
display: block;
height: 63px;
line-height: 63px;
width: 231px;
background: url(../img/logo.gif) no-repeat 0 0;
margin: 10px 0;
text-indent: -9999999px;
}


/* 2-1.TopMenu ========================= */

#TopMenu{
float: right;
background: #f1f1f1;
width: 620px;
padding: 10px;
margin-top: 30px;
}

#TopMenu li{float: right;}

#TopMenu li a{
display: block;
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #a8a8a8;
width: 11px;
height: 9px;
font-size: 1px;
background-position:10px 0;
background-repeat: no-repeat;
text-indent: -99999px;
}


#TopMenu li.map a{background-image: url(../img/icon_map.gif)}
#TopMenu li.contact a{background-image: url(../img/icon_contact.gif)}
#TopMenu li.home a{background-image: url(../img/icon_home.gif)}

#TopMenu li:last-child a{
border: none;}

/* 2-2. MainImage ========================= */


#MainImage{
background:url(../img/main_image.gif) no-repeat bottom center;
width: 960px;
text-indent: -999999px;
}

.ImgHome{height: 329px;}
.InnerHome{height: 80px;}


/* 2-2. NavBar ========================= */

#NavBar{
clear: both;
}

#NavBar li{float: left;}

#NavBar li a{
display: block;
font-weight: bold;
text-decoration: none;
text-transform: uppercase;
color: #555;
line-height: 35px;
height: 35px;
width: 127px;
margin: 0  0 5px 5px;
text-align: center;
background-image:url(../img/tab.gif);
background-position: bottom left;
}

#NavBar li.first a{margin-left: 0;}
#NavBar li a:hover{text-decoration: underline;}


#NavBar li.active a, #NavBar li.active a:hover{background-position: top left; color: #fff; text-decoration: none;}




/* content ========================= */

#content{
border-bottom: 5px solid #eee;
padding-bottom: 4px;
background: url(../img/bg_sidebar.gif) repeat-y 0 0 ;
}

/* main ========================= */

#main{
float: right;
width: 655px;
}

/* subArea ========================= */


.SubArea{
float: left;
width: 325px;
margin-right: 5px;
}




/* SideBar ========================= */

#SideBar{
float: left;
width: 300px;
background: #f3f3f3;
}

#SideBar ul {margin-left: 20px;}

#SideBar a:link, #SideBar a:visited{color:#855E42}
#SideBar a:hover{text-decoration:none; color: #855E42}

/* Module ========================= */

.module{margin-bottom: 10px; clear: both;}

.module{padding: 5px 20px 10px 20px;}

.module p img{
display: block;
padding: 4px;
border: 1px solid #ccc;
background: #fff;
}

.module li {background: url(../img/pimp2.gif) no-repeat 0px 8px; padding-left:10px; line-height:20px; }

#main .module{padding-top: 0;}

#main h3{
background: #3ab3f4;
height: 25px;
line-height: 25px;
color: #fff;
padding-left: 20px;
text-transform: uppercase;
font-size: 100%;
margin:0 -20px 10px -20px;
}


#main h3 a{
color: #fff;
text-decoration:underline;
}

#main h3 a:hover{
text-decoration:none;
}


/* MainTitle ========================= */

h2.MainTitle{
background-color: #7a7a7a;
background-image: url(../img/bg_MainTitle.gif);
background-repeat: no-repeat;
background-position: 0 0;
height: 65px;
line-height: 65px;
border-bottom: 4px solid #fff;
font-size:108%;
color: #fff;
}

#inner h2.MainTitle{background-image: none;}

h2.MainTitle strong{
background:transparent url(../img/h2_icon.png) no-repeat 5px 50%;
display: block;
padding-left: 70px;
text-transform: uppercase;
}


/* Footer ========================= */

#footer{
clear: both;
float: right;
padding: 10px 0;
font-size: 85%;
}

/* Clear Fix ========================= */

#header:after, #content:after, .module:after, #NavBar:after{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html #header, * html #content, * html .module, * html #NavBar{display: inline-table;}

/* Hides from IE-mac \*/
#header, #content, .module, #NavBar {height: 1%;}
#header, #content, .module, #NavBar {display: block;}
/* End hide from IE-mac */


/* IE6 hacks */

* html .user{display: inline;}


/* Flash - Feedback - Background */
#ma {                /* All browsers */
 background-image: url(../img/xxxx_2.jpg)
/* alternative is xxxx_4.jpg */
}

* html #ma {     /* Only IE */
 background-image: url(../img/xxxx_2.jpg)
}

#CustomSoftwareTestimonialVideo {
background-image: url(../img/xxxx_1.jpg)
}