/* basic elements----------------------------------*/
html {
	margin-bottom: 0;
	padding: 0;
	}
body { 
	font: 75% georgia, sans-serif;
	line-height: 1.7777;
	color:#000; 
	background: #251e06;
	background-image:url(images/tdd_bg.jpg);
	margin: 0; 
	padding: 0;
	word-wrap: break-word;
	font-size:12px;
	}
p { 
	font-family:Verdana, Geneva, sans-serif;
	margin-top: 0; 
	text-align: left;
	}
h1{ position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
	display:none;
    }
h2 { 
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: 1px; 
	font-size:28px;
	margin-bottom: 15px; 
	color: #2a4302;
	font-weight: normal;
	}
h3 { 
	font-family:Verdana, Geneva, sans-serif;
	letter-spacing: 1px; 
	font-size:12px;
	font-weight: bold; 
	margin-bottom: 0; 
	color: #541800;
	}
li {font-family:Verdana, Geneva, sans-serif;
	font-family:
	margin-top: 0; 
	text-align: left;
	}
	
a:link { 
	font-weight: normal; 
	text-decoration: uderline; 
	color: #2a4302;
	}
a:visited { 
	font-weight: normal; 
	text-decoration: underline; 
	color: #2a4302;
	}
a:hover, a:active { 
	text-decoration:none; 
	color:#2a4302;
	}
acronym {
	border-bottom: none;
	}
	
h4 
    {font-family:Verdana, Geneva, sans-serif;
	margin-top: -8px;
	text-align: right;
	font-weight: normal;
	}





/* HEADER------------------------------------------------------------*/
#bannerbg {background: transparent; position:relative; top: 0px; left: 0px; width: 100%; height: 100px; margin-bottom: 20px; border:none; }
#banner_logo {background: transparent url(images/tdd_logo2.png) no-repeat; position:relative; width: 900px; left:0px; top: 10px; margin: 15px auto; height: 122px; margin-bottom: 25px; border:none; -moz-border-radius:8px; -webkit-border-radius: 8px; }
#contact_info {background: transparent url(images/xxx_icons.gif) no-repeat bottom right ; float:right; position: absolute; left: 670px; top: -140px; width: 300px;margin: 15px auto; border:none; font-size:16px; padding-bottom:20px;}


/* Main Content---------------------------------------------*/
#container { background: transparent; position:relative; top: 30px; width:950px; margin: auto; margin-bottom: 100px; height:720px; }
#main_content {background: url(images/tdd_main_bg.jpg) center; display: block; background-color: #f2f1ef; position:absolute; left: 6px; top: 0px; width:455px; height:740px;
-moz-border-radius:8px; -webkit-border-radius: 8px; padding: 0px 50px 20px 58px;}
#spacer { background-color: #f2f1ef; position:absolute; left: 0px; top: 420px; height:40px; width:540px; padding: 0px; background:url(images/title_spacer.jpg) no-repeat bottom;}
#main_content span {line-height: 2.5;}

/* RECENT WORK---------------------------------------------*/
#recent_work {background: url(images/tdd_main_bg.jpg) left; display: block; background-color: #f2f1ef; position:absolute; left: 580px; top: 0px; height:500px; width:300px;
 padding: 0px 30px 30px 30px; -moz-border-radius:8px; -webkit-border-radius: 8px;}
#recent_image { background-image:url(images/tdd_bg.jpg); position:absolute; left:4px; float: left; width: 340px; height:460px; margin-top:20px; padding:6px;}

/* ABOUT---------------------------------------------*/
#about_content {background: url(images/tdd_main_bg.jpg) center; display: block; background-color: #f2f1ef; position:absolute; left: 6px; top: 0px; width:850px; height:550px;
-moz-border-radius:8px; -webkit-border-radius: 8px; padding: 0px 45px 30px 58px;}
#about_content ul {margin: 0; padding-left: 18px;}
#about_content li {list-style-type:disc; padding-top:10px;}
#about_right {background: url(images/tdd_main_bg.jpg) left; display: block; background-color: #f2f1ef; position:absolute; left: 580px; top: 0px; height:500px; width:300px;
 padding: 0px 30px 30px 30px; -moz-border-radius:8px; -webkit-border-radius: 8px;}
#about_image { background-image:url(images/tdd_bg.jpg); position:absolute; left:4px; float: left; width: 340px; height:269px; margin-top:20px; padding:6px;}


/* WORK---------------------------------------------*/
#work_container { background: transparent; position:relative; top: 30px; width:950px; height:950px; margin: auto; margin-bottom: 150px;}
#work_content  {background: url(images/tdd_main_bg.jpg) center; background-color: #f2f1ef; position:absolute; left: 6px; top: 0px; width:850px; height:980px;
-moz-border-radius:8px; -webkit-border-radius: 8px; padding: 0px 50px 35px 58px; margin-bottom:100px;}
#work_images {position:absolute; left:20px; top:80px; width:950px;}
#work_images ul li {float:left; width:205; list-style:none; margin-right:30px; margin-bottom:30px; background-color:#333; padding:2px;}


/* WORK---------------------------------------------*/
.portfolio a {margin-bottom: 60x; border:none;}
.closewindow {}

/* THANK YOU---------------------------------------------*/
#ty_content  {background: url(images/tdd_main_bg.jpg) center; display: block; background-color: #f2f1ef; position:absolute; left: 6px; top: 0px; width:455px; height:200px;
-moz-border-radius:8px; -webkit-border-radius: 8px; padding: 30px 30px 30px 30px; text-align:center;}

/* CONTACT---------------------------------------------*/
#contact_content  {background: url(images/tdd_main_bg.jpg) center; display: block; background-color: #f2f1ef; position:absolute; left: 6px; top: 0px; width:720px; height:510px;
-moz-border-radius:8px; -webkit-border-radius: 8px; padding: 0px 50px 20px 58px;}
#contact_form {width:720px;}


/* NAVIGATION-----------------------------------------------------*/
#navigation {
width:950px; margin: 0 auto;
}
#navigation a
{color: #ffffff; font-family: "Trebuchet MS", sans-serif; padding-top:5px; font-size:14px; text-align:center; position:relative; width: 100px; left: 55px; top:-20px; margin: 15px auto 0 auto; height: 80px; background: #2a4302;text-decoration: none;font-weight:normal; -moz-border-radius:8px; -webkit-border-radius: 8px; display: block; float: left; }
#navigation  .current {color: #251e06;background: #fce4a6;}
#navigation  .current:hover {cursor:default;}
/* Hide from IE5-Mac \*/
#navigation a, #navigation a span {float: none}
/* End hide */
#navigation a:hover { color: #251e06; background: #fce4a6;}
#navigation ul { list-style: none; padding: 0; margin: 0}
#navigation li {float: left; margin-right:8px; width:100px;} 
#navigation .recent_work { left:200px; width: 120px;}
#navigation  .recent_work_current {left:200px; color: #251e06;background: #fce4a6; width: 120px;}
#navigation  .recent_work_current:hover {cursor:default;}



/* ANT NAV-----------------------------------------------------*/
#antnav { display: block; width: 33px; height: 46px; background: url("images/ant.png") no-repeat 0 0; }
#antnav:hover {background: url("images/ant_over.png") no-repeat 0 0; }
#antnav span { display: none; }