@import "reset.css";

body {
	font:15px/18px normal normal Arial, Helvetica, sans-serif;
	background:#f3f4f4 url(../images/bg-body.gif) repeat-x;
}
div#header, div#footer, div#content {
	width:960px;
	margin:0 auto;
}
div#top {
	height:101px;
	margin-bottom:15px;
	overflow:hidden;
	background:url(../images/top.gif) no-repeat;	
}
div#top div.goleft {
	padding:15px 0 0 30px;
}
div#top div.goright {
	padding:30px 30px 0 0;
}
div#top h5 {
	font-size:23px;
	color:#b10b23;
	font-weight:700;	
}
div#top h6 {
	padding-bottom:10px;
	text-align:right;
}
div#top h6 a {
	font-size:15px;
	color:#b10b23;
	font-weight:400;	
}
div#menu {
	margin-bottom:15px;
	background:url(../images/bg-menu.gif) no-repeat;	
}
div#menu ul {
	padding-left:7px;
	float:left;	
}
div#menu fieldset {
	float:right;
}
div#menu ul li {
	padding-right:2px;
	float:left;
	background:url(../images/sep-menu.gif) right no-repeat;
}
div#menu ul li.last {
	background:none;
}
div#menu ul li a {
	height:31px;
	padding:13px 20px 0;
	font-size:18px;
	color:#9e5e5e;
	display:block;		
}
div#menu ul li a:hover, div#menu li a.selected, div#menu ul li.submenu:hover a {
	background:url(../images/bg-menu-hover.gif) repeat-x;
}
div#menu ul li.submenu:hover ul a {
	background:none;	
}
/* */
div#menu ul li.submenu {
	position:relative;	
	z-index:100;
}
div#menu ul li.submenu ul {
	width:160px;
	display:none;
	position:absolute;
	background-color:#9D9D9C;
	left:0;
	top:44px;
	border-left:1px solid #E8E9E6;
	border-right:1px solid #E8E9E6;
	border-bottom:1px solid #E8E9E6;
}
div#menu ul li.submenu:hover ul {
	display:block;
}
div#menu ul li.submenu ul li {
	background:none;
}
div#menu ul li.submenu ul li a {
	color:#fff;
	font-size:16px;
}
div#menu ul li.submenu ul li a:hover {
	background:none;
	background-color:#9D9D9C;
	color:#e5e5e5;
}
/* */
div#menu fieldset {
	padding:12px 20px 0 0;
	float:right;
}
form#search input {
	border:none;
	display:block;
	overflow:hidden;
	float:left;
}
form#search input.text {
	width:155px;
	padding:4px 0 6px 5px;
	margin-right:10px;
	font-size:12px;
	color:#999999;
	text-transform:lowercase;
	background:url(../images/input-text-search.gif) no-repeat;	
}
form#search input.submit {
	width:66px;
	height:23px;
	background:url(../images/input-submit-search.gif) no-repeat;
	cursor:pointer;
}
form#search input.submit:hover {
	background:url(../images/btn-login-hover.gif) no-repeat;
}
div#home-header {
	height:255px;
	padding:40px 0 0 65px;
	background:url(../images/home-header.jpg) no-repeat;	
}
div#home-header h1 {
	font-size:31px;
	color:#fff;
	font-weight:normal;
}
div#home-header ul {
	padding-left:50px;	
}
div#home-header ul li {
	margin-bottom:10px;
	list-style-type:disc;
	font-size:19px;
	color:#fff;
}
div#home-header div.btns {
	padding:0px 0 0 20px;
	font-size:21px;
	color:#fff;
}
div#home-header div.btns a {
	color:#fff;
	float:left;
}
div#home-header div.btns strong {
	font-weight:normal;
	margin:5px 0 0 20px;
	float:left;
}
div#home-header div.btns a strong {
	border-bottom:1px solid #fff;	
}
div#home-header div.btns a:hover strong {
	border:none;
	cursor:pointer;
}
div.container div.content {
	padding:10px;
	overflow:hidden;
	background-color:#fff;	
}
div.container div.bottom, div.container div.top {
	height:8px;
	overflow:hidden;
}
div.container div.bottom {
	background:url(../images/bottom-content.gif) no-repeat;	
}
div.container div.top {
	background:url(../images/top-content.gif) no-repeat;	
}
div.container.bordered div.top {
	background:url(../images/top-content-border.gif) no-repeat;	
}
div.container.bordered div.bottom {
	background:url(../images/bottom-content-border.gif) no-repeat;	
}
div.container.bordered div.content {
	background:url(../images/content-bordered.gif) repeat-y;	
}
div#news {
	width:185px;
	height:200px;
	padding:18px;
	float:left;
	background:url(../images/bg-news.gif) no-repeat;
	overflow:hidden;	
}
div#news div.header {
	width:176px;
	height:23px;
	padding:3px 0 0 10px;
	margin-bottom:10px;
	font-size:15px;
	color:#fff;
	overflow:hidden;
	background:url(../images/bg-headline.gif) no-repeat;	
}
div#news ul li {
	padding-bottom:13px;
	line-height:17px;
	font-size:12px;
	color:#333333;
}
div#news ul li strong {
	display:block;
}	
div#news ul li a {
	color:#333333;
	display:block;
	text-decoration:underline;
}
div#news ul li a:hover {
	text-decoration:none;	
}
ul#about {
	width:640px;
	padding-top:15px;
	float:right;	
}
ul#about li {
	width:255px;
	padding-left:55px;
	margin-bottom:20px;
	float:left;	
}
ul#about li.ico-mouse {
	background:url(../images/ico-mouse.gif) no-repeat 0 2px;	
}
ul#about li.ico-cogs {
	background:url(../images/ico-cogs.gif) no-repeat 0 2px;	
}
ul#about li.ico-screen {
	background:url(../images/ico-screen.gif) no-repeat 0 2px;
}
ul#about li.ico-marketing {
	background:url(../images/ico-marketing.gif) no-repeat 0 2px;	
}
ul#about h3 {
	font-size:15px;
	color:#333333;
}
ul#about p {
	padding-right:10px;
	color:#252122;
}
ul#about a {
	font-size:13px;
	color:#b10b23;
	font-weight:bold;
}
ul#about a:hover {
	text-decoration:underline;
}
div#content {
	margin-bottom:10px;	
}
ul#clients {
	padding-top:10px;
	overflow:hidden;
}
ul#clients li {
	padding-right:20px;
	float:left;	
}
ul#clients li.last {
	padding:0;	
}
ul#base-links {
	padding-top:25px;
	float:left;
	overflow:hidden;
}
ul#base-links li {
	width:135px;
	padding-left:40px;
	float:left;
	color:#666666;
	font-size:12px;
}
ul#base-links li a {
	color:#666666;	
	font-size:12px;
}
ul#base-links li a:hover {
	text-decoration:underline;	
}
ul#base-links dl dt {
	font-weight:bold;
}
ul#base-links dl dd {
	line-height:15px;	
}

ul#map-links {
	padding-top:25px;
	float:left;
	overflow:hidden;
}
ul#map-links li {
	width:145px;
	padding-left:30px;
	float:left;
	color:#666666;
	font-size:12px;
}
ul#map-links li a {
	color:#666666;	
	font-size:12px;
}
ul#map-links li a:hover {
	text-decoration:underline;	
}
ul#map-links dl dt {
	font-weight:bold;
}
ul#map-links dl dd {
	line-height:15px;	
}

ul#logo {
	padding:20px 0 0 20px;
	float:left;
}
ul#logo li {
	float:left;	
}
ul#logo li a {
	display:block;
	background:url(../images/sprites-menu.gif) no-repeat;
}
ul#logo li.item1 a {
	width:80px;
	height:50px;
}
ul#logo li.item1 a:hover {
	background-position:0 -52px;	
}
ul#logo li.item2 a {
	width:110px;
	height:50px;
	background-position:-92px 0;
}
ul#logo li.item2 a:hover {
	background-position:-92px -52px;	
}
div#footer {
	font-size:9px;
	color:#666666;
}
div#footer div.goright {
	padding:5px 20px 0 0;	
}
ul#connect li {
	padding-right:5px;
	float:right;	
}
ul#connect li a {
	display:block;
	overflow:hidden;
	background:url(../images/sprites-connect.gif) no-repeat;
}
ul#connect li.item1 a {
	width:28px;
	height:28px;
}
ul#connect li.item1 a:hover {
	background-position:0 -29px;
}
ul#connect li.item2 a {
	width:29px;
	height:29px;
	background-position:-35px 0;
}
ul#connect li.item2 a:hover {
	background-position:-35px -29px;
}
div.goright p {
	text-align:right;	
}
div#sidebar {
	width:190px;
	margin-left:-10px;
	float:left;
}
ul#side-menu li {
	margin-bottom:10px;
	float:left;	
}
ul#side-menu li a {
	width:144px;
	padding:9px 0 9px 45px;
	border-top:1px solid #fbfcfc;
	border-bottom:1px solid #fbfcfc;
	margin-left:1px;
	display:block;
	font-size:15px;
	color:#7D7C7C;	
}
ul#side-menu li a:hover, ul#side-menu li a.selected {
	background-color:#fff;
	padding:9px 0 9px 46px;
	text-indent:-1px;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	border-left:1px solid #dddfe1;
	margin-left:0;
	color:#666666;	
}
ul#side-menu li.square-1 a {
	background:url(../images/square-1.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-1 a:hover,  ul#side-menu li.square-1 a.selected {
	background:#fff url(../images/square-1.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-2 a {
	background:url(../images/square-2.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-2 a:hover, ul#side-menu li.square-2 a.selected {
	background:#fff url(../images/square-2.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-3 a {
	background:url(../images/square-3.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-3 a:hover, ul#side-menu li.square-3 a.selected {
	background:#fff url(../images/square-3.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-4 a {
	background:url(../images/square-4.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-4 a:hover, ul#side-menu li.square-4 a.selected {
	background:#fff url(../images/square-4.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-5 a {
	background:url(../images/square-5.gif) no-repeat 20px 12px;	
}
ul#side-menu li.square-5 a:hover, ul#side-menu li.square-5 a.selected {
	background:#fff url(../images/square-5.gif) no-repeat 20px 12px;	
}
div#main {
	width:680px;
	padding-right:40px;
	float:right;
}
div#main div.info {
	width:415px;
	padding-right:30px;
	float:left;
}
div#main div.pic {
	float:right;
}
div#main div.picl {
	float:left;
}
div#main p {
	margin-bottom:20px;
	font-size:12px;
	color:#333333;
}
div#main p.headline {
	font-size:14px;
	font-weight:bold;
}
div#main h1 {
	margin-bottom:18px;
	font-size:31px;
	color:#333333;
	font-weight:normal;
}
div#main h2 {
	margin-bottom:10px;
	font-size:21px;
	color:#333333;
	line-height:22px;
	font-weight:normal;
}

div#main h3 {
	font-size:19px;
	color:#990033;
	font-weight:normal;
}
ul#list {
	padding:25px 50px 0 0;
	float:right;
}
ul#list li a {
	font-size:12px;
	color:#666666;
}
ul#footnews {
	padding:25px 50px 0 0;
	float:right;
}
ul#footnews li a {
	font-size:12px;
	color:#990033;
}

ul#footnews li :hover {
	font-size:12px;
	color:#990033;
	text-decoration: underline;
}


ul.checklist {
	margin-left: 5px;
}

ul.checklist li {
	list-style-type: none;	
	padding-left:20px;
	margin-bottom: 10px;	
	background: transparent url(images/checkmark.gif) no-repeat 0 3px;
	font-size:14px;
}

.box {
	padding: 10px;
	background-color: #f6f6f6;
	border: #dadada 1px solid;
	margin-bottom: 20px;
}


form small {color: #999;}
input.txt,
textarea {
	border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;
	border: 1px solid #999; background: url("img/txt.gif") repeat-x; padding: 5px 2px;
}
form.basic input.txt,
form.basic textarea {width: 100%;}


table.pricing td { text-align: center; padding: 5px; }
table.pricing th { text-align: center; padding: 3px; font-weight: bold; border-top: 1px solid #999; }
table.pricing td.label { font-weight: bold; border-left:  1px solid #999; }
table.pricing td , table.pricing th { border-bottom: 1px solid #999; border-right: 1px solid #999; }
table.pricing td.price { background-color: #f5f0ea; color: #970300; }

.righthandpic {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
	background: transparent;
	border: solid 0px #666;
	
}

/* left */
#side-a {
	float: left;
	margin:0px 0px 0px 0px;
    padding:0px 10px 0px 10px;
	width: 200px;
}