html, body, #wrapper {height: 100%;}
body {color:#3e3e3e;background:#fff;font: normal 12px "Lucida Grande", Verdana, arial; line-height: 140%; min-width: 980px;}
body > #wrapper {height: auto; min-height: 100%;}
body p {line-height: 1.5em;}


/* Typography
------------------------- */
a			{color: #42800f; text-decoration: none;}
a:hover		{color: #2F87B7; text-decoration: underline }
p				{margin: 0px 0 20px;}


h1			{color: #2F87B7; font: normal 51px "Helvetica Neue",Helvetica,Verdana,arial; line-height: 100%;}
h2			{color: #2c7eaa; font: normal 20px "Helvetica Neue",Helvetica,Verdana,arial;}
h3			{color: #29749d; font: 600 14px "Helvetica Neue",Helvetica,Verdana,arial; margin: 15px 0px;}
h4 			{color: #000000; font: 500 16px "Times New Roman",Times,serif; margin:15px 0;}
strong 		{color:#2B81B0;}

#branding em {font-family: "Times New Roman", Times, serif; font-size: 15px}
#navigation a {color: #666; font-family: "Helvetica Neue",Helvetica,Verdana,arial;font-size: 11px;font-weight:600;}
#body p:first-child {font-family: "Lucida Grande", Verdana, arial; font-size: 16px;}
#body .article p:first-child {font-size:12px;}
#body .answer p {font-size: 12px;}
#column h3 {font-family: arial; font-size: 22px; font-weight: 500;}
#column p {font-family: arial; font-size: 11px; color :#333;}
#article h2 {color: #000; font: 600 15px "Times New Roman", Times, serif; margin: 15px 0;}
#footer {color: #000; font: normal 11px "Lucida Grande",Verdana,arial;}
#footer a {color:#000; }

.date {color: #000; font: 500 10px arial;}

#sub-page h1 {font-size:51px;}
label, .info  {font: 500 11px arial;}



/* Layout
------------------------- */
#home-page #header, #sub-page #header{height: 300px; padding-top: 150px; background: transparent url(../images/backgrounds/home-laptop-bg.jpg) no-repeat right bottom;}
#branding {position: absolute; top: 0; left: 0; height: 150px; width: 954px;background:#fff;}

#wrapper		{position: relative; min-height: 100%; width: 980px ;margin:0 auto; text-align: left;margin-bottom:75px;}
#subcontainer	{padding: 0 0 150px 0px; margin: 0 auto; background: #fff;}
#footer			{position: relative; width: 980px; margin: -75px auto 0; margin-top: -75px; /* negative value of footer height */height: 75px;clear: both; }


/* Navigation
------------------------- */
#navigation {margin: 26px 0 0; padding: 0; list-style :none;}
#navigation li {display: inline; float: left;width: 135px; height: 53px;line-height:53px;margin:0 1px 0 0;}
#navigation li a {display: block; width: 135px; height: 53px; background: transparent url(../images/backgrounds/navigation-bg.png) repeat-x 0 0; border-bottom: 3px solid #fff; text-decoration: none; text-align: center;}
#navigation li a:hover, #navigation #navend a:hover {background-position: 0 -53px;}
#navigation li#active, #navigation #navend a:active {background-position: 0 -53px;}
#navigation #navend a {margin:0;width:140px;background: transparent url(../images/backgrounds/navigation-bg-end.png) repeat-x 0 0;}

.overview-page #overview-link,
.tender-search-page #questions-answers-link,
.news-page #latest-news-link,
.training-page #prices-link,
.opportunities-page #opportunities-link,
.downloads-page #joinus-link,
.contact-page #navend #contact-link
{background-position: 0 -53px;}

/* Branding
------------------------- */
#logo {width: 222px; height: 40px; background: #fff url(../images/backgrounds/sales-leap.png) no-repeat 0 100%; margin: 34px 0 0 35px}
#branding em {display:block; margin: -56px 0 0 680px;color: #336666;}
#feature {position:absolute;right:27px;top:217px;}

/* Header
------------------------- */
#header h1, #header h2 {color: #fff; margin: 20px 0 0 18px;}
#header h1 {margin-top:50px;}
#header h1, #sub-page h2 {width: 600px;}
#header #hp-c2a {position:absolute;top:-35px;left:650px;width:250px;height:100px;list-style-type:none;text-align:center;color:#fff;}
#hp-c2a li {padding:0 12px;margin:0;width:250px;}

/* Content
------------------------ */
#content {width: 955px;}
#body {float: left; width: 705px; padding-top: 17px;border-right:1px dotted #EFEFEF;padding-right:15px;}
#body > p:first-child {}
#body > p:first-child strong, #body > p:first-child b {color: #5590a1; font-weight: 500;}

#article {padding: 0; list-style-type: none;}
#article li {position: relative; margin: 0 9px 0 0; padding: 125px 17px 20px; float: left; display: inline; width: 309px; background: #eeeff1;}
#article li + li {margin: 0 0 0 10px;}
#article li img {position: absolute; top: 0;left: 0;}
.answer {border-bottom:1px dotted #efefef;margin-bottom:15px;}
.c2a {padding:20px;background:#dfffcd;text-align:center;}
.btn {display:inline-block;padding:0 3px;margin:0;background: transparent url(../images/backgrounds/btn-left-end.gif) no-repeat left 100%;}
.btn a {padding: 3px 6px 3px 3px;margin:0;background: transparent url(../images/backgrounds/btn-right-end.gif) no-repeat right 100%;color:#fff;text-decoration:none;display:block;}
.btn a:hover {}

#column {float: right; display: inline; width: 220px;}
#column h3, #column h4, #column p,  #column label {padding:0 10px;}
#column h3, #sub-page #column h3 {margin: 0; padding: 20px 0 10px 10px; background:#f2f2f2 url(../images/backgrounds/column-header-bg.png) no-repeat 0 100%; color: #000;line-height:130%;}
#sub-page #column h3 {background:#f2f2f2 url(../images/backgrounds/wide-column-header-bg.png) no-repeat 0 100%;}
.date {display:block;}
#column p + p {margin-bottom:0px;}
#column span.btn {margin-left:10px;}
#column span.btn {margin-bottom:10px;margin-top:20px;}

#sub-page #body {width:600px;border-right:1px dotted #EFEFEF;padding-right:15px;margin-bottom:20px;}
#sub-page #column {width:325px}
#sub-page .btn {float:right;}
#column h4, #column h3.block {clear:both;}

table, td, tbody th, tbody td {border-collapse: collapse;border:1px solid #ccc;}
table th {text-align:center;background:#eaeaea;width:50%;}
table span {display:block;font-size:10px;color:#999;}
tr.alt td {background: #fafafa;}
tr.over td {background: #dfffcd;}


#latest-news, #latest-news li {margin:0;padding:0;list-style-type:none;overflow:hidden;}
#latest-news h2 {}
#latest-news .date-published {}

#column .homepage-news-article, #sub-page #column .homepage-news-article {margin:0;padding:0;}
#column .homepage-news-article h3, #sub-page #column .homepage-news-article h3 {background:none;font-size:16px;}
#column .homepage-news-article h1, #column .homepage-news-article h2,
#sub-page #column .homepage-news-article h1, #sub-page #column .homepage-news-article h2{font-size:12px;margin-left:10px;}



#quick-contact-form form, #quick-contact-form fieldset, legend {padding:0;margin:20px 0;width:325px}
legend {display:none;}
#quick-contact-form label {width:60px;display:inline-block;}
#quick-contact-form input, #quick-contact-form textarea {margin-bottom:15px;width:230px;border:1px solid #ccc;padding:.3em}
#quick-contact-form textarea {vertical-align:top;}
#quick-contact-form button {float:right;}
#quick-contact-form br {clear:both;}
#antispamcheck {display:none;}
.info {padding:0 10px;}

blockquote {margin:0;padding:0;}

/* Terms */
.tc li {margin-bottom:10px;}
.tc ol {margin-top:10px;}


/* Contact */
#contact-form {background:#f7fbfc;padding:20px;overflow:hidden;}
#contact-form label {display:inline-block;width:55px;position:relative;height:20px;padding-right:20px;background: url(../images/question-mark.png) no-repeat right center;line-height:20px;}
#contact-form input, #contact-form textarea, #contact-form button {margin:0 10px 30px;border:1px solid #333;height:20px;width:250px;line-height:20px;}
#contact-form textarea {width:250px;height:150px;vertical-align:top;}
#contact-form button {position:relative;margin-left:90px;}
#contact-form input:focus, #contact-form textarea:focus {border:1px solid #5590A0;}
#contact-form button:hover {background-color:#5590A0;color:#fff;}
#contact-form .info {float:right;margin-right:250px;}
#contact-form label span.help {display:none;}
#contact-form label:hover span.help {display:block;position:absolute;top:1px;left:348px;padding:10px;border:1px solid #d4eaf1;background:#fff;width:210px;padding:7px;}
.success {padding:5px;text-align:center;background-color:#DFFFCD;}
#contact-form .success, #contact-form .error {margin:-20px -20px 20px;}
.errors {padding:5px;text-align:center;}
/* Footer
------------------------ */
#footer ul {margin:0;list-style-type:none;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;height:45px;}
#footer li {padding-top:15px;float:left;display:inline;}

#footer li ul {border:none;margin:0;padding:0;padding-left:120px;}
#footer li ul li {margin:0;padding: 0 10px;}

#twitter {margin-left:95px;margin-bottom:20px;display:block;}
#home-page #twitter {display:block;margin:12px 10px;}

/* Progressive Enhancement
------------------------ */
#header h1, #header h2, #hp-c2a li { text-shadow: #1c5262 0 2px 1px;}

/* Misc */
.downloads-page .article h3 {margin:0;}
.downloads-page .article ul {list-style-type:none;}
.downloads-page .article ul li {padding:10px;margin-bottom:20px;}
.downloads-page .article li:nth-child(odd) {background-color:#fafafa;}
.downloads-page .article p {margin:0;}
.downloads-page p.date {display:none;}