/**
 * Defaults and Resets
 */
html, body {margin: 0; padding: 0; background: #fff url(../images/bg.gif) repeat-x;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 13px; line-height: 20px; color: #74756b;}

form {margin: 0; padding: 0;}

img {border: 0;}

td {vertical-align: top;}

p {margin: 0 0 20px 0;}

h2 {margin: 0; font-size: 14px; color: #3a516e; text-transform: uppercase;}
h3 {margin: 0; font-size: 14px; color: #3a516e;}

a {color: #3a516e; text-decoration: none;}

:focus {outline: 0;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

div.preload {display: none;}

img.left {float: left; margin: 5px 12px 0 0;}

.accent {color: #224678;}

/**
 * Lists
 */
ul.inline {margin: 0; padding: 0; list-style-type: none;}
ul.inline li {display: inline;}

ul.list {margin: 0; padding: 0; list-style-type: none;}

/**
 * Layout
 */
#master {width: 830px; margin: auto; padding: 0 24px 20px 21px; background: #fff url(../images/bg-body.gif) repeat-x;}

#header {position: relative; height: 119px;}
#header .logo {position: absolute; top: 44px; left: 7px;}
#header .nav {position: absolute; top: 64px; right: 0px;}
#header .nav ul {margin: 0; padding: 0; list-style-type: none;}
#header .nav ul li {float: left; display: block; padding-left: 35px;}
#header .nav ul li a {float: left; display: block; background: no-repeat; text-decoration: none;}
#header .nav ul li a span {float: left; display: block; height: 20px; visibility: hidden;}
#header .nav ul li.item1 a {width: 43px; background-image: url(../images/nav/home.gif);}
#header .nav ul li.item2 a {width: 75px; background-image: url(../images/nav/about-us.gif);}
#header .nav ul li.item3 a {width: 72px; background-image: url(../images/nav/training.gif);}
#header .nav ul li.item4 a {width: 93px; background-image: url(../images/nav/consulting.gif);}
#header .nav ul li.item5 a {width: 66px; background-image: url(../images/nav/hosting.gif);}
#header .nav ul li.item1 a:hover {background-image: url(../images/nav/home-over.gif);}
#header .nav ul li.item2 a:hover {background-image: url(../images/nav/about-us-over.gif);}
#header .nav ul li.item3 a:hover {background-image: url(../images/nav/training-over.gif);}
#header .nav ul li.item4 a:hover {background-image: url(../images/nav/consulting-over.gif);}
#header .nav ul li.item5 a:hover {background-image: url(../images/nav/hosting-over.gif);}

#header .language {position: absolute; top: 10px; right: 0px; font-size: 11px; line-height: 16px; display: none;}
#header .language ul {margin: 0; padding: 0; list-style-type: none;}
#header .language ul li {display: inline; padding-left: 15px;}
#header .language ul li.fr a {background-image: url(../images/icons/french.gif);}
#header .language ul li.it a {background-image: url(../images/icons/italian.gif);}
#header .language a {color: #74756b; text-decoration: none; background-repeat: no-repeat; background-position: right 1px; padding-right: 20px;} 
#header .language a:hover {color: #74756b;}

#pageHeader {position: relative; height: 236px; background: no-repeat;}
#pageHeader .title {position: absolute; left: 26px; bottom: 104px;}
#pageHeader .contact {position: absolute; left: 581px; top: 0;}
#pageHeader .photo {position: absolute; left: 361px; top: 44px;}
#pageHeader .photo img {display: block;}
#pageHeader .nav {position: absolute; left: 26px; top: 157px; width: 310px;}
#pageHeader .nav ul {margin: 0; padding: 0; list-style-type: none; font-size: 14px; font-weight: bold; color: #9f1221;}
#pageHeader .nav ul li a {color: #9f1221; text-decoration: none; padding-left: 5px;}
#pageHeader .nav ul li a:hover {color: #d03b48;}
#pageHeader .nav ul li.on a {color: #d03b48; text-decoration: underline;}

#sidebar {float: left; width: 167px; padding: 15px 20px 20px 25px; background: url(../images/bg-sidebar.gif) repeat-x; font-size: 12px; line-height: 17px; color: #6c6c70;}
#sidebar ul {margin: 20px 0; padding: 0 0 0 20px;}
#sidebar ul li {padding-bottom: 10px;}
#sidebar p {margin-bottom: 10px;}

#content {float: left; width: 580px; padding: 0 0 20px 20px;}
#content ul {margin: 0 0 10px 0; padding: 0 0 0 20px;}
#content ul li {padding-bottom: 10px;}
#content ul li ul {margin: 0; padding: 0 0 0 40px;}
#content ul li ul li {padding-bottom: 0;}

#footer {padding: 20px 0 0 0; font-size: 11px; line-height: 18px; color: #919191; text-align: center;}
#footer p {margin: 0;}
#footer a {color: #919191; text-decoration: underline;}
#footer a:hover {color: #919191;}

/**
 * Home Page
 */
body.home #master {background: none;}

body.home #header .nav ul li.item1 a {background-image: url(../images/nav/home-over.gif);}

body.home #pageHeader {height: 451px; background-image: url(../images/bg-header-home.gif);}
body.home #pageHeader .title {left: 0px; top: 0px;}
body.home #pageHeader .nav {left: 18px; top: 272px; width: 320px;}

#features {margin-right: -10px;}
#features .feature {float: left; margin-right: 8px; width: 271px; background: #d3d4ce url(../images/bg-feature.gif) repeat-x; font-size: 11px; line-height: 14px;}
#features .feature > div {min-height: 116px; padding: 17px 86px 0 15px; background: url(../images/bg-feature-1.jpg) no-repeat right top;} /* min-height: 86px; */
#features .feature .title {display: block; padding-bottom: 4px;}
#features .consulting > div {background-image: url(../images/bg-feature-2.jpg);}
#features .hosting > div {background-image: url(../images/bg-feature-3.jpg);}

/**
 * Sub Pages
 */
body.about #pageHeader {background-image: url(../images/bg-header-about.gif);}
body.about #header .nav ul li.item2 a {background-image: url(../images/nav/about-us-over.gif);}

body.clients h2 {color: #007750;}

body.training h2 {color: #224678;}
body.training #header .nav ul li.item3 a {background-image: url(../images/nav/training-over.gif);}
body.training #pageHeader {background-image: url(../images/bg-header-training.gif);}
body.training #pageHeader .nav ul {color: #4782b1;}
body.training #pageHeader .nav ul li a {color: #4782b1;}
body.training #pageHeader .nav ul li a:hover,
body.training #pageHeader .nav ul li.on a {color: #81b5d9;}

body.trainingProgram h2 {color: #979e38;}

body.trainingSuccessStories h2,
body.trainingSuccessStories h3 {color: #d06b37;}

body.consulting #header .nav ul li.item4 a {background-image: url(../images/nav/consulting-over.gif);}
body.consulting #pageHeader {background-image: url(../images/bg-header-consulting.gif);}
body.consulting #pageHeader .nav ul {color: #443d6f;}
body.consulting #pageHeader .nav ul li a {color: #443d6f;}
body.consulting #pageHeader .nav ul li a:hover,
body.consulting #pageHeader .nav ul li.on a {color: #655e8e;}

body.consultingOverview h2 {color: #be4730; text-transform: none;}

body.consultingPrograms h2 {color: #0046b3;}

body.consultingSuccessStories h2 {color: #b3a99c;}

body.hosting h2 {color: #515b80;}
body.hosting #header .nav ul li.item5 a {background-image: url(../images/nav/hosting-over.gif);}
body.hosting #pageHeader {background-image: url(../images/bg-header-hosting.gif);}
body.hosting #pageHeader .nav ul {color: #32644a;}
body.hosting #pageHeader .nav ul li a {color: #32644a;}
body.hosting #pageHeader .nav ul li a:hover,
body.hosting #pageHeader .nav ul li.on a {color: #408d63;}

body.hostingPrograms h2 {color: #3280ca;}
body.hostingPrograms .accent {color: #3280ca;}

body.hostingSuccessStories h2 {color: #6c838e;}

body.contact #pageHeader {background-image: url(../images/bg-header-contact.gif);}

/**
 * Forms
 */
form.form {width: 100%;}
form.form .row {padding: 0px 0px 10px 0px;}
form.form .submit {margin-top: -10px;}
form.form .label {}
form.form .field {}
form.form input[type="text"],
form.form textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px; border: solid 1px #ddd; width: 350px;}
form.form input[type="submit"] {font-family: Arial, Verdana, Sans-Serif; font-size: 14px; font-weight: bold; color: #fff; background: #960f24; border: none; padding: 3px 5px; text-transform: uppercase;}