/*CSS design by rahul@curryland.com.*/
/*BASIC*/
body         {
	color: #7d7d7d;
	font-size: small;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-color: transparent;
	background-image: url(../images/bodygradbg.jpg);
	text-align: center;
	margin: 0;
	padding: 0   }
body#index {
	color:            #7d7d7d;
	font-size:        small;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-color: transparent;
	background-image: url(../images/bodygradbg.jpg);
	text-align:       center;
	margin:           0;
	padding:          0; }

h1   {
	color: #ccc;
	margin: 0;
	padding: 0 }


p    {
	font-size: x-small;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 20px;
	text-align: center;
	margin: 0;
	padding: 0  }



a    {
	color: #96b412;
	font-size: x-small;
	font-weight: normal;
	text-decoration: none }



a:link  {
	color: #96b412 }

a:visited  {
	color: #96b412 }

a:hover  {
	color: black; }


/*POSITIONING*/
#wrapper                             {
	background-color: white;
	background-image: none;
	text-align: left;
	padding: 0;
	position: relative;
	width: 960px;
	height: 560px ;
	margin-right: auto;
	margin-bottom: 4px;
	margin-left: auto;
	border-left: 1px solid #ababaa;
	border-bottom: 1px solid #ababaa;
	border-right: 1px solid #ababaa; }
#header {
	background-color: white;
	text-align: left;
	width: 960px;
	height: 35px;
	border-bottom: 1px solid #aeaeae; }
#headnav     {
	background-color: transparent;
	text-align: center;
	width: 300px;
	height: 18px;
	float: right;
	padding-top: 20px; }
	
/*hide below from ie mac \*/
#headnav     {
	padding-top: 0px;
	margin-top: 20px  }
/*end hide*/


#headergif {
	width: 165px;
	height: 18px;
	float: left;
	margin-top: 16px;
	margin-left: 40px; }

body#index #wrapper {
	line-height: normal;
	background-color: white;
	background-image: none;
	text-align: center;
	position: relative;
	width: 960px;
	height: 560px ;
	margin-right: auto;
	margin-left: auto; }
#content-index                 {
	font-weight: bold;
	background-color: #fff;
	width: 870px;
	margin-top: 100px;
	margin-left: 90px; }
#content-index img    {
	margin-right: auto;
	margin-left: auto }
#content-form {
	font-size: x-small;
	width: 450px;
	margin-right: auto;
	margin-left: auto; }
#content-form p {
	color: gray;
	font-size: x-small;
	background-color: white; }

#content-about {
	margin-top:   40px;
	margin-right: auto;
	margin-left:  auto;
	width:        380px;
	padding-left: 20px;
	border-left: 1px solid silver; }

#content-about p {
	color: gray;
	font-size: x-small;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align: left;
	margin-bottom: 1em; }
#content-about a {
	color: #96b412;
	font-size: x-small;
	text-align:    left;
	margin-bottom: 1em; }

#content-about a:hover {	color:         black;
	font-size:     x-small;
	text-align:    left;
	margin-bottom: 1em; }

#placeholder {
	margin-top: 0;
	margin-right: auto;
	margin-left:  auto; }

#content {	color:            #454545;
	background-color: #fff;
	text-align:       left;
	margin-top:       40px;
	margin-left:      40px;
	position:         relative;
	width:            660px;
	height:           450px;
	float:            left;
	overflow:         visible; }

#content img {	text-align:   center;
	margin-right: auto;
	margin-left:  auto; }

#desc        {
	color: #bab19f;
	font-size: xx-small;
	background-color: transparent;
	letter-spacing: 1px;
	position: absolute;
	z-index: 1;
	top: 468px;
	left: 150px;
	width: 360px }
.projectlist-l     {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
	width: 270px;
	float: left; }
.projectlist-l ul li      {
	color: gray;
	font-size: x-small;
	line-height: 200%;
	list-style-type: none;
	display: block;
	margin-top: 2px;
	margin-right: 40px;
	margin-bottom: 10px; }
.projectlist-l ul li a  {
	color: gray;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	text-align: right;
	list-style-type: none; }
.projectlist-l ul li a:hover {
	color: #79a400;
	text-decoration: none;
	list-style-type: none;}
.projectlist-r     {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
	width: 250px;
	float: left;
	margin: 0;
	padding: 0; }
.projectlist-r ul li      {
	color: gray;
	font-size: x-small;
	line-height: 200%;
	margin-top: 2px;
	margin-bottom: 10px;
	list-style-type: none;
	display: block; }
.projectlist-r ul li a  {
	color: gray;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	list-style-type: none; }
.projectlist-r ul li a:hover {
	color: #79a400;
	text-decoration: none;
	list-style-type: none; }
/* MENU and NAV */

#preview   {
	width: 280px;
	height: 200px;
	float: left ;
	margin-top: 10px; }

#menu                              {
	color: #aeaeae;
	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: normal;
	background-color: #fff;
	text-align: left;
	position: absolute;
	top: 77px;
	left: 730px;
	width: 200px;
	height: 400px;
	overflow: visible ; }






#menu p        {
	color: #7c7c7c;
	font-size: xx-small;
	font-weight: normal;
	line-height: 180%;
	text-align: left;
	margin-bottom: 1em; }



#menu>p+p  {
	 }


#menu h1     {
	line-height: normal;
	text-align: center;
	margin: 0 auto 0;
	padding-top: 33px }




#menu h2      {
	color: black;
	font-size: 12px;
	font-weight: lighter;
	text-align: left }
#menu img      {
	text-align: center;
	z-index: 1 }
#menu a img     { }





#menu a:hover img  {
	 }
#nav {
	background-color: white;
	text-align:       center;
	position:         absolute;
	left:             765px;
	bottom: 40px;
	width:            140px;
	height:           28px;
	z-index: 3; }

#nav p {
	color: #b4b4b4;
	font-style: italic;
	font-weight: bold;
	display: inline;
	margin: 0;
	padding: 0 }
#nav img {
	margin: 0;
	padding: 0; }

#nav a img  {
	margin: 0;
	padding: 0; }
#nav a img.homearrow {	margin:  0 10px;
	padding: 0; }

#thumbs   {
	text-align: center }
	
#thumbs p { 
	color: #a4a4a4;
	font-size: x-small;
	font-weight: normal;
	line-height: 130%;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em }
/*CLASSES*/
.title  {
	color: #e3e2dd;
	font-size: xx-small;
	margin-top: 20px }
	
.dropcap  {
	font-size: 4em;
	line-height: 100%;
	margin: 0 4px 0 0;
	padding: 0;
	width: 0.7em;
	float: left }

.photo {
	width: 125px;
	height: 149px;
	float: left;
	margin-top: 6px;
	margin-right: 20px;
	margin-bottom: 15px;
	padding: 4px;
	border: solid 1px silver; }

.thumb    {
	margin: 6px 1px;
	border: solid 1px silver }




.seperator           {
	text-align: center;
	margin: 12px auto 6px }

.illustration {
	color: #8d856f;
	font-size: 12px }

.arrow {
	margin: 0;
	padding: 0;
	width: 18px;
	float: left }

.hidden {
	visibility: hidden }
.space {
	margin-right: 5em }
.navp {
	text-align: center }
/*Contact Form*/
#form {
	color: #000;
	font-size: small;
	line-height: 1.5em;
	background-color: transparent;
	text-align: left;
	width: 529px;
	margin-top: 20px;
	margin-left: -80px; }
	
	#form p {
	color: gray;
	font-size: 11px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-color: transparent;
	margin-bottom: 10px;
	margin-left: 40px; }
	
table, tr td, th {
	color: gray;
	font-size: 0.9em;
	text-align: left;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-color: white;
	margin-left: 60px; }

.entry {
	color: #000;
	background-color: Black;
	font-size: small;
	font-family: Helvetica, "Trebuchet MS", Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: #f4f4f4;
	text-transform: uppercase;
	yle: 1px solid silv; }
	
	#comment {
	color: #000;
	font-size: small;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	background-color: #f4f4f4;
	text-align: left; }

#button {
	font-size: x-small;
	margin-left: 216px; }

#form h2 {
	color: gray;
	font-size: medium;
	background-color: white;
	margin-left: 250px; }
/* FOOTER */
#footer       {
	color: #7d7d7d;
	font-size: 9px;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	text-align: left;
	width: 600px;
	margin-right: auto;
	margin-left: auto; }
#footer a:link, a:visited {
	color: #a49c73;
	font-size: xx-small;
	font-weight: normal }
#footer a:hover {
	color: #79a400 }
#footer p {
	color: white;
	font-size: 9px;}
