/*
 * Stylesheet for IT Company website
 */

html, body
{
	background: #ececec url('images/bg.jpg') repeat-x 0 0;
	/**font: 15px/16px "Corbel", sans;/**/
	/**/font: 12px/16px "Verdana", sans; /* Web safe */
	margin: 0;
	padding: 0;
	color: #000;
}

div, span, h1, h2, h3, h4, h5, h6, form, fieldset, ul, ol, li, img
{
	margin: 0;
	padding: 0;
	border: none;
}

p
{
	margin: 0;
	padding: 7px 0;
}

a
{
	color: #be1e2d;
	text-decoration: underline;
}



#main-wrapper
{
	width: 1200px;
	background: url('images/main-bg.jpg') no-repeat 50% 0;
	margin: 0 auto;
}

#head-wrapper,
#mid-wrapper,
#foot-wrapper
{
	width: 1200px;
}

#header
{
	width: 1012px;
	height: 248px;
	position: relative;
	margin: 0 auto;
}
#logo
{
	position: absolute;
	top: 38px;
	left: 12px;
	z-index: 1;
}
#logo a,
#logo a img
{
	display: block;
}
#phone
{
	background: url('images/phone-head.jpg') no-repeat;
	width: 388px;
	height: 74px;
	position: absolute;
	top: 50px;
	left: 472px;
	overflow: hidden;
	text-indent: -999px;
	z-index: 1;
}

#menu
{
	background: url('images/menu.png') no-repeat;
	width: 886px;
	height: 235px;
	z-index: 2;
	position: absolute;
	top: 13px;
	right: 0;
}
#menu ul
{
	list-style: none;
	width: 700px;
	height: 140px;
	margin: 90px 0 0 110px;
}
#menu ul li
{
	background: url('images/bullet.png') no-repeat 100% 80px;
	float: left;
	height: 140px;
	/**/font: 17px/170px "Estrangelo Edessa", serif;/**/
	/**font: 15px/165px "Georgia", serif; /* Web safe */
	padding: 0 18px 0 12px;
	color: #424242;
	position: relative;
	letter-spacing: -1px;
}
/*#menu ul li.first
{
	padding-left: 24px;
}
#menu ul li.last
{
	background: none;
}
#menu ul li.current
{
	font-weight: bold;
	color: #fff;
	text-align: center;
	padding-right: 0;
	padding-left: 0;
}
.home #menu ul li.current
{
	background: url('images/menu-home-current.png') no-repeat 16px 0;
	width: 67px;
	padding-left: 16px;
}
.services #menu ul li.current
{
	background: url('images/menu-services-current.png') no-repeat 0 4px;
	width: 115px;
}
.partners #menu ul li.current
{
	background: url('images/menu-partners-current.png') no-repeat 0 10px;
	width: 115px;
}
.client-tools #menu ul li.current
{
	background: url('images/menu-client-tools-current.png') no-repeat 0 16px;
	width: 115px;
}
.success-stories #menu ul li.current
{
	background: url('images/menu-success-stories-current.png') no-repeat 0 22px;
	width: 160px;
}
.contact #menu ul li.current
{
	background: url('images/menu-contact-current.png') no-repeat 0 28px;
	width: 105px;
}
.services #menu ul li.home,
.partners #menu ul li.services,
.client-tools #menu ul li.partners,
.success-stories #menu ul li.client-tools,
.contact #menu ul li.success-stories
{
	background: none;
	padding-right: 10px;
}
#menu ul li.current a
{
	color: #fff;
}
#menu ul li a
{
	color: #424242;
	text-decoration: none;
}
/*.home #header
{
	background: url('images/menu-shadow.png') no-repeat 116px 178px;
}
.services #header
{
	background: url('images/menu-shadow.png') no-repeat 199px 178px;
}
.partners #header
{
	background: url('images/menu-shadow.png') no-repeat 307px 178px;
}
.client-tools #header
{
	background: url('images/menu-shadow.png') no-repeat 417px 178px;
}
.success-stories #header
{
	background: url('images/menu-shadow.png') no-repeat 542px 178px;
}
.contact #header
{
	background: url('images/menu-shadow.png') no-repeat 665px 178px;
}*/
#menu ul li ul.sub
{
	background: url('images/menu-sub.png') no-repeat;
	position: absolute;
	top: 133px;
	left: -79px;
	margin: 0;
	padding:5px 0 0 0;
	width: 408px;
	height: 31px;
}
#menu ul li ul.sub li
{
	/*background: url('images/square.png') no-repeat 100% 8px;*/
	height: 31px;
	line-height: 25px;
	font-size: 14px;
	color: #424242;
	padding: 0px 0px 0 7px;
}
#menu ul li ul.sub li.first
{
	padding-left: 9px;
}
#menu ul li ul.sub li.current
{
	font-weight: normal;
	/*background: url('images/square.png') no-repeat 100% 8px;*/
	width: auto;
	color: #ad0c1b;
} 
#menu ul li ul.sub li.last
{
	background: none;
	padding-right: 0;
}
#menu ul li ul.sub li a
{
	color: #424242;
}
#menu ul li ul.sub li.current a
{
	color: #ad0c1b;
}

#mid-wrapper
{
	background: url('images/middle.png') no-repeat 1077px 0;
}
#middle
{
	width: 982px;
	margin: 0 auto;
}
.home #main-wrapper2
{
	background: url('images/home-middle.png') no-repeat -30px 233px;
}
.contact #main-wrapper2
{
	background: url('images/contact-middle.png') no-repeat 70px 234px;
}
.services-what-we-do #main-wrapper2
{
	background: url('images/services-what-we-do-middle.png') no-repeat 50px 345px;
}
.services-how-we-do-it #main-wrapper2
{
	background: url('images/services-how-we-do-it-middle.png') no-repeat -55px 120px;
}
.services-what-we-use #main-wrapper2
{
	background: url('images/services-what-we-use-middle.png') no-repeat 780px 270px;
}
#middle .title
{
	/**/font: 30px/30px "Estrangelo Edessa", serif;/**/
	/**font: 24px/24px "Georgia", serif; /* Web safe */
	color: #be1e2d;
	font-weight: bold;
	padding: 16px 0 0;
	letter-spacing: -1px;
	margin-left: -2px;
}
#middle .featured-box
{
	width: 740px;
	height: 300px;
	padding: 15px 80px 0 190px;
	position: relative;
}
#middle .featured-box .title
{
	/**/font: 36px/36px "Estrangelo Edessa", serif;/**/
	/**font: 29px/29px "Georgia", serif; /* Web safe */
	color: #5a5a5a;
	font-weight: normal;
	padding: 18px 0 0;
}
#middle .featured-box .title .hl
{
	color: #be1e2d;
}
#middle .featured-box .red
{
	color: #be1e2d;
	/*font-size: 18px;*/
	font-size: 14px;
}
#middle .featured-box #success-stories-go
{
	display: block;
	width: 90px;
	height: 40px;
	background: url('images/go-button.png') no-repeat 100% 0;
	position: absolute;
	right: 21px;
	bottom: 45px;
	padding: 3px 70px 0 0;
	text-align: right;
	/*font-size: 12px;*/
	font-size: 10px;
	line-height: 15px;
	text-decoration: none;
	color: #be1e2d;
	font-weight: bold;
}
#middle .what-we-do
{
	width: 580px;
	float: left;
	position: relative;
	top: -5px;
}
#middle .what-we-do .title
{
	/**/font: 30px/30px "Estrangelo Edessa", serif;/**/
	/**font: 25px/25px "Georgia", serif; /* Web safe */
	color: #be1e2d;
}
#middle .services-list
{
	width: 375px;
	float: right;
	position: relative;
	top: -10px;
}
#middle .services-list .title
{
	/**font: 20px/20px "Corbel", sans;/**/
	/**/font: 16px/20px "Verdana", sans; /* Web safe */
	font-weight: bold;
	line-height: 20px;
	color: #be1e2d;
	letter-spacing: 0;
}
#middle .services-list ul
{
	list-style: none;
	padding: 8px 0;
}
#middle .services-list ul li
{
	/*font-size: 14px;*/
	font-size: 12px;
	line-height: 22px;
	color: #3c3c3c;
	background: url('images/square.png') no-repeat 0 8px;
	padding: 0 0 0 15px;
}
#middle .contact-box
{
	font-size: 13px;
	padding: 0 0 45px 5px;
}
#middle .contact-box p
{
	padding: 9px 0;
}
#middle .contact-box .red
{
	color: #be1e2d;
	/*font-size: 18px;*/
	font-size: 14px;
	font-family: "Georgia";
	font-weight: bold;
}
#middle .contact-box #contact-form
{
	padding: 10px 0 0 137px;
	position: relative;
}
#middle .contact-box #contact-form .title
{
	font: 43px/43px "Myriad Pro", "Arial", sans;
	font-weight: bold;
	padding: 22px 0 22px 35px;
}
#middle .contact-box #contact-form fieldset
{
	float: left;
	width: 330px;
}
#middle .contact-box #contact-form fieldset.col1
{
	width: 340px;
}
#middle .contact-box #contact-form fieldset.col3
{
	width: 120px;
	padding: 60px 0 0 10px;
}
#middle .contact-box #contact-form fieldset label
{
	width: 75px;
	float: left;
	height: 23px;
	line-height: 23px;
	font-size: 11px;
	text-align: right;
	display: block;
	clear: both;
	color: #2f2f2f;
	margin: 0 0 5px;
}
#middle .contact-box #contact-form fieldset.col1 label
{
	width: 90px;
}
#middle .contact-box #contact-form fieldset .field
{
	margin: 0 0 5px 85px;
}
#middle .contact-box #contact-form fieldset.col1 .field
{
	margin-left: 100px;
}
#middle .contact-box #contact-form fieldset .text
{
	width: 235px;
	height: 21px;
	border: 1px solid #aaa;
}
#middle .contact-box #contact-form fieldset textarea
{
	width: 235px;
	height: 93px;
	border: 1px solid #aaa;
}
#middle .contact-box #contact-form fieldset .contact-send
{
	background: url('images/button-send.png') no-repeat 0 0;
	width: 105px;
	height: 37px;
	text-indent: -999px;
	display: block;
	font-size: 0;
	line-height: 0;
	border: none;
}
#middle .contact-box #contact-form .error,
#middle .contact-box #contact-form .success
{
	position: absolute;
	top: 36px;
	left: 550px;
	color: #be1e2d;
}
#middle .contact-box #contact-form .success
{
	color: #080;
}
#middle .what-we-do-box
{
	padding: 0 0 45px 5px;
}
#middle .what-we-do-box p
{
	padding: 10px 0;
}
#middle .what-we-do-box .what-we-do-list
{
	padding: 20px 0 0 36px;
}
#middle .what-we-do-box .what-we-do-list .title
{
	padding-top: 26px;
}
#middle .what-we-do-box .what-we-do-list ul
{
	list-style: none;
	padding: 8px 0 0;
}
#middle .what-we-do-box .what-we-do-list ul li
{
	background: url('images/square.png') no-repeat 0 6px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #3c3c3c;
	padding: 0 0 0 18px;
}
#middle .how-we-do-it-box
{
	padding: 20px 5px 10px;
}
#middle .how-we-do-it-box p
{
	padding: 10px 0;
	line-height: 18px;
}
#middle .how-we-do-it-box .sub-title
{
	color: #c00012;
	font-size: 12px;
	padding: 10px 0;
}
#middle .how-we-do-it-box .heading
{
	font-size: 12px;
	font-weight: bold;
	padding: 10px 0;
}
#middle .what-we-use-box
{
	padding: 20px 5px 40px;
}
#middle .what-we-use-box .sub-title
{
	color: #c00012;
	font-size: 12px;
	padding: 10px 0;
}
#middle .what-we-use-box .it-myth
{
	width: 190px;
	padding: 135px 45px 0;
	text-align: center;
	float: right;
	/**/font: italic bold 18px/22px "Estrangelo Edessa", serif;/**/
	/**font: italic bold 15px/22px "Georgia", serif; /* Web safe */
	letter-spacing: -1px;
}
#middle .what-we-use-box .it-myth .label
{
	color: #646464;
}
#middle .what-we-use-box .it-myth .quote
{
	color: #be1e2d;
}
#middle .partners-box
{
	padding: 0 5px 0;
}
#middle .partners-box .partners-list ul
{
	list-style: none;
	padding: 10px 0 0;
}
#middle .partners-box .partners-list ul li
{
	text-align: center;
	border-top: 1px solid #ebebeb;
	border-bottom: 1px solid #c7c7c7;
	padding: 5px 0;
}
#middle .partners-box .partners-list ul li.first
{
	border-top: none;
}
#middle .partners-box .partners-list ul li.last
{
	border-bottom: none;
}
#middle .partners-box .partners-list ul li span
{
	padding: 0 35px;
}
#middle .stories-box
{
	padding: 0 5px 20px;
	min-height: 300px;
	font-size: 13px;
	line-height: 20px;
}
#middle .client-tools-box
{
	padding: 0 5px 20px;
	font-size: 15px;
	line-height: 21px;
}
#middle .client-tools-box .client-tools-list
{
	width: 867px;
	margin: 0 auto;
	padding: 20px 0;
}
#middle .client-tools-box .client-tools-list .col
{
	background: url('images/tools-shadow.png') no-repeat 0 20px;
	width: 277px;
	float: left;
	padding: 0 6px;
}
#middle .client-tools-box .client-tools-list .col .title
{
	background: url('images/tools-head.png') no-repeat 0 0;
	height: 60px;
	line-height: 66px;
	padding: 0;
	margin: 0 0 1px;
}
#middle .client-tools-box .client-tools-list .col-anti-virus .title
{
	background: url('images/tools-anti-virus.png') no-repeat 0 0;
	padding-left: 60px;
}
#middle .client-tools-box .client-tools-list .col-utilities .title
{
	background: url('images/tools-utilities.png') no-repeat 0 0;
	padding-left: 110px;
}
#middle .client-tools-box .client-tools-list .col-diagnotics .title
{
	background: url('images/tools-diagnotics.png') no-repeat 0 0;
	padding-left: 80px;
}
#middle .client-tools-box .client-tools-list .col ul
{
	list-style: none;
}
#middle .client-tools-box .client-tools-list .col ul li
{
	background: url('images/tools-list.png') no-repeat 0 0;
	height: 36px;
	padding: 0 18px;
	margin: 0 0 1px;
	/**/font: 16px/38px "Estrangelo Edessa", serif;/**/
	/**font: 13px/38px "Georgia", serif; /* Web safe */
	color: #424242;
	letter-spacing: -1px;
}
#middle .client-tools-box .client-tools-list .col ul li a
{
	color: #424242;
	text-decoration: none;
}

#foot-wrapper
{
	clear: both;
	padding: 0 0 50px;
}
#footer
{
	width: 982px;
	margin: 0 auto;
}
#footer #clients
{
	width: 982px;
	height: 101px;
	background: url('images/footer-client.png') no-repeat 0 0;
	margin: 0 0 25px;
}
#footer #clients .title
{
	float: left;
	/**/font: 24px/96px "Estrangelo Edessa", serif;/**/
	/**font: 20px/95px "Georgia", serif; /* Web safe */
	color: #be1e2d;
	padding: 0 15px 0 30px;
	letter-spacing: -1px;
}
#footer #clients ul
{
	list-style: none;
}
#footer #clients ul li
{
	float: left;
}
#footer #warranty
{
	width: 983px;
	height: 169px;
	background: url('images/footer-warranty.png') no-repeat;
	margin: -50px 0 25px;
}
#footer #warranty .title
{
	float: left;
	/**/font: 28px/96px "Estrangelo Edessa", serif;/**/
	/**font: 23px/95px "Georgia", serif; /* Web safe */
	color: #be1e2d;
	padding: 0 15px 0 30px;
	letter-spacing: -1px;
	display: none;
}
#footer #copyright
{
	/*font-size: 14px;*/
	font-size: 11px;
	line-height: 18px;
	color: #656565;
	float: right;
}
#footer #footer-links
{
	list-style: none;
}
#footer #footer-links li
{
	display: inline;
	/**/font: 18px/18px "Estrangelo Edessa", serif;/**/
	/**font: 15px/15px "Georgia", serif; /* Web safe */
	padding: 0 16px 0 6px;
	color: #424242;
	background: url('images/bullet.png') no-repeat 100% 5px;
	letter-spacing: -1px;
}
#footer #footer-links li.last
{
	background: none;
}
#footer #footer-links li a
{
	color: #424242;
	text-decoration: none;
}


.clearfix
{
	clear: both;
}
.image-left
{
	float: left;
	margin: 0 10px 5px 0;
}
.image-right
{
	float: right;
	margin: 0 0 5px 10px;
}

/*Main_Menu*/
.container {
	background: url('images/menu.png') no-repeat;
	width: 846px;
	height: 160px;
	z-index: 2;
	position: absolute;
	top: 13px;
	right: 0;
	padding:75px 0px 0px 40px;
}
img {border: none;}
ul#topnav {
	margin:0px; 
	padding: 0px; 
	list-style: none;	
	font-size: 1.1em;
	clear: both;
	float: left;
	width: 720px;
	height:142px;
}
ul#topnav li{
	margin: 0px; 
	padding: 0xp; 
	overflow: hidden; 
	float: left; 
	height:143px;
}
/*Home*/
ul#topnav a, ul#topnav span.home {
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #FFFFFF; 
}
ul#topnav a.home {	color: #7bc441; }
ul#topnav span.home {
	display: none;
}

ul#topnav.v2 span.home{
	background: url('images/main_menu.png' ) no-repeat 0px 98px ;
	width:67px;
	height:144px;
}
ul#topnav.v2 a.home{
	color: #555;
	background: url('images/main_menu.png' ) no-repeat 0px -46px ;
	width:67px;
	height:192px;
}
/*Home*/

/*service*/
ul#topnav a, ul#topnav span.service {
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a.service {	color: #7bc441; }
ul#topnav span.service {
	display: none;
}

ul#topnav.v2 span.service{
	background: url('images/main_menu.png' ) no-repeat -61px 98px ;
	width:118px;
	height:144px;
}
ul#topnav.v2 a.service{
	color: #555;
	background: url('images/main_menu.png' ) no-repeat -68px -46px ;
	width:118px;
	height:192px;
}
/*service*/

/*partner*/
ul#topnav a, ul#topnav span.partner {
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a.partner {	color: #7bc441; }
ul#topnav span.partner {
	display: none;
}

ul#topnav.v2 span.partner{
	background: url('images/main_menu.png' ) no-repeat -182px 98px ;
	width:118px;
	height:144px;
}
ul#topnav.v2 a.partner{
	color: #555;
	background: url('images/main_menu.png' ) no-repeat -187px -46px ;
	width:118px;
	height:192px;
}
/*partner*/

/*tools*/
ul#topnav a, ul#topnav span.tools {
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a.tools {	color: #7bc441; }
ul#topnav span.tools {
	display: none;
}

ul#topnav.v2 span.tools{
	background: url('images/main_menu.png' ) no-repeat -298px 98px ;
	width:112px;
	height:144px;
}
ul#topnav.v2 a.tools{
	color: #555;
	background: url('images/main_menu.png' ) no-repeat -304px -46px ;
	width:112px;
	height:192px;
}
/*tools*/

/*stories*/
ul#topnav a, ul#topnav span.stories {
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d; 
}
ul#topnav a.stories {	color: #7bc441; }
ul#topnav span.stories {
	display: none;
}

ul#topnav.v2 span.stories{
	background: url('images/main_menu.png' ) no-repeat -409px 98px ;
	width:144px;
	height:144px;
}
ul#topnav.v2 a.stories{
	color: #555;
	background: url('images/main_menu.png' ) no-repeat -415px -46px ;
	width:144px;
	height:192px;
}
/*stories*/

/*contact*/
ul#topnav a, ul#topnav span.contact {
	float: left; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	clear: both;
	height: 20px;
	line-height: 20px;
	background: #1d1d1d;
}
ul#topnav a.contact {	color: #7bc441; }
ul#topnav span.contact {
	display: none;
}

ul#topnav.v2 span.contact{
	background: url('images/main_menu.png' ) no-repeat -552px 98px ;
	width:108px;
	height:144px;
}
ul#topnav.v2 a.contact{
	color: #555;
	background: url('images/main_menu.png' ) no-repeat -558px -46px ;
	width:108px;
	height:192px;
}
/*stories*/

/*Main Menu*/