* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#eaeaea url(images/bggrad.jpg) repeat-x;
}


/*Text Styles*/
p{padding:5px 0px; line-height:20px;  font-size:12px; font-weight:normal; text-align:justify;}
ul{margin-left:20px; font-size:12px;}
li{line-height:20px;}
.headertitle{ font-size:22px; font-family: Verdana, Geneva, sans-serif; color:#7E212B; font-family:Georgia, "Times New Roman", Times, serif; }
.subheadertitle{ font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; color:#434343; margin-bottom:10px;}
img{border:none;}



#wrapper { 
 margin: 0 auto;
 width: 922px;
  background-color:#eaeaea;

}
#topinfo {
 float: left;
 width: 922px;
 color: #333;
 padding: 0px;
 margin-right:5px;
 text-align:right;
 margin: 0px;
 background-color:#d6d6d6;
}
#topinfo p{ font-size:10px;
 font-weight:bold;
font-family: Verdana, Geneva, sans-serif; color:#767676; padding-right:10px;  text-align:right;}

#topinfo a{color:#767676;}
#topinfo  a:hover{ /*hover state CSS*/
color: #7e212b;
}
#header {
 color: #333;
 width: 922px;
 float: left;
 padding: 0px;
 height: 182px;
 margin: 0px 0px 5px 0px;
 background: #c8c8c8 url(images/headerimg.jpg) no-repeat;
 border-bottom:3px solid #7e212b;
}

#logo{width:180px; height:162px; float:left; margin-right:10px; padding:10px 0px 0px 10px;}
#logotext{width:235px; height:100px; text-align:left; float:left;  color:#7E212B; font-family: "Times New Roman", Times, serif; margin-top:50px;}
#logotext h1{font-size:28px;}
#randomimages{width:480px; height:182px; background:#666; float:right;}


#leftcolumn { 
 color: #333;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 552px;
 width: 197px;
 float: left;
 background:transparent url(images/sideborderright.png) repeat-y right top;

}
#content { 
 float: left;
 color: #333;
 

 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 350px;
 width: 675px;
 display: inline;
}
#content a{color: #7e212b;}

#content a:hover{ /*hover state CSS*/
color: #7e212b; text-decoration:none;
}

#content ul{list-style-image: url(images/minibullet.jpg);
margin: 0 0 0 30px;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
 }
 
#content li{
padding-top: 0px; /*bottom spacing between menu items*/
}




#featuredproject{width:655px; height:auto;  margin:20px 0px; padding:10px 10px;font-family:Georgia, "Times New Roman", Times, serif;}

#featuredtitle{width:655px; height:20px;padding:5px 0px;}
#featuredtitle h3{font-size:22px; color:#7E212B; text-align:right; }
#projecttitle{width:655px; height:30px; margin-bottom:10px;padding:5px 0px;}
#projecttitle h3{font-size:22px;}
#projectimage{width:440px; margin-right:5px; height:205px; float:left;}
.projectthumb{width:100px; height:100px; margin:0px 0px 5px 5px; float: left;}
#projectdescription{width:655px; height:auto; padding:0px 0px;  clear:both; }



#project{width:655px; height:auto; background:#dadada; margin:20px 0px; padding:10px 10px;font-family:Verdana, Geneva, sans-serif}
#projimage{width:655px; margin-right:5px; height:250px; float:left; background-color:#dadada; margin-bottom:10px;}
.projthumb{width:50px; height:50px; margin:0px 0px 5px 5px; text-align:center; float: left; background-color:#dadada; }
#projdescription{width:655px; height:auto; padding:0px 0px;  clear:both; }
.projectads{width:210px; height:210px; margin:0px 10px 10px 0px; background-color:#999; float:left;}



.profile{width:655px; height:auto;  margin:20px 0px; padding:10px 10px;font-family:Verdana, Geneva, sans-serif; float:left; font-size:12px;  font-weight:normal;}
.profilepic{width:150px; margin-right:20px; height:165px; float:left;}
.profiletitle{width:485px; height:40px; margin-bottom:10px; float:left; font-size:16px;}
.profilekeycomp{width:485px; height:100px; margin-bottom:10px; float:left;}
.profiledesc{width:655px; float:left;}


.divider{width:655px; height:12px; background:url(images/divider.jpg) no-repeat; margin:0 auto; float:left; font-family:Verdana, Geneva, sans-serif}



.portfolioitem{width:96%;  height:auto; padding:2%; margin-bottom:10px; float:left;}
.portimage{width:20%; margin-right:0%; height:100px;  float:left;}
.portimage img{border:none;}
.portdescription{width:78%; height:auto; float:right; padding:0% 1%;}
.clicktoview{width:96%; padding:0% 2%; text-align:right;float:right;}


input{width:240px; height:20px; border:1px #999 solid; padding:5px;}
textarea{width:240px; height:190px; border:1px #999 solid; padding:5px;}


#rightcolumn { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: 350px;
 width: 195px;
 float: left;
}
#footer { 
 width: 902px;
 clear: both;
 color: #9e9e9e;
 border-top:3px solid #7e212b;

 margin: 0px 0px 10px 0px;
 padding: 5px 10px;
 text-align:right;
 font-size:10px;
}
#footer p{ text-align:right;}
#footer a{ color: #9e9e9e;}

#footer a:hover{ /*hover state CSS*/
color: #7e212b;
}
/*NAVIGATION*/



.arrowlistmenu{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu li a{
color: #434343;
display: block;
padding: 10px 0;
text-decoration: none;
border-bottom: 1px solid #c4c4c4;
font-size: 16px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
.nested{
list-style-image: url(images/bullet.jpg);
margin: 0 0 0 30px;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
color:#7E212B;
}

.nested li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.nested li a{
color: #434343;
display: block;
padding: 5px 0;
text-decoration: none;
border-bottom: none;
font-size: 13px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}

.nested-third{
list-style-type: square;
margin: 0 0 0 20px;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/
color:#7E212B;
}

.nested-third li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.nested-third li a{
color: #7e212b;
display: block;
padding: 2px 0;
text-decoration: none;
border-bottom: none;
font-size: 11px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:normal;
}
.arrowlistmenu li a:active{
color: #7e212b;
}

.arrowlistmenu li a:hover{ /*hover state CSS*/
color: #7e212b;
}