body {
font-family:verdana, geneva, arial, helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#3a4f6c;
text-align:center;
height:100%;
margin:0;
padding:0
}
#wrap {
background:#fff url(/media/images/home/bg_header.jpg) repeat-x top;
height:100%;
width:100%;
overflow:visible
}

h1 {
font-size:18px;
padding-top:3px;
padding-bottom:3px;
text-transform:normal;
font-weight:700;
margin:10px 0
}

h2 {
font-size:16px;
padding-top:3px;
padding-bottom:3px;
font-weight:700;
margin:10px 0
}

h2 a {
font-size:16px;
padding-top:3px;
padding-bottom:3px
}

h3 {
font-size:12px;
font-weight:700;
text-transform:uppercase;
margin:10px 0
}

h4,h5 {
font-size:12px;
font-weight:700
}
td {line-height:1.4em}
p {
font-size:12px;
text-align:left;
line-height:1.45em
}

a,a:visited {
text-decoration:none;
color:#00f
}

a:hover {
text-decoration:underline;
color:#f60
}

img {
border:0
}

.pics {
height:204px;
width:770px;
overflow:hidden;
margin:0;
padding:0
}

.pics img {
height:204px;
width:770px;
top:0;
left:0
}

input,select,table,textarea {
font-family:verdana, geneva, arial, helvetica, sans-serif;
font-size:12px
}

ul {
margin-left:0;
padding-left:15px;
list-style:disc;
line-height:1.5em
}

#container {
width:770px;
text-align:left;
padding-top:20px;
margin:auto
}

#content {
width:770px;
margin-top:20px;
background-color:#FFF
}

#contenthome_left {
width:520px;
float:left;
display:inline;
margin:0 20px 20px 0
}

#contenthome_right {
width:230px;
float:left;
display:inline;
margin:0 0 20px
}

#content_left {
width:190px;
float:left;
display:inline;
margin:10px 30px 20px 0
}

#content_right {
width:550px;
float:left;
display:inline;
margin:0 0 20px
}

#header {
text-align:left;
height:310px
}

#logo {
background:url(/media/images/home/agfirstlogo_netlabAGF_small.png) no-repeat;
height:52px;
width:100px;
float:left
}

#clientlogin {
width:200px;
font-size:10px;
padding-bottom:20px;
border-bottom:1px dashed #ccc
}

#clientlogin form,#clientlogin table,#clientlogin input,#clientlogin submit {
font-size:12px
}

#banner {
padding:10px 0 11px
}

#nav ul {
height:23px;
margin:0;
padding:0
}

#nav ul li {
display:inline;
float:left;
height:25px;
width:108px;
text-align:center;
margin-right:2px;
padding:10px 0 0
}

.navon a,.navon a:hover {
color:#000;
text-decoration:none
}

.navon {
background:transparent url(/media/images/home/bg_nav.jpg) no-repeat left;
color:#000
}

.navoff {
background:transparent url(/media/images/home/bg_nav.jpg) no-repeat right;
color:#00f
}

#divider {
border-top:1px solid #ccc;
height:2px;
margin:20px 0
}

#dotted_divider {
border-top:1px dashed #ccc;
height:2px;
margin:20px 0
}

#loginError {
color:red;
font-size:11px
}

#sidesection {
text-align:center;
border-bottom:1px dashed #ccc;
padding:20px 0
}

#sidesection h4 {
margin-bottom:0
}

#yellowbg {
border-top:1px solid #343434;
background-color:#FFFBe5;
padding:8px
}

#greybg {
border-top:1px solid #ddd;
background-color:#f4f4f4;
padding:8px
}

.container {
position:relative;
color:#000;
width:auto;
background-color:#f3f3f3;
border:1px #e3e4e4 solid;
padding:8px
}

div.corner {
position:absolute;
width:8px;
height:8px;
border:0;
background-attachment:scroll;
background-image:url(/media/images/grey_circle.png);
margin:0;
padding:0
}

div.top_left {
top:-1px;
left:-1px;
background-position:0 0
}

div.top_right {
top:-1px;
right:-1px;
background-position:8px 0
}

div.bottom_left {
bottom:-1px;
left:-1px;
background-position:0 8px
}

div.bottom_right {
bottom:-1px;
right:-1px;
background-position:8px 8px
}

#services_table h4 {
margin-top:0
}

#services_table tr td {
border-bottom:1px dotted #ccc;
padding:10px 5px
}

.project {
width:296px;
height:100px;
border-right:1px dashed #ccc;
border-top:1px dashed #ccc;
float:left;
padding:20px
}

.project a {
color:#000
}

.project_img {
width:100px;
height:100px;
float:left;
margin-right:20px
}

#project p {
text-align:left;
font-size:12px;
margin-top:5px
}

#project h4,#project h4 a {
color:#000;
margin:0 0 5px
}

#project tr td {
width:200px;
padding:0 10px
}

span.border {
display:block;
position:relative;
margin:0 0 1em
}

span.border img {
display:block;
margin:0
}

span.border span {
display:block;
position:absolute;
z-index:100;
top:0;
left:0;
border:2px solid #fff;
opacity:.5
}

.services {
float:left;
width:245px;
position:relative
}

.services li {
padding:5px
}

#team tr td h3,#team tr td h4,#team tr td p {
margin:5px
}

#team tr td {
border-bottom:1px dashed #ccc;
padding:15px 0
}

#footerline {
background-color:#7c97b5;
height:5px
}

#footer {
background-color:#3a4f6c;
text-align:center;
margin:0;
padding:20px 0
}

#footer ul li {
display:inline;
float:left;
padding-right:5px
}

#footer ul li a {
color:#7890ad;
text-transform:uppercase
}

#footer ul,#footer p {
width:770px;
text-align:left;
color:#7890ad;
text-transform:uppercase;
margin:auto;
padding:0
}

#footer p {
clear:both;
margin:0 auto
}
a.pdf {
    background-image: url("/media/images/icons/fileicons/pdf.png");
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
    margin-right: 10px;
    padding-left: 20px;
    padding-top: 3px;
}