@charset "utf-8";
/* Copyright 2003-2008 Agent8 Design Limited CSS Document vNine - All rights reserved */

body {
margin: 0;
padding: 0;
background: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.0em; /* 16x1.125=18px */
letter-spacing: 0;
text-align: left;
word-spacing: normal;
text-decoration: none;
color: #4c4c4c;
background-color: #fff;
background-image:url(images/bg.jpg);
background-attachment:scroll;
background-position:top center;
background-repeat:repeat-x;
}

img {border:none; font-size: 0.7em;color:#979696;}

p {font-size: 0.7em; /* 16x0.5=8px */ padding:0px; margin:0px; }
p a{color:#4c4c4c;text-decoration:underline;}
p a:visited{color:#4c4c4c;text-decoration:underline;}
p a:hover{color:#979696;text-decoration:underline;}


.grey {color:#979696;text-decoration:none;}
.grey a{color:#979696;text-decoration:underline;}
.grey a:visited{color:#979696;text-decoration:underline;}
.grey a:hover{color:#4c4c4c;text-decoration:underline;}

.greyalt {color:#979696;text-decoration:none;}
.greyalt a{color:#979696;text-decoration:none;}
.greyalt a:visited{color:#979696;text-decoration:none;}
.greyalt a:hover{color:#4c4c4c;text-decoration:underline;}


.copyright {font-size: 0.6em; color:#b0b0b0;text-decoration:none; margin-bottom: 20px;}
.copyright a{color:#b0b0b0;text-decoration:none;}
.copyright a:visited{color:#b0b0b0;text-decoration:none;}
.copyright a:hover{color:#979696;text-decoration:none;}

.login {font-size: 0.6em; color:#979696;text-decoration:none;}
.login a{color:#979696;text-decoration:none;}
.login a:visited{color:#979696;text-decoration:none;}
.login a:hover{color:#4c4c4c;text-decoration:none;}


#wrapper{position:relative;width: 900px;margin: 0px auto;}
#logo{position:absolute;left: 0px;top: 43px;}

#nav_work{position:absolute;left: 613px;top: 55px;}
#nav_about{position:absolute;left: 693px;top: 55px;}
#nav_blog{position:absolute;left: 778px;top: 55px;}
#nav_contact{position:absolute;left: 851px;top: 55px;}

#main{position:absolute;left: 0px;top: 105px;}
#main2{position:absolute;left: 0px;top: 75px;}

#content{position:relative;left: 0px;top: 28px; width:900px;}
#content_c1{position:relative;left: 0px;top: 26px; width:280px;}
#content_c2{position:absolute;left: 305px;top: 0px; width:280px;}
#content_c3{position:absolute;left: 610px;top: 0px; width:280px;}
#content_c1_wide{position:relative;left: 0px;top: 26px; width:595px;}

.about_c2 { margin-left: 25px;}
.about_c3 { margin-left: 27px;}

#work_c1{position:relative;left: 0px;top: 0px; width:900px;}
#work_c2{position:absolute;left: 201px;top: 0px; width:100px;}
#work_c3{position:absolute;left: 402px;top: 0px; width:100px;}
/*.work_tn1{ margin-bottom:10px;} not using this one - using margin to the right negates two classes*/
.work_tn2{ margin:0px 10px 10px 0px;}


.worknav_tn{ margin:1px 5px 5px 0px;}

#footer{position:relative;left: 0px;top: 60px; padding-bottom: 20px; border-top: 1px solid #b0b0b0;}
#footer_c1{
	position:absolute;
	left: 0px;
	top: 5px;
	width: 900px;
}
#footer_c2{position:absolute;right: 0px;top: 5px;}

.signup { font-size: 0.8em; background-color: #fff; border: 1px solid #787878; padding-left:4px; float:left; width:120px; margin:0px; color:#979696; }
.butt_submit {margin-left:10px;}