/********************************************  CSS RESET  *********************************************/



html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,

cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,b,u,i,center,dl,dt,dd,

ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	font-weight: normal;

}

ol, ul {

	list-style: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

blockquote, q { quotes: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }

th { text-align: left; }

address { font-style: normal; }

.clearFloat { clear: both; }

.hidden { display: none; }

.center { text-align: center; }

body { font-family: arial, sans-serif; }

input,select,textarea { font-family: arial, sans-serif; } 

p a { white-space: nowrap; }



input[type="hidden"] {

	display: none !important;

	visibility: hidden !important;

	height: 0px !important;

}

abbr, acronym { 

	cursor: help;

	border-bottom: 1px #333 dotted;

}

.right {
	float:right;
}


/*----------------------------- 
    GENERAL PAGE STYLING
-----------------------------*/


body{  
	height: 100%; 	/* Important */
	width:100%; 	/* Important */
	background-color:#fff;
	font:1em Helvetica, Arial, Sans-serif;
} 

h1 {
	color:#06559c;
	font-size:20px;
	line-height:120%;
	margin:0 0 12px 0;
}

h2 {
	color:#06559c;
	font-size:18px;
	margin:0 0 12px 0;
	line-height:120%;
}

h3 {
	color:#06559c;
	font-size:13px;
	margin:0 0 12px 0;
	line-height:120%;
	text-transform:uppercase;
}

p{  
	-webkit-user-select:selection;  /* Important */
	-webkit-text-size-adjust: none; /* Important */
	color:#474747;
	font-size:12px;
	line-height:165%;
	margin:0 0 12px 0;
}  

a {  
	white-space:nowrap;
	color:#06559c;
} 
p a:active{  /* use active for normal links, small butoons etc */
	color:#ff9900;
} 


/*----------------------------- 
    BASIC LAYOUT 
-----------------------------*/


#page_wrapper {  
	overflow:auto; 	/* Important */
	width:100%; 	/* Important */
}

#header {
	background:#fff url('../images/blue-gradient.gif') left bottom repeat-x;
	height:83px;
	padding:10px;
	position:relative;
}

#content {
	padding:0 0px 0px 0px;
	background:#fff;
}

#container {
	margin:0;
	background-color:#fff;
	padding:15px;
	position:relative;
	background:#fff;
	top:-4px;
}

#footer {
	background:#035eaf url('../images/footer.gif') left top repeat-x;
	height:70px;
	padding:5px 15px;
}

.messageSent {
	background-color:#8cbb5d;
	border-bottom:solid 1px #82b252;

	}
.messageSent p{
	color:#1f3806;
	text-align:center;
	padding:3px 0;
	margin:0;
}


/*----------------------------- 
	HOMEPAGE 
-----------------------------*/

#homepage-hero {
	background:#054780 url('../images/tendersearch-guy.jpg') right top no-repeat;
	width:100%;
	height:189px;
	border-top:solid 1px #043c6f;
	position:relative;
}

#homepage-hero a {
	position:absolute;
	right:18px;
	bottom:22px;
	background: url('../images/learn-more-button.png') left top no-repeat;
	width:104px;
	height:35px;
	display:block;
	text-indent:-9000em;
}

#homepage-hero a:active {
	opacity:0.8;
}

#homepage-hero .text {
	width:171px;
	height:139px;
	margin:24px 0 0 16px;
}

/*----------------------------- 
	HEADER
-----------------------------*/

#header .logo {
	background:url('../images/tendersearch-logo.gif') left top no-repeat;
	width:171px;
	height:43px;
	display:block;
	text-indent:-900em;
	position:absolute;
	top:20px;
	left:5px;
}

#header .logo:active {
	opacity:0.7;
}


/*----------------------------- 
	PAGE ORIENTATION 
-----------------------------*/

.portrait #content{
	
}
.landscapeRight #content{
	
}
.landscapeLeft #content{
	
}


/*----------------------------- 
	PAGE LIST 
-----------------------------*/

ul#menu {
	margin:0 0px;
	height:26px;
	background-color:#06559c;
	border-top:solid 1px #043c6f;
	position:relative;
	background: url('../images/dark-blue-gradient.gif') left top repeat-x;
	width:100%;
}
ul#menu li{
	margin:0;
	display:inline;
	float:left;
	top:-4px;
	position:relative;
	_width:25%;
	text-align:center;
}
ul#menu a{
	-webkit-user-select:none;  /* Important */
	color:#fff;
	font-size:11px;
	text-transform:uppercase;
	line-height:100%;
	text-decoration:none;
	display:block;
	padding:10px 14px 12px 14px;
	font-weight:bold;
}

ul#menu li.active{
	background: #fff url('../images/menu-gradient.gif') left top repeat-x;
}
ul#menu li.active a{
	color:#1369b8;
}

/*----------------------------- 
	FOOTER
-----------------------------*/

#footer ul {
	width:100%;
	clear:both;
}

#footer ul li {
	display:inline;
	float:left;
	text-align:center;
}

#footer ul li a, #footer a{
	color:#fff;
	display:block;
	padding:10px 7px 8px 7px;
	font-size:11px;
	text-decoration:none;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
}


/*----------------------------- 
	CONTACT
-----------------------------*/

.contact-btn, .contact-close-btn {
	background: url('../images/contact-button.gif') left top no-repeat;
	width:96px;
	height:21px;
	display:block;
	text-indent:-9000em;
	float:right;
	margin:22px 10px 0 0 ;
}

.contact-close-btn {
	background: url('../images/close-button.gif') left top no-repeat;
	width:68px;
	height:21px;
	margin:19px 15px 0 0 ;
}

.contact-btn:active, .contact-close-btn:active {
	opacity:0.7;
}

#contact {
	background-color:rgba(0, 0, 0, 0.92);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	display:none;
}

#contact.no-js {
	background-color:#000 !important;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:99;
	display:block;
}

#contact a{
	color:#fff !important;
}

#contact h1, #contact h2, #contact h3 {
	color:#eee !important;
	margin:0 22px 10px 22px;
}

#contact h1 {
	margin-bottom:15px;
}

#contact p {
	color:#b7b7b7;
	margin:0 22px 15px 24px;
	border-left:solid 3px #666;
	padding-left:12px;
	line-height:120%;
}

#contact p.plain {
	color:#b7b7b7;
	margin:0 22px 15px 24px;
	border-left:solid 0px #666;
	padding-left:0px;
	line-height:120%;
}

#contact .sep {
	border-top:dotted 1px #636363;
	width:86%;
	height:15px;
	margin:0 0 0 24px;
}

#contact fieldset {
	margin:0 22px 10px 22px;
	position:relative;
}

#contact label {
	display:block;
	color:#ddd;
	font-size:12px;
	margin:0 0 5px 0;
}

#contact .inputtext{
	display:block;
	color:#555;
	font-size:12px;
	margin:0 0 10px 0;
	width:100%;
	padding:6px 0;
}

#contact  textarea{
	display:block;
	color:#555;
	font-size:12px;
	margin:0 0 10px 0;
	width:100%;
	height:60px;
	padding:6px 0;
}

#contact .error{
	border:solid 1px red;
	background-color:#f9e9e9;
}

#contact .error1 {
	border:none;
	color:#red;
	position:absolute;
	right:-20px;
	bottom:-8px;
	display:none;
}