/* GLOBAL DECLARATION */
* {font-family: tahoma, arial, helvetica, sans-serif; font-size: 11px; margin: 0; padding: 0;}
html, body {background: url('graphics/fillers/background.jpg') top repeat-x; background-color: white;} 

/* REPLACEMENT TAGS */
a {text-decoration: none;}
a:hover {text-decoration: underline;}
b, strong {font-weight: bold;}
em {font-style: italic;}
form {display: inline;}
h1, h2, h3 {display: block; font-weight: bold; padding-bottom: 10px;}
img {border: 0; display: inline; margin: 0; padding: 0;}
li {margin: .2em .1em .2em 2em;}
ol {margin: .8em 0 .8em 0;}
p {margin: 0px; padding: 0px}
table {border: 0; border-collapse: collapse; margin: 0; padding: 0;}
td {vertical-align: top;}
ul {margin: .8em 0 .8em 0;}

/* CONTAINER */
#container {margin: 0 auto 0 auto; width: 1000px;}

/* TOP AREA */
#top {height: 89px; width: 1000px;}
#logo {height: 108px; width: 1000px;}

/* MENU */
#menu {background: url('graphics/elements/menu.gif'); height: 41px; padding: 0 0 0 110px; width: 890px;}
#menu li {float: left; letter-spacing: 0.1em; margin: 0 2px 0 0; padding: 0; text-align: center;}
#menu li.home {width: 95px; margin-left:32px;}
#menu li.projects {width: 108px;}
#menu li.about {width: 109px;}
#menu li.quality {width: 95px;}
#menu li.health {width: 163px;}
#menu li.location {width: 108px;}
#menu li a {color: #FEFEFE; display: block; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 28px; padding-top: 13px;}
#menu li a:hover {background: url('graphics/fillers/mouseover.gif'); color: #FFFFFF; font-family: arial, helvetica, sans-serif; font-size: 12px; font-weight: bold; height: 28px; padding-top: 13px; text-decoration: none;}
#menu ul {list-style: none; margin: 0; padding: 0;}

/* WHITE PATTERN BASE AREA AND CONTENT ELEMENT */
#base {background: url('graphics/fillers/white.gif') top no-repeat; min-height: 200px; width: 1000px;}
#content {margin: 0 auto 0 auto; width: 811px;}

/* INFORMATION AREA WITH TEXT AND GRAPHICS */
#info {color: #012E5A; margin-left: 27px; padding: 30px 5px 0 5px; width: 727px;}
.proj { color:#2668a7; font-size:17px; font-family: 'arial'  }

/* FRONT PAGE BLOCKS */
#latest {clear: both; color: #012E5A; float: left; margin: 10px 0 45px 0; width: 747px;}
#latest .blueblock {background: url('graphics/fillers/bluebox.jpg'); float: left; height: 164px; margin-right: 13px; padding-right: 27px; width: 335px;}
#latest .frame {background: url('graphics/elements/frame.gif'); float: left; height: 134px; margin: 8px 15px 0 6px; padding: 7px 0 0 8px; width: 157px;}
#latest h1 {color: #012E5A; font-size: 12px; padding-top: 17px;}

/* ABOUT US */
#about {float: left; width: 727px;}
#aboutgap {clear: both; height: 20px;}
#people {color: #1E62A4; float: left; font-weight: bold; width: 181px;}
#people h1 {color: #012E5A; display: inline; font-size: 12px; margin: 0; padding: 0;}
#people li {background: url('graphics/elements/about.gif'); cursor: pointer; height: 33px;  margin: 0 0 4px 0; padding: 4px 0 0 10px; width: 171px;}
#people li.normal {background: url('graphics/elements/about.gif');}
#people li.selected {background: url('graphics/elements/about_select.gif');}
#people ul {list-style: none; margin: 0; padding: 0;}
.portfolio {color: #012E5A; float: left; padding-left: 30px; width: 516px;}
.portfolio h2 {color: #013366; display: inline; font-size: 18px; font-weight: normal;}
.portfolio h3 {color: #175DA1; display: inline; font-size: 18px; font-weight: normal;}
.portfolio img {float: right; margin-top: -10px; position: relative; vertical-align: top; z-index: 1;}

/* QUALITY ASSURANCE */
#quality { background: url('graphics/elements/bigframe.gif'); float: right; height: 216px; margin: 0 0 20px 20px; padding: 15px 0 0 14px; width: 250px;}
#spacer { clear: both; height: 60px; }
.spacer_sline { clear: both; height: 1px; background:url(graphics/elements/sline.gif) 0 0 repeat-x; margin:20px 0; }
.spacer_sline2 { clear: both; height: 1px; background:url(graphics/elements/sline.gif) 0 0 repeat-x; margin:30px 0 20px 0; }

/* HEALTH AND SAFETY */
#health {clear: both; height: 50px;}

/* PROJECT */
#project {clear: both; height: 20px;}
.projects {float: left; width: 727px;padding-top:5px;}
.projects h1 { color:#012E5A; font-size:12px; padding-top:12px; }
.projects h1 { color:#012E5A; font-size:12px; padding-top:12px; }

.projects p { clear:left }
.projects .text {float: left; margin-right: 20px; width: 311px;}
.projects .frame {background: url('graphics/elements/superframe.gif'); float: left; height: 323px; padding: 20px 0 0 20px; width: 376px;}
.projects .clear {clear: both;}
.projects .selection { height: 110px; margin: 10px 0 0 -15px; padding: 8px 0 0 10px; position: relative; width: 735px; z-index: 1;}
.projects .selection .porfolio {background: url('graphics/elements/miniframe.gif'); float: left; height: 83px; margin-right: 0px; padding: 5px 0 0 5px; width: 127px;}

.projects2 { margin-top:15px; width:742px; background: url('graphics/elements/projects2.gif') 0 0 no-repeat; position:relative; left:-14px; min-height:235px }
.projects2 .project { margin:10px 0 0 11px; width:135px; float:left; }
.projects2 .pic { background:url(graphics/elements/projects2-miniframe.gif) 0 0 no-repeat; width:135px; height:89px; }
.projects2 .pic img {margin-left:6px;margin-top:6px;}
.projects2 h1 { padding:8px; font-size:12px; height:25px; }
.projects2 p { padding:0 8px; height:100px }
.projects2 img.readmore { padding:8px; }

.dots {background: url('graphics/fillers/dots.gif'); clear: both; height: 61px; width: 721px;}

/* LOCATION */
#location {color: black; float: left; margin-bottom: 28px; width: 727px;}
#location .columns {float: left; padding-right: 40px; width: 323px;}
#location a {color: #457DB4; font-weight: bold;}
#map {float: left; margin: -3px 0 0 17px;}
#locationgap {clear: both; height: 20px;}

/* LOCATION: CONTACT FORM */
#contact {background: url('graphics/elements/form.gif'); float: left; height: 324px; width: 328px;}
#labels {color: #000000; float: left; line-height: 24px; margin: 50px 0 0 38px; width: 100px;}
#fields {float: left;  margin-top: 50px; width: 145px;}
#fields input.button {float: right; margin: 8px -9px 0 0;}
#fields input.textfield {border: 1px solid #E2E2E2; color: #457DB4; float: left; height: 18px; margin-bottom: 4px; padding: 1px 4px 0 4px; width: 145px;}
#fields textarea {border: 1px solid #E2E2E2; color: #457DB4; float: left; height: 40px; margin-bottom: 4px; padding: 0 4px 0 4px; width: 145px;}

/* FAQS */
#faqgap {clear: both; height: 50px;}

/* FOOTER AREA */
#footer {background: url('graphics/elements/footer.gif'); float: left; height: 33px; padding: 17px 0 0 35px; width: 746px;}
#footer li {display: block; float: left; margin: 0; padding: 0 51px 0 0;}
#footer li a {color: #FDFDFD; font-family: tahoma, arial, helvetica, sans-serif; font-size: 10px; text-align: center;}
#footer ul {list-style: none; margin: 0; padding: 0;}

/* ALL RIGHTS AND INTERNET DREAMS */
#pringuer {float: left; height: 31px; padding: 19px 15px 0 10px; width: 756px;}
#pringuer #allrights {color: #144F83; float: left; font-family: tahoma, arial, helvetica, sans-serif; font-size: 10px;}
#pringuer #netdreams {float: right;}
#pringuer #netdreams a {color: #144F83; float: left; font-family: tahoma, arial, helvetica, sans-serif; font-size: 10px;}
#pringuer #id {float: right; margin: -3px 0 0 10px;}