/*
Main blue: 000080
Red: F11545
Aqua: 3CE0E6
Green: F11545
*/

/*  Reset CSS v1.0 | 20080212 */
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, strike, strong, sub, 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%;vertical-align: baseline;}
body {line-height: 1}
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after, q:before, q:after {content: '';content: none}
/* remember to define focus styles! */
:focus {outline: 0}
/* remember to highlight inserts somehow! */
ins {text-decoration: none}
del {text-decoration: line-through}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0}
* {padding:0;margin:0}

body {
font: 100% Myriad Pro,Trebuchet MS,Arial,Sans-Serif;
background: #fefefe url(images/bg1.gif) repeat-x top;}

.clear {clear:both;background:none}

#page-wrap {
background: white;
min-width: 780px;
/*max-width: 1260px;*/
margin: 8px}

#page-wrap #inside {
margin: 0px 0px 0px 0px;
padding-bottom: 10px;
border:8px solid white}

#header {
height:360px;
background: url(images/bg_head_civil.gif) repeat-x bottom center;
text-align: center;}

#header_inner {
height:360px;
background: url(images/civil_top.jpg) no-repeat bottom center;
text-align: center;}


#left-sidebar {
width: 200px;
float: left;
padding:10px 0 190px 8px;
z-index:2;
position: relative;
background:#f3f3f3 url(images/bg2.gif) repeat-x bottom;}

#right-sidebar {
background:#d0d0d0;
width: 185px;
float: right;
padding-top: 5px;
z-index:90000;
position: relative;}

#main-content {
font-family: Arial,Sans-Serif;
padding: 10px 197px 0 225px;
position: relative;}

#footer {text-align: center;padding:0 0 20px 0}


/* Homepage */
#home #page-wrap {background:none;}

#home #footer {padding:10px 0 20px 0}

#home #header {
height:380px;
background: url(images/bg_home.png) no-repeat center -20px;
text-align: center;}

#home #page-wrap #inside {
margin: 0px 0px 0px 0px;
padding-top: 0px;
padding-bottom: 10px;
border:none;}

#home #services {
background:#d0d0d0;
width:944px;
margin:-50px auto 0 auto;
padding: 0px 0px 0px 5px;
height:430px}

#home #services ul{
text-align: center;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;}

#home #services li {
color: #000080;
font-size: 10px;
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;}

#home #services a  {
text-decoration:none;
position:relative;
display:block;
height: 417px;
width: 231px;
float:left;
background-position: 0 0;
background-repeat:no-repeat;
margin: 0px 2px 0px 2px;}

#home #services span{visibility:hidden}

#home .civil_engineering {background-image:url(images/civil_engineering.jpg)}
#home .electrical_engineering {background-image:url(images/electrical_engineering.jpg)}
#home .mechanical_engineering {background-image:url(images/mechanical_engineering.jpg)}
#home .fabrication {background-image:url(images/fabrication.jpg)}
/* End Homepage */


/* Civil Engineering */
#civil_engineering #header_inner {
background: url(images/civil_top.jpg) no-repeat bottom center;}
/* End Civil Engineering */


/* Mechanical Engineering */

#mechanical_engineering #header_inner {background: url(images/mech_top.jpg) no-repeat bottom center;}



#mechanical_engineering #logo h1{
background: url(images/logoME.gif) no-repeat scroll 0% 0%;
margin-top:5px;
width:160px;
height:126px;}

#mechanical_engineering #logo a {
width: 160px; 
height: 126px;}

#mechanical_engineering #header ul{margin-top: 234px}

/* End Mechanical Engineering */


/* Electrical Engineering */

#electrical_engineering #header_inner {background: url(images/EE_top.jpg) no-repeat bottom center;}


#electrical_engineering #logo h1{
background: url(images/logoME.gif) no-repeat scroll 0% 0%;
margin-top:5px;
width:160px;
height:126px;}

#electrical_engineering #logo a {
width: 160px; 
height: 126px;}

#electrical_engineering #header ul{margin-top: 234px}

/* End Electrical Engineering */


/* Fabrication */

#fabrication #header_inner {background: url(images/fabrication_top.jpg) no-repeat center 6px;}


#fabrication #logo h1{background: url(images/logo.gif) no-repeat scroll 0% 0%;}

/* End Fabrication */



/* Right sidebar services */
#side_services {
background:#d0d0d0 url(images/our_services.gif) no-repeat 10px top;
margin:0 auto;
margin-top:4px;
padding: 30px 0px 10px 0px;}

#side_services ul{
background: url(images/logo_small.gif) no-repeat center bottom;
text-align: right;
margin: 0px 0px 0px 0px;
padding: 0px 0px 70px 3px;}

#side_services li {
color: #000080;
font-size: 10px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 3px 0px;}

#side_services a {
font-family:arial;
padding: 4px 7px 0px 0px;
color: #000080;
font-size:13px;
text-decoration:none;
position:relative;
display:block;
height: 52px;
width: 170px;
font-weight:bold;
background: url(images/bg_right_nav.png) no-repeat top center;
margin: 0px 2px 0px 2px;}

#side_services a:hover,#side_services .current_page_item a,#side_services .current_page_ancestor a,#side_services .current_page_parent a {
color: #fff;
background-position:bottom center;}
/* End Right sidebar services */




h1 {font-size: 2em/1.8em;}

h2 {
font-size: 2.5em;
color: #000;
margin-bottom: 15px;
text-shadow:1px 1px 1px #CCCDD1;}

p{
line-height: 16px;
text-align:justify;
color: #111;
font-size:14px;
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;}



/* Logo */
#logo {
text-align:left;
width:186px;
height:98px;
float:left}

#logo h1 {
text-align:left;
margin:10px 0 0 20px;
text-indent:-1000px;
width:186px;
height:98px;
background: url(images/logo_civil.gif) no-repeat scroll 0% 0%;}

#logo a {
display: block;
width: 186px;
height: 98px;
text-decoration: none;
border: 0;}
/* End Logo */


/* Header Navigation */
#header ul{
text-align: center;
margin: 235px 0px 0px 0px;
padding: 0px 0px 0px 20px;}

#header li {
display: inline;
padding: 0px 0px 0px 0px;
margin: 0px 10px 0px 0px;}

#header li a {
padding: 0px 25px 1px 12px;
color: #fff;
font-size: 16px;
background: url(images/bg3.gif) no-repeat right center;
text-decoration:none;}

#header a:hover,#header .current_page_item a,#header .current_page_ancestor a,#header .current_page_parent a {text-decoration:underline;}

#header .page-item-79 a {
background:none;
padding: 0px 0 1px 12px;}
/* End Header Navigation */


/* Navigation */
#left-sidebar ul {
margin: 0px 0px 0px 3px;
padding: 0px 0px 0px 0px;
list-style: none;
text-align:left;}

#left-sidebar ul li{
margin: 0px 0px 5px 0px;
padding: 0px 0px 4px 3px;
float: left;
position: relative;
border-bottom:1px solid #dbdbdb}

#left-sidebar li a{
font-size: 17px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
text-decoration: none;
color: #000080;
display:block;
width: 180px;
font-weight:bold;}

div#left-sidebar li a:hover, div#left-sidebar li.current_page_item a{
color: #363636 !important;
text-decoration:none;}


div#left-sidebar ul li ul {
list-style: none;
position: relative;
left: 0;
top: 100%;
display: none;
border: 1px solid #FFF;
z-index:1000;}

div#left-sidebar ul li ul li{
background-image:none;
background:#f3f3f3;
margin: 0;
padding: 5px 0px 4px 3px;
z-index:1000;}


div#left-sidebar ul li:hover ul {
display: block;
position: absolute;
left: 180px;
z-index:1000;
top: -1px;
border-left: 1px solid #FFF;}

div#left-sidebar li ul li a{color:#000080}

div#left-sidebar li ul li a:hover{
background-image:none;
color: #363636;}

div#left-sidebar ul li ul li ul, div#left-sidebar ul li:hover ul li ul {
list-style: none;
position: relative;
left: 0;
top: 100%;
display: none;
border: 1px solid #FFF;
z-index:1000;}

div#left-sidebar ul ul ul li{
background-image:none;
background:#f3f3f3;
margin: 0px 0px 0px 0px;
z-index:1000;}

div#left-sidebar ul li ul li:hover ul {
display: block;
position: absolute;
left: 180px;
z-index:1000;
top: -1px;
border-left: 1px solid #FFF;}

div#left-sidebar ul ul ul li a{color: #000080;}

div#left-sidebar ul ul ul li a:hover{
background-image:none;
color: #363636;}
/* End Navigation */



#footer ul{
font-family: Arial,Sans-Serif;
text-align: center;
margin: 0px 0px 0px 0px;
padding: 7px 0px 0px 0px;}

#footer li {
color: #000080;
font-size: 12px;
display: inline;
padding: 0px 3px 0px 0px;
margin: 0px 0px 0px 0px;
border-right:1px solid #000080;}

#footer li.noborder {border:0}

#footer a {
padding: 0px 3px 1px 2px;
color: #000080;
font-size: 12px;
text-decoration:none;}

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


#main-content ul {
margin: 0px 0px 10px 5px;
padding: 0px 0px 0px 0px;
list-style: none;}

#main-content ul li{
background: url(images/dot.gif) no-repeat 1px 4px;
margin: 0px 0px 2px 0px;
padding: 0px 0px 0px 13px;}

#main-content a{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-decoration: underline;
color: #000080;}

#main-content a:hover{text-decoration:none;}

#main-content h2 a {text-decoration:none}


/* Breadcrumbs */
#main-content #breadcrumbs {
border-bottom:0px solid #cdcdcd;
text-align:left;
list-style: none;
padding:0 0px 0px 0;
margin:0 0 10px 0px;}


#main-content #breadcrumbs li{
background-image:none;
display:inline;
margin:0 0px 0px 0;
padding:0 6px 0px 0;
font-size:12px;
color:#696969;}

#main-content #breadcrumbs li a{
font-size:12px;
color:#696969;
background-image:none;
text-decoration:none;
padding:0px 0px 0 4px;}

#main-content #breadcrumbs li.front_page a{padding-left:0}

#main-content #breadcrumbs li a:hover{color:#000080;}

#main-content #breadcrumbs li.current a, #main-content #breadcrumbs li.current a:hover{
color:#696969;
cursor:default}
/* End Breadcrumbs */

#main-content .post_date {
font-size:12px;
color:#696969;
padding-left:19px;
background: url('images/time.png') no-repeat 0px 50%;}

#main-content .postmeta p, #main-content .postmeta a{
font-size:12px;
color:#696969;
text-align:left;
font-weight: normal;}

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;}

.alignleft {
float: left;}

.alignright {
float: right;}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;}

#main-content  .wpcf7 {margin-top:10px}

.ngg-galleryoverview  {
clear:none!important;}


.slideshow{
width:412px;
height:289px;}

.slide {
margin-left:185px;
margin-top:14px;
width:412px;
height:289px;}

#welcome #header ul{
text-align: center;
margin: 45px 0px 0px 0px;}

#welcome #logo {}

#welcome #header_inner {
background: url(images/welcome.jpg) no-repeat bottom center;}