/* - - - - - - - - - - - - - - - - - - - - -

Title : polling.net
Author : Gilberto Creque

- - - - - - - - - - - - - - - - - - - - - */

/* ----- CSS ----- */

*{
}	
html{
}	
body{
background: #666 url("img/scanlinebg.png"); /*#CBDFEB; url("img/scanlinebg.png");*/
margin: 0px;
padding: 0px;
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Georgia, Verdana, Arial, Sans-Serif;
min-width:900px;
text-align: center;
}

/* ----- IDS ----- */

#container{
width: 900px;
color: #000;
margin: 0 auto;
text-align: left;
font-size: 1.4em;
line-height: 2.0em;
background: #FFF;
padding: 0px;
margin-top: 0px;
margin-bottom: 20px;
}	
#primaryContent{
/*background: #FFF;*/
width: 600px; width/* */:/**/590px; width:/**/590px;
padding:5px;
float:right;
}	
#primaryContent p{
padding: 0px;
text-align: justify;
}
#primaryContent p:first-letter {
font-size: 1.7em;
color: #FF4200;
}

#logo {
margin: 0px;
padding: 0px;
}

#headermain {
background: url("img/aboutus.jpg") no-repeat top right;
height: 200px;
}

#headertech {
background: url("img/technology.jpg") no-repeat top right;
height: 200px;
}

#headerservices {
background: url("img/services.jpg") no-repeat top right;
height: 200px;
}

#headerstaff {
background: url("img/staff.jpg") no-repeat top right;
height: 200px;
}

#headercontact {
background: url("img/contactus.jpg") no-repeat top right;
height: 200px;
}

#headeremploy {
background: url("img/employment.jpg") no-repeat top right;
height: 200px;
}


#navigation {
/*background: #FFF;*/
width: 300px; width/* */:/**/290px; width:/**/290px;
padding:5px;
float: left;
}	



#ftrbarcontainer{
width: 900px;
background: #666;
margin: 0 auto;
clear:both;
}	


#ftrbar{
background: #FF3300 url("img/footerbar.gif") no-repeat;
background-position: bottom center; 
width: 900px; width/* */:/**/880px; width:/**/880px;
padding: 10px;
margin: 0px;
font-size: 1.0em;
text-align: center;
font-weight: bold;
color: #FFF;
line-height: 2.0em;
}	


/* ----- PARAGRAPHS ----- */

p{
}
#primaryContent p{ padding: 5px; margin: 0px; background: #EEE;
}



/* ----- LISTS ----- */

#navigation ul{
background: #CCC; /*#1E2D3B;*/
color: #1E2D3B;
list-style: none;
font-size: 1.4em;
padding: 0px;
margin: 0px;
margin-top: 10px;
}

#navigation ul li{
border-bottom: 2px solid #DEE3E7;
padding: 5px;
padding-left: 15px;
color: #1E2D3B;
}

#home {
border-top: 2px solid #DEE3E7;
}
.navactive {
background: url("img/arrowbullet.png") no-repeat left;
color: #FF4200;
text-decoration: none;
padding-left: 15px;
}




/* ----- LINKS ----- */

a{
background: #A9BEC7;
color: #1E2D3B;
text-decoration:none;
}
a:hover{
}

#navigation a{
background: #DEE3E7;
color: #1E2D3B;
text-decoration:none;
}

#navigation a:hover{
background: #FFF;
border-bottom: 1px dotted #1E2D3B;
}

#navigation li a {
background: #CCC;
color: #1E2D3B;
text-decoration: none;
padding-left: 15px;
}

#navigation li a:hover{
background: url("img/arrowbullet.png") no-repeat left; /*#1E2D3B url("img/arrowbullet.png") no-repeat left;*/
color: #FF4200;
text-decoration: none;
padding-left: 15px;
border: none;
}

#primaryContent ul{
list-style: none;
padding: 0px;
margin: 0px;
}

#primaryContent li{
background: url("img/arrowbullet.png") no-repeat left #FFF;
padding-left: 15px;
}

#primaryContent li a {
background: #FFF;
color: #FF4200;
font-size: 1.2em;
text-decoration: none;
}


#primaryContent li a:hover {
background: #FFF;
color: #FF4200;
font-size: 1.2em;
text-decoration: underline;
}

#primaryContent p a{ background: #EEE; color: #1E2D3B; border-bottom: 1px dotted #1E2D3B; font-weight: bold;
}



a.tooltip{
position:relative; /*this is the key*/
z-index:24;
}

a.tooltip:hover{z-index:25;}

a.tooltip span{display: none;}

a.tooltip:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top: 0px;
left:200px;
background: #1E2D3B;
border-bottom: 1px dotted #FFF;
text-align: center;
padding: 5px;
color: #FFF;
}


#ftrbar a{
background: #FFF;
color: #FF4200;
text-decoration:none;
border-bottom: 2px dotted #FF4200;
}

#ftrbar a:hover{
background: #FF4200;
border-bottom: 2px dotted #FFF;
color: #FFF;
}


/* ----- FORMS ----- */

input, textarea{
background: #FC9;
}

input.errorform, textarea.errorform{
background: #FC9;
color: #FFF;
font-weight: bold;
}


input:focus, textarea:focus{
background: #FFF;
}

input.errorform:focus, textarea.errorform:focus{
background: #FFF;
color: #F30;
font-weight: bold;
}

    .errortext {
color:#F00; font-weight: bold;
    }


/* ----- HEADINGS ----- */

h1{
color: #FFF;
font-size: 2.0em;
padding: 5px;
text-align: right;
font-weight: bold;
margin-bottom:0px;
position : absolute;
left : -1000em;
}
h2{
font-size: 1.5em;
font-weight: bold;
background: #FFF; 
border-top: 1px solid #000;
border-bottom: 1px dotted #333;
margin-top:0px;
margin-bottom:0px;
padding: 10px;
padding-bottom: 0px;
padding-top: 20px;
padding-left:0px;
color: #1E2D3B;
}
h2 a{
background: #FFF;
}

h3{font-size: 2.0em;
font-weight: bold;
margin-top:0px;
margin-bottom:0px;
padding: 10px;
padding-bottom: 0px;
padding-top: 20px;
padding-left:0px;
color: #1E2D3B;
}

h4{
}