@charset "UTF-8";
/* CSS Document */

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }


/* layout.css */

html 	{ text-align : center;
background-image:url(../images/bg-fade.jpg);
background-position:center;  }

#wrapper{
background-color:#FFFFFF;
}
#popup-wrapper{
background-color:#CCCCCC;

}

body { 
position : relative; 
width : 900px; 
margin : 0 auto; 
text-align : left;
xfont: 100% Georgia, "Times New Roman", Times, serif  ;
color : #FFFFFF;}

body a:link {color:#FFFFFF}
body a:hover {color:#CCCCCC}
body a:visited {color:#FFFFFF}

.popup{
margin-top:25px;
width : 640px;
min-height:660px;
background-color:#CCCCCC;
}

.sanserif{
font-family:Geneva, Arial, Helvetica, sans-serif}

.dark{
color:#000000;
}

.small{
font-size: 80%;
}

.bold{font-weight:bold}

.quote{
font-style:italic;
padding: 10px;
}

#masthead{
width : 900px;
height: 158px;
xbackground-color: 05384e;
background : transparent url(../images/masthead-bg.gif);
background-repeat:no-repeat;
}

H1{
height: 80px;
margin-top: -150px;
margin-left: 320px;
text-indent: -3000px;
background-image:url(../images/branding.gif);
background-repeat:no-repeat;
}

H2{
font-size:160%;
padding-bottom:30px;
}

H3{
font-size:130%;
padding-bottom:10px;
}
.rp{
font-size: 110%;
line-height: 20px;
}

H4{
margin-left:30px;
line-height:80px;
font-size:500%;
font-weight:lighter;
}

#navigation{
text-align:right;
margin-right:27px;
}

#line-rule{
clear:both;
margin-left:140px;
width:553px;
height: 30px;
background-image:url(../images/line-rule.png);
background-repeat:no-repeat;

}

#line-rule-popup{
clear:both;
margin-left:45px;
height: 30px;
width:553px;
background-image:url(../images/line-rule-grey.png);
background-repeat:no-repeat;
}

ul#nav_features {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 90%;
position : relative;

height : 30px; }

ul#nav_features a:link {color:#FFFFFF;text-decoration:none;}
ul#nav_features a:hover {color:#CCCCCC; text-decoration:none;}
ul#nav_features a:visited {color:#FFFFFF; text-decoration:none;}

ul#nav_features li {
display : inline;

}

#image{
width: 900px;
height: 466px
}

.page1 {
background-image:url(../images/page-images/tim-hull.jpg)
}

.page2 {
background-image:url(../images/page-images/shipyard.jpg)
}

.page3 {
background-image:url(../images/page-images/workers-scaff.jpg)
}

.page4 {
background-image:url(../images/page-images/scaff.jpg)
}

.chris-rothwell-page {
background-image:url(../images/page-images/chris_rothwell.jpg)
}


#content{
width: 900px;
min-height:430px;
background-image:url(../images/light-beam-bg.gif);
background-repeat: no-repeat;
background-color:#FFFFFF;

}

.blank{
background-image:none;}

#content a:link { color:#003366;}
#content a:hover { color:#003366;}
#content a:visited { color:#003366;}

#left-text{
float:left;
width: 450px;
margin-left: 30px;
padding-top:50px;
}

#content_sub{
float:right;
width:365px;
}

#ongoing_project{
width:365px;
height:210px;
background-image:url(../images/ongoing-bg.png);
background-position:top;
}

#ongoing_copy{
padding-top:80px;
padding-left:30px;
padding-right:30px;


}

#wide-receiver{
clear:both;
width: 840px;
color:#000000;
margin-left:30px;
padding-right:30px;
}
#wide-copy{
margin-top:60px;
}

#wide-copy a:link { color:#003366;}
#wide-copy a:hover { color:#003366;}
#wide-copy a:visited { color:#003366;}

#ybdsa{
float: right;
width:100px;
height: 109px;
margin-right: 50px;
margin-top:55px;
xbackground-image:url(../images/ydsa.gif)
}

#ybdsa-chris{
float: right;
width:100px;
height: 109px;
margin-right: 50px;
margin-top:35px;
xbackground-image:url(../images/ydsa.gif)
}


#mca{
width:127px;
height:74px;
margin-top:60px;
margin-right:50px;
xbackground-image:url(../images/mca.png)}

#iims{
clear: both;
width:100px;
height:101px;
margin-top:40px;
margin-left:100px;
xbackground-image:url(../images/INMS.jpg);
xbackground-repeat:no-repeat;}

#iims-chris{
float:left;
width:100px;
height:101px;
margin-top:40px;
margin-left:50px;
xbackground-image:url(../images/INMS.jpg);
xbackground-repeat:no-repeat;}

#ce{
float: right;
width:150px;
height:60px;
margin-top:40px;
margin-right:30px;
xbackground-image:url(../images/CEproof-logo.png);
xbackground-repeat:no-repeat;}

ul#assoc{
line-height:30px;
}

#doublelist {width: 800px;
padding:30px;
}
  ul.left {float: left;
  color:#003366;
    width: 400px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
}
  ul.right {float: right;
  color:#003366;
    width: 400px; 
    margin: 0px;
    padding: 0px;
    border: 0px none; 
    list-style-position: inside;
    list-style-type: square;
}


ul.left a:link { color:#003366;}
ul.left a:hover { color:#003366;}
ul.left a:visited { color:#003366;}

ul.right a:link { color:#003366;}
ul.right a:hover { color:#003366;}
ul.right a:visited { color:#003366;}


ul#projects{
}

ul#projects li{
padding-bottom: 30px;
}

#thumb{
width: 80px;
height:60px;
padding-right:10px;
padding-bottom:10px;
float:left;
}

.project1{

background-image:url(../images/project-image.jpg);
background-repeat:no-repeat;
}

.clear{
xclear:left;
}

.speciality{
left:200px;
color:#006699;
font-style:oblique;
}

.download{
font-family:Arial, Helvetica, sans-serif;
font-weight: lighter;
font-size:60%;
color:#666666;
}

#project{
background-color:#CCCCCC;
float: left;
width: 300px;
min-height: 600px;
padding: 30px;
}

#project-right{
background-color:#CCCCCC;
float:right;
padding: 30px;
width: 190px;
}

#project-pic{
padding-bottom: 10px;
}



#site-info{
clear: both;
text-align:center;
width:900px;
height:53px;
background-image:url(../images/site-info-bg.gif);
}

#site-info-text{
padding:10px;
}