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

* {margin:0; padding:0}

h1 {position:absolute;left: -4449px}
h2 {font-size:18px; font-weight:normal; color:#025a0c; padding:5px 0; font-family:Arial, Helvetica, sans-serif}
.h2b {font-size:14px; font-weight:bold; margin:20px 0 0 0}
h3 {font-size:14px; padding:5px 0px}
p {font-size:12px; color:#000; padding:5px 0; font-family:Arial, Helvetica, sans-serif; line-height:16px}

body {width: 100%; display:table}

a:link {color:#025a0c; text-decoration:underline}
a:visited {color:#025a0c; text-decoration:underline}
a:hover {color:#025a0c; text-decoration:none}

#container {margin:auto; width:640px; padding-right:66px; background-repeat:repeat-y}

#container ul {font-size:12px; color:#000; font-family:Arial, Helvetica, sans-serif}
#container li {margin-left:15px; padding-top:8px}

#nav {margin-top:305px; margin-left:50px; margin-bottom:20px; margin-left:80px}


/* home styles */

#home #content {
width:640px; 
min-height:480px;/*allow div to expand*/
overflow:hidden;/*contain floated columns*/
background: url(../images/main/home-body-bg.png) no-repeat center top;
}
* html #content { /*target IE6 only with (* html)*/
/* height:480px; /*IE6 treats height as min-height*/
overflow:visible;/*reset overflow to visible*/
}

#home #container {margin:auto; width:640px; padding-right:66px; background:url(../images/main/home-content-bg.gif) left top;background-repeat:repeat-y}
.wc3 {margin:30px 0 0 0}

#column1 {
float:left; 
width:290px; 
margin:10px;
display:inline;/*fix ie6 double margin bug*/
}
#column2 {
float:left; 
width:288px; 
margin:10px 10px 10px 30px;
display:inline;/*fix ie6 double margin bug*/
}

#column1 a:link {color:#116D20; text-decoration:underline}
#column1 a:visited {color:#116D20; text-decoration:underline}
#column1 a:hover {color:#116D20; text-decoration:none}

#column2 a:link {color:#FFFFFF; text-decoration:underline}
#column2 a:visited {color:#FFFFFF; text-decoration:underline}
#column2 a:hover {color:#FFFFFF; text-decoration:none}

#column3 a:link {color:#116D20; text-decoration:underline}
#column3 a:visited {color:#116D20; text-decoration:underline}
#column3 a:hover {color:#116D20; text-decoration:none}
#web-design #column3 ul {margin-left:0}
#column3 ul {margin-left: 15px}
#column3 ul {margin-bottom: 10px}

.thumtitle {width:150px; height:90px; float:left; margin-bottom:10px}
.thumtitle h3 {font-family:Arial, Helvetica, sans-serif; font-size:13px; margin:0; padding:5px 0 0 0; color:#FFF}
.thumtitle p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#cdf0d2; margin:5px 0 0 0; padding:0; line-height:16px}
.thumimage1 {border:1px solid #000; float:left; margin:10px 10px 0 0}
.thumimage {border:1px solid #000; float:left; margin:5px 10px 0 0}

/* web styles */

#web-design #column3 {
width 655px;
margin:0 10px 10px 10px;
padding-left: 30px
}

#web-design #content {
width:660px; 
min-height:480px;/*allow div to expand*/
overflow:hidden;/*contain floated columns*/
/* background: url(../images/main/blank.png); */
}
#web-design #container {margin:auto; width:697px; padding-right:66px; background:url(../images/main/web-content-bg-3.gif) left top; background-repeat:repeat-y}
#web-design h2 {margin-top:10px}


#multimedia-design #column3 {
width 655px;
margin:0 10px 10px 10px;
padding-left: 30px
}

#multimedia-design #content {
width:660px; 
min-height:480px;/*allow div to expand*/
overflow:hidden;/*contain floated columns*/
/* background: url(../images/main/blank.png); */
}
#multimedia-design #container {margin:auto; width:697px; padding-right:66px; background:url(../images/main/gen-content-bg2.gif) left top; background-repeat:repeat-y}
#multimedia-design h2 {margin-top:10px}
#multimedia-design h3 {margin:27px 0 0 0; padding-bottom:0}


#short-films #column3 {
width 655px;
margin:0 10px 10px 10px;
padding-left: 30px
}

#short-films #content {
width:660px; 
min-height:480px;/*allow div to expand*/
overflow:hidden;/*contain floated columns*/
/* background: url(../images/main/blank.png); */
}
#short-films #container {margin:auto; width:697px; padding-right:66px; background:url(../images/main/gen-content-bg3.gif) left top; background-repeat:repeat-y}
#short-films h2 {margin-top:10px}
#short-films h3 {margin:27px 0 0 0; padding-bottom:0}



#about #column3 {
width 670px;
margin:0 10px 10px 10px;
padding-left: 30px
}

#about #content {
width:670px; 
min-height:480px;/*allow div to expand*/
overflow:hidden;/*contain floated columns*/
/* background: url(../images/main/blank.png); */
}
#about #container {margin:auto; width:697px; padding-right:66px; background:url(../images/main/gen-content-bg2.gif) left top; background-repeat:repeat-y}
#about h2 {margin-top:10px;}
#about h3 {margin:27px 0 0 0; padding-bottom:0}

#about #sketch {float:right; margin:0 20px 0 0; border:0}
#about #aboutme {float:left; width:380px}
#about #twitter {float:right}


#slidingDiv1 {
    display: none;
	height:300px;
	background-color: #d5f5d9;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #025a0c;
}

#slidingDiv2 {
    display: none;
	height:50px;
	background-color: #d5f5d9;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #025a0c;
}
 
#slidingDiv3 {
    display: none;
	height:50px;
	background-color: #d5f5d9;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #025a0c;
}
 
#slidingDiv4 {
    display: none;
	height:50px;
	background-color: #d5f5d9;
	padding:20px;
	margin-top:10px;
	border-bottom:5px solid #025a0c;
}

#slidingDiv5 {
    display: none;
	height:520px;
	background-color: #d5f5d9;
	padding:10px 20px;
	margin-top:5px;
	border-bottom:5px solid #025a0c;
}
 
#contactframe {overflow-x:hidden; z-index:200; overflow-y:hidden; width:618px; height:240px; padding:0; margin:0}

#footer {clear: both; position:relative}