/* CSS Document */


/*------------------ GENERAL STYLING -------------------*/

*{
margin: 0;
padding: 0;
}


body{
padding:0px; 
margin:0px; 
background:url(images/bg.gif) repeat-x #FFFFFF; 
font:14px/17px Arial, Helvetica, sans-serif;
color:#919191;
text-align: center;
}

h1{
display:block;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:25px;
line-height:26px;
font-weight:normal;
color:#91af30;
padding: 10px 0 10px 0px;
}


h2{
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight:bold;
margin: 6px 0 -3px 0;
}



h3{
color: #666666;
font:16px/18px Georgia, "Times New Roman", Times, serif;
font-weight:bold;
height:18px;
display:block;
padding: 15px 0 10px 0;
}

p{
color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
padding: 7px 0 8px 0;
}


blockquote p{
color: #666666;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight:bold;
margin: 4px 0 -3px 0;
}

ul{
margin: 0;
}

ul li{
list-style-type: none;
}




/*------------------ SPECIFIC STYLING (CLASSES, ID'S, ETC.) --------------------*/
#wrapper{
position: relative;
text-align: left;
margin: 0 auto;
width: 800px;
height: 600px;

}

#center{
position: relative;
width: 500px;
margin-left: 150px;
}

#header{
position: relative;
background-image:url(images/header_bg.gif);
width: 500px;
height: 87px;


}

#top{
position:relative;
background-image:url(images/headerbg2.gif);
width: 500px;
height: 136px;
z-index: 2;
}

#content_area{
position: absolute;
background-image:url(images/middle.gif);
background-repeat:no-repeat;
width: 500px;
height: 550px;
margin: -12px 0 0 0;
z-index: 1;

}

#content{
position: relative;
padding: 25px 0 0 0;
width: 420px;
margin: 0 10px 0px 40px;
z-index: 1;
}

#content a:link, a:visited{
color: #ff6633;
}

#content a:hover{
color: #333;
}

#content .project-details ul{
margin: 10px 0 15px 30px;
}

#content .project-details ul li{
list-style-type: square;

}

#content ul li p{
margin: 0 0 -10px;
}



#header_img{
width: 445px;
height: 170px;
position: absolute;
margin: -25px 40px 0 26px;
z-index: 200;
}


#right{
position: absolute;
width: 140px;
height: 200px;
margin: 48px 0 0 505px;
}

#right h2{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: normal;
color:#91af30;
margin: 10px 0 10px 0;
padding: 0;
}


#right a img{
border: 3px #ece4e4 solid;
padding: 5px;
margin: 5px 0 0 0;
}

#right a:hover img{
border: 3px #999 solid;
padding: 5px;
}

#resources{
margin: 10px 0 0 0;
}

#resources h3{
float: left;
}

#resources p{
float: left;
margin: -10px 0 0 0;
background-image:url(images/blogbg.gif);
background-position: left;
background-repeat: no-repeat;
}

#resources a{
font-family:Verdana, Arial, Helvetica, sans-serif;
float: left;
font-size: 11px;
color:#FF6633;
}

#resources a:hover{
color: #333;
}

.linkedIn img{
border: none;

}


/* ------- RESOURCES STYLING ---------*/
.left-column{
float: left;
width: 200px;
margin: 15px 0 20px 30px;
}

.left-column li, .right-column li{
margin-bottom: 5px;
}


#content .left-column a, #content .right-column a{
font-size: 12px;
height: 16px;
margin: 0 0 10px 0;
text-decoration: none;
}

.left-column a img, .right-column a img{
border: 2px #ece4e4 solid;
margin-right: 8px;
vertical-align:middle;
}

.left-column a:hover img, .right-column a:hover img{
border: 2px #CCC solid;
margin-right: 8px;
vertical-align:middle;
}


.right-column{
float: right;
width: 170px;
margin: 15px 0 20px 0;
}

.right-column a{
font-size: 12px;
}

.underline{
border-bottom: 1px #ece4e4 solid;
}


/*------- END RESOURCES STYLING ---------*/

.gray{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:20px;
font-weight: bold;
color:#666;
line-height: 0;
margin: 0;
padding: 0;
}

#divider{
background-color: #EEE;
height: 5px;
margin: 15px 0 25px 0;
}

.conf-left{
float: left;
margin: 0 0 10px 0;
}

.conf-left{
border: none;
}

.conf-right{
float: right;
width: 180px;
margin: 5px 0 10px 0;
color: #999;
}

.read-more{
font-size: 11px;
float: right;
}

ul.project-details{
margin: 5px 0 0 30px;
}

.project-details li{
list-style-type: square;
}

#top_nav{
position: absolute;
margin: 30px 40px 0 311px;
width: 180px;
height: 40px;
}

#top_nav ul li{
display: inline;
padding: 0 0 0 5px;

}

#top_nav ul li a{
color: #555;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration: none;
}


#top_nav ul li a:hover{
color:#FF6633;

}



#logo{
position: absolute;
margin: 10px 0 0 35px;
width: 150px;
height: 50px;
}

#logo a img{
border: none;
}

#footer{
position:absolute;
margin: 17px 0 10px 15px;
padding: 0 0 45px 0;
text-align:center;
width: 470px;
height: 50px;
border-top: 1px #dedede solid; 
}

#footer p{
font-size: 10px;
color:#999;
}

#footer a{
font-size: 10px;
color: #999;
}

#footer a:hover{
color:#FF6633;

}

img.floatRight { 
float: right;
clear: right; 
margin: 4px; 
border: none;
}




/* ---------------------------- MAIN NAV ---------------------*/

#nav{
float: left;
width: 140px;
height: 200px;
margin: 271px 0 0 0;
}

#nav h2{
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:normal;
color:#91af30;
margin: 10px 0 10px 45px;
}

#nav p{
text-align: right;
}

#nav h3{
float: right;
}


#navlist {
margin: 0 0 10px 0;
text-align: right;
}

#navlist li {
list-style: none;
line-height: 21px;
font-weight: normal;
margin: 0;
}

#navlist li a {
width: 100px;
margin-left: 40px;
display: block;
text-decoration: none;
color: #333;
padding-left: 0;
border-bottom: 1px solid #ededed;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
text-decoration: none;
}
		
#navlist li a:hover, #navlist li a:active {
background:  #fafafa;
color:#FF6633;
}
		
#nav img{
float: right;
margin: -10px 0 0 0;
}




/*---------------- FORM STYLES -------------------*/


input{ 
background-color: #fafafa;;
border: 1px #ccc solid;
}

input.btn{
width: 50px;
color: #666;
font-size: 11px;
padding: 2px;
margin: 0 5px 0 0;
background-color: #eee;

}

input.btn:hover{
background-color: #fafafa;
color: #FF6633;
}


textarea{
background-color: #fafafa;
border: 1px #ccc solid;
padding: 4px;
}

.input_field{
color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-bottom: 5px;
padding: 4px;
}


label{
color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin: 10px 0 10px 0;
}


.inputbox{
color: #666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 20px;
overflow: hidden;
}

/*------------------- PORTFOLIO LIGHTBOX -----------------*/

#portfolio{
margin: 10px 0 0 0;
}

#portfolio ul{
margin: 7px 0 10px 11px;
}

#portfolio ul li{
display: inline;
list-style-type: none;

}

#portfolio a img{
border: 4px #ece4e4 solid;
margin: 0 10px 10px 0;
}

#portfolio a:hover img{
border: 4px #999 solid;
}