<SYLE TYPE= "text/css">
<!--

html { margin: 0 auto; padding: 0;}

body {text-align: center;}

#page_bg {background: url(../images/trees_bg.jpg) repeat; text-align: center; margin:0 auto;}

div.holder {position:relative; width: 1088px; height:100%; margin: 0 auto; text-align:center;}

/*  MAIN PAGE BACKGROUNDS  */

div.spacer {height:87px; width:1088px; margin: 0 auto; }

div.spacer2 {height:330px; width:1088px; margin: 0 auto; }

div.paper_t {background: url(../images/dropshadow_top.png) 0 0 no-repeat; width: 1088px; height: 30px; margin: 0 auto;}

div.paper_m {background: url(../images/paper_texture_bg.png) 0 0 repeat; width: 1088px; height:140%; margin: 0 auto; top:0px; padding-bottom:50px; }

div.paper_b {background: url(../images/dropshadow_bot.png) 0 0 no-repeat; width: 1088px; height: 30px; margin: 0 auto; top: 0px}

/*  ARTWORK  */

div.artwork {position:absolute; background: url(../images/cicada.png) 0 0 no-repeat; width: 322px; height: 428px; right:20px; top:0px;} 

/* HEADER CONTENT */

div.logo {background: url(../images/df_logo2.png) 0 0 no-repeat;  position: absolute; width: 366px; height:79px; top:145px; left:70px;}

div.headerbg {background: url(../images/page_torn_bg.png) 0 0 repeat; position: absolute; width: 949px; height: 117px; left:70px; top:290px;}

div.headertorn {background: url(../images/page_torn_bottom.png) 0 0 no-repeat; position: absolute; width: 949px; height: 45px; left:70px; top:400px;}

div.stripes {background: url(../images/stripes.png) 0 0 repeat; position: absolute; width: 949px; height: 20px; left:70px; top:290px;}

div.introcontent {position: absolute; width: 1070px; padding:20px; top: 305px; text-align:center; }

/*  INSIDE CONTENT  */

div.homecontent {position:relative; width:949px; margin:0 auto; padding:0px; height:800px; text-align:center;}

div.content {position:relative; width:949px; margin:0 auto; padding:0px; height:100%; text-align:center;}

div.fullcolumn {float:left; width: 949px; top:0px; padding: 0; margin:0 auto; text-align:left; z-index:1;}

div.fullcolumnbg1 {background: url(../images/ds_bg.jpg) center center no-repeat; width: 941px; height: 516px; border: 1px solid #cccccc; background-color:#ffffff; padding:6px;}

div.fullcolumnbg2 {background: url(../images/about_bg.jpg) center center no-repeat; width: 941px; height: 516px; border: 1px solid #cccccc; background-color:#ffffff; padding:6px;}

div.fullcolumnbg3 {background: url(../images/portfolio_bg.jpg) top center no-repeat; width: 941px; height: 516px; padding:6px;}

div.leftfatcolumn {float:left; width: 721px; top:0px; padding: 0; margin:0px;}

div.column1 {float:left; width: 350px; top:0px; text-align:left; padding-right:30px; }

div.column2 {float: left; width: 350px;  top:0px;  text-align:left;}

div.rightbanner {float:right; width: 180px; height:100%; margin-right:0px;}

div.title {width:949px; height:150px; margin-top:30px; margin-bottom:0px; text-align:center; z-index:2;}

div.box {background-color: black; width: 949px; height: 100px; filter:alpha(opacity=35); /* IE's opacity*/ opacity: 0.35; position: absolute; left:0px; top: 250px; margin:20px; text-align:left; z-index:3;}

table.service {margin: 0 auto; padding: 0; width: 90%; font-family: Times; font-size: 14px; text-decoration: none; color: #ffffff; line-height: 16px; text-align:left; }

/* MAIN PAGE STYLES */

h2 {font-family: Georgia, Times New Roman, Serif; font-size: 13px; font-weight: bold; text-decoration: none; color: #333333;}

p  {font-family: Georgia, Times New Roman, Serif; font-size: 12px; color: #333333; line-height: 16px;}

p.white  {font-family: Georgia, Times New Roman, Serif; font-size: 14px; color: #ffffff; line-height: 16px; margin-top:0px; margin-left:50px; margin-right:50px ; text-align:left;}

img {border: 1px solid #cccccc; background-color:#ffffff; padding:3px; margin:0 auto;}


/*URL: http://www.dynamicdrive.com/style/ - MENU ELEMENTS*/

#tabs {position:absolute; width:949px; height: 40px; top:250px; left:70px; overflow:hidden}

#tabs ul {margin:0; padding:10px 10px 0 0px;list-style:none;}

#tabs li {display:inline; margin:0; padding:0; text-decoration:none; }

#tabs a {float:left; background:url(../images/left.png) no-repeat left top; margin:0; padding:0 0 0 8px; text-decoration:none; font-family: Times; font-size: 14px; line-height: 14px; text-transform: uppercase;}

#tabs a span {float:left; display:block; background:url(../images/right.png) no-repeat right top; padding:12px 25px 8px 17px; margin-right:-1px; color:#333333;;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span {float:left; display:block; background:url(../images/right_over.png) no-repeat right top; padding:12px 25px 8px 17px; margin-right:-1px; color:#FFFFFF;}

#tabs a:hover {float:left; background:url(../images/left_over.png) no-repeat left top; margin:0; padding:0 0 0 8px; text-decoration:none;}

