body {
background-color:#fff;
color:#666;
font:11px Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}

/* MAIN STRUCTURE start */
#container {
width:760px;
margin:auto;
background: url('/images/back-dots.gif') repeat-y top left;
}

#innercontainer {
float:left;
}

#header {
height:176px;
background-color:#00b4d2;
}

#extratop, #extratop-photogallery {
margin:0;
padding:0;
}

#content {
float:left;
width:470px;
padding:20px;
}

#right {
float:right;
width:250px;
}

#right-content {
padding:20px;
}

#footer{
clear:both;
padding:30px 20px 20px;
}
/* MAIN STRUCTURE end */

/* MAIN ELEMENTS start */
#content p, #right-content p {
margin:5px 0;
}

#content img {
border:1px solid #999;
}

#content img.right {
float:right;
margin:5px 0 5px 10px;
}

#content img.left {
float:left;
margin:10px 10px 5px 0;
}

#content img.thumb {
float:right;
width:180px;
height:120px;
border:1px solid #999;
}

a, #content a, #right-content a {
color:#666;
text-decoration:underline;
}

a:hover, #content a:hover, #right-content a:hover, a.more:hover, #content a.more:hover, #right-content a.more:hover {
color:#00b4d2;
}

a.more, #content a.more, #right-content a.more {
text-decoration:none;
font-weight:bold;
}

a.white, #content a.white, #right-content a.white, a.more.white, #content a.more.white, #right-content a.more.white {
color:#d4f6fc;
}

a.white:hover, #content a.white:hover, #right-content a.white:hover, a.more.white:hover, #content a.more.white:hover, #right-content a.more.white:hover {
color:#fff;
}

hr.bluedots {
border:none;
border-bottom:2px dotted #00B4D2;
margin:10px 0;
}

/* MAIN ELEMENTS end */

/* FORM ELEMENTS start */
#content label{
float:left;
display:block;
width:150px;
margin:0;
padding:0;
font-weight:bold;
}

#content input {
display:inline;
margin:0;
padding:1px 3px;
font:normal 11px Arial, Helvetica, sans-serif;
}

#content select {
font:normal 11px Arial, Helvetica, sans-serif;
}

.w50 {
width:50px;
}

.w100 {
width:100px;
}

.w250 {
width:250px;
}

.submit, #content input.submit {
border:none;
background:none;
color:#666;
font:bold 12px Arial, Helvetica, sans-serif;
text-align:left;
padding:0;
margin:0;
}
.submit:hover, .submit:active {
color:#00b4d2;
}

/* FORM ELEMENTS end */

/* HEADINGS start*/
h1, h2, h3, h4, h5, h6 {
font-family:Arial, Helvetica, sans-serif;
color:#666;
margin:0;
}

h1 {
font-size:12px;
font-weight:bold;
}

h1.title {
color:#00b4d2;
text-transform:uppercase;
background: url('/images/blue-disks.gif') no-repeat 0px 3px;
padding-left:30px;
margin-bottom:15px;
}

h1.title span {
border-bottom:2px dotted #00b4d2;
}

h2 {
font-size:11px;
font-weight:bold;
text-transform:uppercase;
}

h3 {
font-size:11px;
font-weight:bold;
}

h4 {
font-size:11px;
font-weight:normal;
}

h5 {
font-size:10px;
font-weight:normal;
}

h6 {
font-size:10px;
font-weight:bold;
}

/* HEADINGS STYLES end */

/* HEADER ELEMENTS and MAIN NAVIGATION MENU start */
#header img#logo {
float:right;
}

#header #blue-bar {
clear:both;
float:left;
width:760px;
height:10px;
background:#fff url('/images/blue-bar_back.gif') repeat-x left top;
}

ul#navmenu {
float:left;
display:block;
width:495px;
height:15px;
list-style-type:none;
margin:130px 0 0 15px;
padding:0;
}

ul#navmenu li {
display:inline;
margin:0;
padding:0;
}

ul#navmenu li, ul#navmenu li a {
color:#d4f6fc;
text-decoration:none;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
}

ul#navmenu li a {
float:left;
display:block;
height:15px;
text-decoration:none;
margin:0 5px;
padding:0;
}

ul#navmenu li a:hover {
color:#fff;
}

ul#navmenu li a#home {
background: url('/images/nav/home.gif') no-repeat scroll top left;
width:33px;
}

ul#navmenu li a#about {
background: url('/images/nav/about.gif') no-repeat scroll top left;
width:48px;
}

ul#navmenu li a#services {
background: url('/images/nav/services.gif') no-repeat scroll top left;
width:42px;
}

ul#navmenu li a#security {
background: url('/images/nav/security.gif') no-repeat scroll top left;
width:42px;
}

ul#navmenu li a#working {
background: url('/images/nav/working.gif') no-repeat scroll top left;
width:102px;
}

ul#navmenu li a#projects {
background: url('/images/nav/projects.gif') no-repeat scroll top left;
width:43px;
}

ul#navmenu li a#news {
background: url('/images/nav/news.gif') no-repeat scroll top left;
width:27px;
}

ul#navmenu li a#contact {
background: url('/images/nav/contact.gif') no-repeat scroll top left;
width:42px;
}

ul#navmenu li a#profile {
background: url('/images/nav_subcontractor/my-profile.gif') no-repeat scroll top left;
width:58px;
}

ul#navmenu li a#tenders {
background: url('/images/nav_subcontractor/tenders.gif') no-repeat scroll top left;
width:48px;
}

ul#navmenu li a#projects_subcon {
background: url('/images/nav_subcontractor/projects2.gif') no-repeat scroll top left;
width:48px;
}

ul#navmenu li a#help {
background: url('/images/nav_subcontractor/help.gif') no-repeat scroll top left;
width:28px;
}

ul#navmenu li a#announcements {
background: url('/images/nav_subcontractor/announcements.gif') no-repeat scroll top left;
width:87px;
}

ul#navmenu li a#logout {
background: url('/images/nav_subcontractor/logout.gif') no-repeat scroll top left;
width:38px;
}

ul#navmenu li a#home:hover, ul#navmenu li a#about:hover, ul#navmenu li a#services:hover, ul#navmenu li a#working:hover, ul#navmenu li a#projects:hover, ul#navmenu li a#news:hover, ul#navmenu li a#contact:hover, ul#navmenu li a#security:hover,

#page-home ul#navmenu li a#home, #page-about ul#navmenu li a#about, #page-services ul#navmenu li a#services, #page-security ul#navmenu li a#security, #page-working ul#navmenu li a#working, #page-projects ul#navmenu li a#projects, #page-news ul#navmenu li a#news, #page-contact ul#navmenu li a#contact,

ul#navmenu li a#profile:hover, ul#navmenu li a#tenders:hover, ul#navmenu li a#projects_subcon:hover, ul#navmenu li a#help:hover, ul#navmenu li a#announcements:hover, ul#navmenu li a#logout:hover,

#page-profile ul#navmenu li a#profile, #page-tenders ul#navmenu li a#tenders, #page-projects_subcon ul#navmenu li a#projects_subcon, #page-help ul#navmenu li a#help, #page-announcements ul#navmenu li a#announcements, #page-logout ul#navmenu li a#logout

{
background-position:bottom left;
}
/* HEADER ELEMENTS and MAIN NAVIGATION MENU end */

/* SIDE NAVIGATION MENU start */
ul#sidenav {
list-style-type:none;
margin:0;
padding:0;
}

ul#sidenav li {
margin:0;
padding:0 0 10px 0;
}

ul#sidenav li a {
font:bold 11px Arial, Helvetica, sans-serif;
color:#666;
text-decoration:none;
text-transform:lowercase;
}

ul#sidenav li a span {
text-transform:uppercase;
}

ul#sidenav li a:hover, ul#sidenav li a.current,

body.people ul#sidenav li a#people, body.video ul#sidenav li a#video
{
color:#00b4d2;
}
/* SIDE NAVIGATION MENU end */

/* FOOTER ELEMENTS start */
#footer a {
color:#666;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer span {
float:right;
}
/* FOOTER ELEMENTS end */

/* for the HOMEPAGE only start* /
#extratop-flash {
clear:both;
}

#contenthomecontainer {
float:left;
width:308px;
}

#contenthome {
margin:auto;
padding:0 15px;
background-color:blue;
}

#contenthome p{
margin:0;
}
/* for the HOMEPAGE only end*/

/* BUTTONS start */
a.button, #content a.button, #right-content a.button {
color:#57d0e4;
font:12px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-weight:bold;
}

a.button:hover, #content a.button:hover, #right-content a.button:hover {
color:#00b3d2;
}

a#b_joinmailist {
display:block;
width:122px;
height:27px;
background: url('/images/buttons/join-mailing-list.gif') no-repeat left top;
}

a#b_joinmailist:hover {
background-position:left bottom;
}

a#b_watch-video {
display:block;
width:155px;
height:27px;
background: url('/images/buttons/watch-video.gif') no-repeat left top;
}

a#b_watch-video:hover {
background-position:left bottom;
}

a#b_sub-signup {
display:block;
width:103px;
height:29px;
background: url('/images/buttons/uniport_sub.gif') no-repeat left top;
}

a#b_sub-signup:hover {
background-position:left bottom;
}


/* BUTTONS end */

/* GALLERY ELEMENTS start */

#contentcontainer {
float:left;
width:510px;
overflow:hidden;
}

.projectcontainer {
float:left;
width:182px;
height:220px;
margin:0 35px 10px 0;
overflow:hidden;
}

img.project, #content img.project {
float:none;
border:1px solid #999;
margin:0 0 5px 0;
width:180px;
height:120px;
}

#content span.specifications {
float:left;
display:block;
width:70px;
font-weight:bold;
margin:0 0 5px 0;
padding:0;
}

table.projectdetails {
border-collapse:collapse;
width:470px;
}

table.projectdetails th {
width:95px;
font-weight:normal;
text-align:left;
vertical-align:top;
padding:7px 0 7px 35px;
}

table.projectdetails td {
padding:7px 7px 7px 0;
}

table.projectdetails td.testimonial {
font-style:italic;
}

.dark {
background-color:#ebf7f9;
}

#photogallery {
float:left;
width:508px;
margin:0 2px 0 0;
overflow:hidden;
}

#photogallery span, #projectright span {
display:block;
background-color:#00b4d2;
margin:2px 0 0;
padding:5px 20px;
}

#imgcontainer {
height:220px;
}

#projectright {
width:250px;
}

/* GALLERY ELEMENTS end */

/* OTHER ELEMENTS start */
.hidden {
display:none;
}

.left {
float:left;
}

.right {
float:right;
}

ul.linklist {
color:#00b4d2;
}

ul.linklist li {
margin: 0 0 10px;
}

ul.linklist ul, ul.linklist ul li {
list-style:none;
margin:0;
padding:0 0 0 10px;
}

ul.linklist a, #content ul.linklist a {
color:#666;
text-decoration:none;
font-weight:bold;
text-transform:lowercase;
}

ul.linklist a span, #content ul.linklist a span {
text-transform:none;
}

ul.linklist a:hover, #content ul.linklist a:hover {
color:#00b4d2;
}

/* OTHER ELEMENTS end */