/* http://www.raaengineers.com */

/* ---------- global ---------- */
*{ border:0; margin:0; padding:0; }

body{
	font: 15px Calibri, Helvetica, sans-serif;
	color: #252C68;
	background: #000100 url(images/test.jpg);
}

a{
	font-family: Calibri, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #626938;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
	color: #282b16;
}

/* ---------- header / nav ---------- */
#frontpagediv0{
	width: 921px;
	height: 163px;
	display:block;
	margin: -40px auto 0 auto;
}

#frontpagetopabove{position:relative;margin-left:auto;margin-right:auto;}
#frontpagetopabove li{margin:0;padding:0;list-style:none;position:absolute;top:30px;}
#frontpagetopabove li, #frontpagetopabove a{height:163px;display:block;}

#frametopabove{left:0px;width:921px;height:163px;}
#frametopabove{background:url('images/logo_top.png') 0 0;}

#frontpagediv1{
	width: 1084px;
	height: 55px;
	display:block;
	margin: -5px auto 0 auto;
}

#frontpagetop{position:relative;margin-left:auto;margin-right:auto;}
#frontpagetop li{margin:0;padding:0;list-style:none;position:absolute;top:30px;}
#frontpagetop li, #frontpagetop a{height:55px;display:block;}

#frametop{left:0px;width:1084px;height:55px;}
#frametop{background:url('images/frame_top.png') 0 0 no-repeat;}

#aboutus{left:70px;width:140px;height:55px;}
#aboutus{background:url('images/frame_top.png') -70px 0px;}
#aboutus a:hover{background:url('images/frame_top.png') -70px -55px;}

#projects{left:270px;width:140px;height:55px;}
#projects{background:url('images/frame_top.png') -270px 0px;}
#projects a:hover{background:url('images/frame_top.png') -270px -55px;}

#services{left:490px;width:120px;height:55px;}
#services{background:url('images/frame_top.png') -490px 0px;}
#services a:hover{background:url('images/frame_top.png') -490px -55px;}

#people{left:700px;width:100px;height:55px;}
#people{background:url('images/frame_top.png') -700px 0px;}
#people a:hover{background:url('images/frame_top.png') -700px -55px;}

#contactus{left:870px;width:168px;height:55px;}
#contactus{background:url('images/frame_top.png') -870px 0px;}
#contactus a:hover{background:url('images/frame_top.png') -870px -55px;}

/* ---------- main content wrappers ---------- */
#main{
	margin: 0 auto;
	width: 1084px;
}

#content_bg{ padding-left:0px; }

#contop{
	background: url(images/contop.png) no-repeat;
	height: 24px;
	margin-top: 30px;
}

#content{
	width: 1084px;
	background: url(images/mainbg.png) repeat-y;
}

#conbot{
	background: url(images/conbot.png) no-repeat;
	height: 79px;
}

/* ---------- page content area ---------- */
#single{
	width: 950px;
	margin: 0 auto;
	float: none;
}

#single h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
}

#single h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #1f1f06;
	font-size: 24px;
	text-align: center;
	padding-bottom: 5px;
	margin: 0 0 10px 0;
	background: url(images/title_left.gif) repeat-x bottom;
}

#single a{
	text-decoration: none;
	color: #252C68;
	font-weight: normal;
}
#single a:hover{
	text-decoration: underline;
	color: #1f1f06;
}

#single ul{
	list-style: disc;
	font-size: 16px;
	margin-bottom: 0px;
	padding-right:80px;
	padding-top: 5px;
	padding-bottom: 25px;
}
#single li{
	padding-left: 20px;
	margin-bottom: 10px;
}

/* ---------- projects listing page (tiles) ---------- */
#project{
	width: 950px;
	height: 500px;
	float: none;
	margin: 0 auto;
}

#project h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #1f1f06;
	font-size: 24px;
	text-align:center;
	height: auto;
	padding-bottom: 5px;
	margin: 0 0 10px 0;
	background: url(images/title_left.gif) repeat-x bottom;
}

#project ul{
	list-style: none;
	font-size: 16px;
	margin-bottom: 0px;
	padding-left:80px;
	padding-right:80px;
	padding-top: 5px;
	padding-bottom: 25px;
}

#project a{
	text-decoration: none;
	font-family: Calibri, Helvetica, sans-serif;
	color: #1f1f06;
	font-size: 20px;
	text-align:center;
}
#project a:hover{
	text-decoration: underline;
	color: #1f1f06;
}

#projecttable td{
	font-size: 0pt;
	width: 560px;
	background-repeat: no-repeat;
	background-position: center;
	text-align: center;
}

/* =========================
   Projects pages typography
   ========================= */

#single .projects-body{
	padding-left: 48px;   /* aligns body text to match legacy layout */
	padding-right: 80px;
	box-sizing: border-box;
}

#single .projects-body h3{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #1f1f06;
	font-size: 18px;
	line-height: 1.25;
	margin: 28px 0 14px 0;  /* ~2 lines before next h3, 1 line after */
}

#single .projects-body h3:first-child{
	margin-top: 0;
}

#single .projects-body h4{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #252C68;
	font-size: 16px;
	line-height: 1.25;
	margin: 14px 0 8px 0;
}

#single .projects-body p{
	margin: 0 0 10px 0;
	line-height: 1.35;
	text-align: justify;
}

#single .projects-body p.note{
	font-style: italic;
	margin-top: -6px;
	color: #1f1f06;
}

/* Indent content under section headers */
#single h3 + p,
#single h3 + ul,
#single h3 + div {
    margin-left: 30px;   /* adjust indent size here */
}

/* If multiple paragraphs follow */
#single h3 ~ p {
    margin-left: 30px;
}

/* Slight breathing room under h3 */
#single h3 {
    margin-bottom: 10px;
}

#project h3 {
    margin: 0 0 14px 0;   /* adds space below each link */
    line-height: 1.4;
}

/* ============================= */
/* Modern Projects Page Layout   */
/* ============================= */

.projects-grid {
    display: flex;
    justify-content: center;
    gap: 120px;            /* horizontal space between columns */
    padding: 40px 0 60px 0;
}

.projects-column {
    display: flex;
    flex-direction: column;
    gap: 22px;             /* vertical space between links */
}

#project h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
}

#project h3 a {
    text-decoration: none;
    color: #252C68;
}

#project h3 a:hover {
    text-decoration: underline;
}