@charset "UTF-8";
/* CSS Document */
*{

}
body{
background-image:url(../images/bgImg.jpg);
margin:0px;
color:#3E3E3E;
font-size:12px;
line-height:2;
font-family:"trebuchet MS", "sans serif";

}
h1{
	font-family:"trebuchet MS";
	font-size:22px;
	color:#627913;
	padding-left:15px;
	
	font-weight: 100;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
}
h2{
font-family:"trebuchet MS";
	font-size:20px;
	color:#627913;
	padding-left:15px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight: 100;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
}
h3{
font-family:"trebuchet MS";
	font-size:18px;
	color:#627913;
	padding-left:15px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-weight: 100;
	font-variant: normal;
	font-style: normal;
	text-transform: none;
}
h4{
	color:#424242;
	font-size:15px;
	margin-left:0px;
}
.software{
margin-left:30px;
}
#wrapper{
background-color:#FFFFFF;
margin:0 auto;
width:771px;

}
#header{
margin:0 auto;
width:771px;
height:89px;
background-image:url(../images/rep_header.jpg);
background-repeat:repeat-x;
background-color:#090909;
position:relative;
}
#logo{
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
width:228px;
height:88px;
}
#navBar{

}
#navBar ul{
width:293px;
list-style-type:none;
position:absolute;
right:0;
top:24px;

}
#navBar ul li,
#footer ul li{
display:inline;
padding:7px;
}
#navBar ul li a,
#footer ul li a{
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#757575;
text-decoration:none
}
#navBar ul li a:hover,
#footer ul li a:hover{
text-decoration:none;
color:#fff;
}

#colorHeader{
background-image:url(../images/who.gif);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
height:124px;
width:771px;
background-color:#AAD026;
}
#orangeHeader{
background-image:url(../images/myWork.jpg);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
height:122px;
width:771px;
background-color:#ffb321;
}
#blueHeader{
background-image:url(../images/welcome.jpg);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
height:122px;
width:771px;
background-color:#84e8ff;
}
#purpleHeader{
background-image:url(../images/contact.jpg);
background-repeat:no-repeat;
background-position:right;
margin:0 auto;
height:122px;
width:771px;
background-color:#dc74ed;
}
#content{
min-height:478px;
background-image:url(../images/bottom.gif);
background-position:bottom;
background-repeat:no-repeat;
}
#leftContent {
width:65%;
float:left;
}
#rightContent {
width:35%;
float:right;
}
#rightContent ul li{
list-style-type:none;
}
#rightContent ul li a, #rightContent ul li{

line-height:25px;
}


#content p {
padding-left:30px;
padding-bottom:0px;
margin-bottom:0px;

}
#footer{
width:771px;
margin:0 auto;
}
.clear{clear:both;}

.active {
	color: #FFFFFF
}

/*contact form*/
#contactContainer{
width:322px;
margin-left:50px;
}
#contactContainer p {
	padding-bottom: 10px;
	margin-bottom: 5px;
}

input, textarea{
float:right;
border:1px solid #ccc;
padding:5px;
}
#myButton{
	border:1px solid #18191B;
	background-color:#18191B;
	color:#ffffff;
	width:80px;
	margin-top: 8px;
	-webkit-border-radius: 4px; 
	-moz-border-radius: 4px; 
	border-radius: 4px;
	}

.required{
color: #999999; 
font-size: 11px; 
font-style: italic;
}
.lineHeight-25 {
	line-height: 25px;
}
/*index page*/
.index h1{
color:#5eaec1;
}
.index a{
text-decoration:none;
color:#3E3E3E;
}
.index a:hover{
color:#5eaec1;
text-decoration:underline;
}

/*portfolio page*/
.portfolio h1, .portfolio h3{
color:#c98d19;
}
.portfolio a{
text-decoration:none;
color:#c98d19;
}
.portfolio a:hover{
color:#c98d19;
text-decoration:underline;
}


/*bio page*/
.bio a{
text-decoration:none;
color:#3E3E3E;
}
.bio a:hover{
color:#799C44;
text-decoration:underline;
}
/*contact page*/
.contact h1 {
color:#ab5fb8;
}
.contact a{
text-decoration:none;
color:#3E3E3E;
}
.contact a:hover{
color:#ab5fb8;
text-decoration:underline;
}