html {background: #cb0d26 url('../images/bg-footsteps.jpg') top center no-repeat;}
body { background: url('../images/pattern.png') repeat ; color: #fff; font-family: "Source Sans Pro", sans-serif; font-weight: 400; font-style:normal; font-size: 0.85em; margin-top: -30px; line-height:160%}
h1, h2, h3, h4, h5, h6 { margin:0px 0 20px 0; font-family: "Source Sans Pro", sans-serif; font-weight: 600; }
h1 { font-size:26px; line-height:30px; }
h2 { font-size:24px; line-height:28px; }
h3 { font-size:18px; line-height:22px; }
h4 { font-size:16px; }
h5 { font-size:12px; }
h6 { font-size:10px; }
/* menu + content = #all *************************************************************************************************/
#all { width:1000px; margin:0 auto; }
/* main content header & wrapper ************************************************************************************/
.content { min-width: 700px; width: 700px; margin: 30px 75px 0 25%; padding: 0px 20px; display:block; float:left;}
.content #title-img { float: left; margin: 0 0 20px 0; }
.content br { clear: both; }
.content li { padding-right: 25px; }
#space { height:350px; width:700px; display:block; float:left; }
/* menu ***************************************************************************************************************/
#nav-menu { text-align: left; position: fixed; top: 20px; z-index: 10; padding: 1px 1px 5px 1px; font-size: 1.3em; font-family: "Source Sans Pro", sans-serif; font-weight: 400; }
#nav-menu ul { list-style-type: none; margin: 0; padding: 0; }
#nav-menu li { color: #ffffff; margin-bottom: 10px; text-align: left; }
#nav-menu a { text-decoration: none; color: #ffffff; padding:4px 8px; width:140px; display:block;}
#nav-menu a:hover { background: url('../images/btn-menu.png') repeat; }
#nav-menu li.selected { background: url('../images/btn-menu.png') repeat; width:156px; }
#nav-menu li.selected a { color: #ffffff; }
#nav-menu li.selected a:hover { color: #ffffff; }
/* menu > logo ********************************************************************************************************/
#nav-logo { width: 150px; height: 68px; background: url('../images/logo.png'); margin: 0 0 40px 0; }
/* menu > address *****************************************************************************************************/
#nav-address { margin: 50px 0 0 8px; font-size: 0.8em; }
/* menu > social ******************************************************************************************************/
#social { margin:20px 0 0 0; }
#social span { padding:0 0 0 8px; }
#social a { margin:10px 10px 0 8px; }
#social #facebook-icon { width: 26px; height: 18px; display: block; background: url('../images/fb.png') no-repeat; float: left; }
#social #facebook-icon:hover { background-position:0 -26px; }
#social #twitter-icon { width: 26px; height: 18px; display: block; background: url('../images/tw.png') no-repeat; float: left; }
#social #twitter-icon:hover { background-position:0 -26px; }
#social #drb-icon { width: 26px; height: 18px; display: block; background: url('../images/drb.png') no-repeat; float: left; }
#social #drb-icon:hover { background-position:0 -26px; }
/* menu > social > tooltip*********************************************************************************************/
.tooltip { font-size: 0.7em; }
#social #facebook-icon.tooltip span { display:none; padding:3px 8px; margin:32px 0 0 -26px; width:auto; }
#social #facebook-icon.tooltip:hover span{ display:inline; position:absolute; background:url('../images/facebook-bgtooltip.png') repeat; color:#fffffff; }
#social #twitter-icon.tooltip span { display:none; padding:3px 8px; margin:32px 0 0 -20px; width:auto; }
#social #twitter-icon.tooltip:hover span{ display:inline; position:absolute; background:url('../images/twitter-bgtooltip.png') repeat; color:#fffffff; }
#social #drb-icon.tooltip span { display:none; padding:3px 8px; margin:32px 0 0 -23px; width:auto; }
#social #drb-icon.tooltip:hover span{ display:inline; position:absolute; background:url('../images/drb-bgtooltip.png') repeat; color:#fffffff; }
/* hello - 1° page ***********************************************************************************************************/
.home-left-column { position:relative; overflow:hidden; float:left; width:48%; margin:-200px 0 0 0; height:300px; }
.home-left-column img { width:260px; height:150px; border: 5px solid #eda430; }
.home-left-column a { width:251px; height:43px; margin: 30px 0 0 28px; display:block; background:url('../images/home-btn-col-left.png') no-repeat; background-position: center top; }
.home-left-column a:hover { background-position: center bottom; }
.home-right-column { position:relative; overflow:hidden; float:left; width:48%; margin:-100px 0 0 0; left: 13%;}
.home-right-column p { margin:20px 0 0 0; }
.home-right-column a { width:251px; height:43px; margin: 30px 0 0 28px; display:block; background:url('../images/home-btn-col-right.png') no-repeat; background-position: center top; }
.home-right-column a:hover { background-position: center bottom; }
.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* what we do - 2° page ***********************************************************************************************************/
#services .services-type {display:block; float:left; margin: 0 0 20px 0; }
#services span {display:block; float:right; width:610px; margin:5px 0 0 20px; border-left: 1px solid #eda430; padding: 0 0 0 20px; }
/* what was done - 3° page ***********************************************************************************************************/
#projects #projects-frame li { display: block; background:#eda430; width: 188px; height: 250px; float:left; margin: 0 20px 20px 0; border-bottom: 2px solid #a60b1f; font-weight: 600; font-family: "Source Sans Pro", sans-serif;}
#projects #projects-frame li:hover { background:#fff; border-bottom: 2px solid #ffa700;}
#projects #projects-frame img { display: block; width: 194px; height: 169px; margin: 10px; border-bottom:2px solid #a60b1f; border-top:1px solid #a60b1f; }
#projects #projects-frame span { display: block; margin: 10px; color:#a60b1f; }
#projects #projects-frame p { margin: 10px; color:#eda430; }
/* who are we - 4° page *************************************************************************************************************/
#about .columns-about > img { border: 5px solid #eda430; margin:10px 10px 10px 13px; display:block;}
#about .columns-about > h4 { margin-bottom:0px; display:block;}
.columns-about { padding: 10px 10px 10px 5px; text-align:center; display:block; }
.columns-about h4 { font-weight: bold; }
#person1 { float:left; width:215px; display:block; border-right: 1px solid #eda430;}
#person2 { float:left; width:215px; display:block; }
#person3 { float:left; width:215px; display:block; border-left: 1px solid #eda430;}
/* keep in touch - 5° page ***********************************************************************************************************/
#left { position: relative; overflow: hidden; float: left; width: 48%; }
#right { position: relative; overflow: hidden; float: left; width: 48%; left: 3%; }
form {margin:20px 0 50px 0; font-family: "Source Sans Pro", sans-serif;}
.contact-input { border:5px solid #fff; width:90%; padding: 10px; color:#cb0d26; font-family: "Source Sans Pro", sans-serif;}
.contact-input:hover { border:5px solid #eda430; }
.contact-input:focus { border:5px solid #eda430; }
.contact-submit { background:none; color:#fff; border:none; margin-top:10px; width:99%; padding:10px; text-align:left; font-family: "Source Sans Pro", sans-serif;}
.contact-submit:hover { background: #eda430; border:none;}
#google-map { margin:20px 0; border: 5px solid #eda430;}
/* footer *************************************************************************************************************/
#footer { min-width: 500px; width: 700px; border-top: 1px solid #fff; margin: 20px 75px 0 25%; padding: 10px 15px; text-align: left; font-size: 0.8em; clear: both;}