@charset "UTF-8";

/*
Document By Drew Olsen
www.drewolsendesign.com


Color Palette:
Orange:#BF6321
LightBlue:#7A8C87
Grey:#333333
Off-white:#EFF3E6

*/

/*----------General Layout Styles-------------*/

* {
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, p, ul, blockquote, table,tr,td,th   {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "legendum-1","legendum-2" sans-serif;
}
.clearboth, br {
	clear:both;
	}

#container {
	width:1020px;
	text-align:left;
	margin:0 auto;
	position: relative;
}

/*-------------End General Layout Styles-----------*/
/*-------------Body Styles begin here--------------*/
body {
	background-image:url(../assets/images/pageBkg.jpg);
	background-repeat: repeat;
}

/*-------------Body Styles End Here----------------*/
/*-------------Header Styles begin here------------*/
#header {
	height:132px;
	background-image:url(../assets/images/headerBkg.jpg);
	background-repeat: no-repeat;
	position:relative;
}
#header h1 a {
	height:130px;
	width:412px;
	float:left;
	margin-left:50px;
	text-indent:-1000em;
	position:relative;
	background-image: url(../assets/images/dodLogo.png);
	background-repeat: no-repeat;
}
h2#slogan {
	float:right;
	height: 35px;
	width: 445px;
	position: relative;
	text-indent: -1000em;
	background: url(../assets/images/dodSlogan.png) no-repeat;
	margin-top:83px;
	margin-right:0px;
}


/*-------------Header Styles End Here--------------*/

/*-------------Navigation styles begin here--------*/
#navigation {
	width:1020px;
	height:51px;
	float:left;
	background-image: url(../assets/images/navBkg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
}
#navigation ul {
	list-style:none;
	width:440px;
	height:51px;
	background-image:url(../assets/images/navigation.jpg);
	background-repeat: no-repeat;
	background-position:top left;
	float:right;
	position:relative;
	}
#navigation li, #navigation a {
    height:51px;
	display:block;
    }
#navigation ul li {
	display:inline;
	float:left;
	}
#navigation li{
	text-indent:-1000em;
	}
#navHome {
	width:81px;
	}
#navPortfolio {
	width:107px;
	}
#navAbout {
	width:80px;
	}
#navBlog {
	width:64px;
	}
#navContact {
	width:108px;
	}
#navHome a:hover {background:url(../assets/images/navigation.jpg) left -51px no-repeat; }
#navPortfolio a:hover {background:url(../assets/images/navigation.jpg) -81px -51px no-repeat; }
#navAbout a:hover {background:url(../assets/images/navigation.jpg) -188px -51px no-repeat; }
#navBlog a:hover {background:url(../assets/images/navigation.jpg) -268px -51px no-repeat; }
#navContact a:hover {background:url(../assets/images/navigation.jpg) -332px -51px no-repeat; }

#navigation .navHomeBar a:link {
	background-image: url(../assets/images/navigation.jpg);
	background-repeat: no-repeat;
	background-position: left -102px;
	cursor: default;
	}
#navigation .navPortfolioBar a:link {
	background-image: url(../assets/images/navigation.jpg);
	background-repeat: no-repeat;
	background-position: -78px -102px;
	cursor: default;
	}
#navigation .navAboutBar a:link {
	background-image: url(../assets/images/navigation.jpg);
	background-repeat: no-repeat;
	background-position: -184px -102px;
	cursor: default;
	}
#navigation .navContactBar a:link {
	background-image: url(../assets/images/navigation.jpg);
	background-repeat: no-repeat;
	background-position: -329px -102px;
	cursor: default;
	}


/*------------Navigation styles end here-----------*/
/*----------Maincontent Styles begin here-----------*/
#mainContent {
	width:1020px;
	padding-top:20px;
	float:left;
	background:url(../assets/images/bodyBkgjpg.jpg) repeat-y;
}

#mainContent p {
	font-size:.95em;
	color:#333;
	line-height:1.7em;
	text-align:justify;
}
#bottomContent {
	width:1020px;
	float:left;
	height:90px;
}
#mainContentBottom {
	width: 1020px;
	height: 20px;
	float: left;
	background: url(../assets/images/bodyBottom.jpg) no-repeat;
}
.moreInfoBtn {
	margin-left:115px;
}
#container #mainContent a#contactEmail {
	color: #BF6321;
}
#container #mainContent a#contactEmail:hover {
	color: #7A8C87;
}
#recommendations {
padding-top:55px;}
#container #mainContent p.italic {
	font-style: italic;}
#container #mainContent p.light {
	color:#7A8C87;
	margin-bottom: 10px;}
#container #mainContent #recommendations p {
	font-size: 12px;}
#container #mainContent #recommendations p.orange {
	color: #BF6321;
	font-size: 11px;
	text-align: right;}
#container #mainContent #recommendations p.companyName {
	color: #444;
	font-size: 10px;
	text-align: right;
	margin-bottom: 40px;}

/*---------Maincontent styles end here-------------*/
/*---------Footer Styles Begin Here----------------*/
#footerBlog {
	height: 232px;
	width: 560px;
	padding-top: 15px;
	float: left;
	display: inline;
	background-image: url(../assets/images/footerSep.jpg);
	background-repeat: no-repeat;
	background-position: right 7px;
}
#footerBlog h3 {
	height: 28px;
	width: 199px;
	margin-left: 7px;
	background: url(../assets/images/recentBlog.png) top left no-repeat;
	position: relative;
	text-indent: -1000em;
}
#footerBlog p {
	color: #333;
	font-size: .70em;
	float: left;
	display: inline;
	padding-right: 25px;	
}

#footerBlog .feeds {
	height:22px;
	width: 527px;
	margin-left: 15px;
	padding-top: 8px;
	border-bottom: 1px solid #7A8C87;
}

#footerBlog p a:link, #footerBlog p a:link {
	color:#EFF3E6;
	text-decoration: none;
}
#footerBlog p a:hover, #footerBlog p a:active {
	color: #333333;
}

#footerContent {
	height:235px;
	float:left;
	background-image: url(../assets/images/footerBkg.jpg);
	background-repeat: no-repeat;
	width: 1020px;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	}
#footerFavs {
	width:220px;
	height: 232px;
	padding-top: 13px;
	float:left;
	display: inline;
	margin-left: 15px;
	background-image: url(../assets/images/footerSep.jpg);
	background-repeat: no-repeat;
	background-position: right 9px;

}
#footerFavs h3 {
	height: 28px;
	width: 160px;
	position: relative;
	text-indent: -1000em;
	background: url(../assets/images/favPlaces.png) top left no-repeat;
}
#footerFavs ul {
	text-decoration: none;
	padding-left: 17px;
	line-height: 1em;
	padding-top: 4px;
	color: #fff;
	font-size: .8em;
}
#footerHireme {
	height: 232px;
	width: 220px;
	padding-top: 15px;
	float: left;
	display: inline;
}
#footerHireme h3 {
	width: 89px;
	height: 28px;
	position: relative;
	text-indent: -1000em;
	margin-left: 7px;
	background: url(../assets/images/hireMe.png) top left no-repeat;
}
#footerHireme p {
	color: #fff;
	font-size: .85em;
	margin: 5px 10px 5px 20px;
	line-height: 1.5em;
	padding-right: 15px;
	text-align: justify;
}
#footerHireme span a {
	width: 129px;
	height: 43px;
	display: block;
	float: right;
	display: inline;
	text-indent: -1000em;
	position: relative;
	margin: 0px 47px 0 0;
	background: url(../assets/images/contactMeBTN.png) top left no-repeat;
}

/*---------Footer Styles End Here------------------*/
/*---------Copyright Styles Begin here-------------*/
#copyright p {
	color: #fff;
	clear: both;
	text-shadow: 1px 1px 2px #222;
	font-size: .6em;
	text-align: center;
	padding: 5px 0px 15px 0px;
}
#copyright a:link,#copyright p a:visited {
	color: #fff;
	text-decoration: none
}
#copyright p a:hover {
	color: #BF6321
	}
/*---------Copyright styles end here-----------------*/

/*---------aboutme page specific styles--------------*/
#container #aboutMe {
	margin-left: 10px;
	width: 1000px;
	height: 310px;
	background: url(../assets/images/helloName.jpg) no-repeat;
}
#aboutContent {
	width:640px;
	float:left;
	margin:0 0 20px 60px;
}

#aboutContent h2 {
	width:640px;
	height:44px;
	background:url(../assets/images/aboutH1.jpg) no-repeat;
	display:block;
	float:left;
	text-indent:-1000em;
	margin-bottom:10px;
}

#mainContent #aboutContent p {
	color:#333;
	line-height:1.7em;
	margin-bottom:10px;
	text-align:left;
}

#recommendations {
	width:210px;
	float:right;
	margin:20px 60px 0 0;
}


/*---------end aboutme page styles-------------------*/
/*----------contact page styles---------------------*/
#container #contactMe {
	width: 1000px;
	height: 310px;
	margin-left: 10px;
	background: url(../assets/images/keyboard.jpg) no-repeat;
}
#page-wrap {
	width: 700px; 
	margin: 40px auto; 
}

#page-wrap h1 { 
	font: 26px Verdana, Serif; 
	margin: 10px 0;
	color: #333;
	height: 45px; 
	width: 700px;
	background: url(../assets/images/contactH1.jpg) no-repeat;
	text-indent: -1000em; 
	position: relative; 
}
#page-wrap p {
	margin: 0 0 10px 0;
}
#page-wrap h2 {
	height: 45px;
	width: 700px;
	background: url(../assets/images/privacy.jpg) no-repeat;
	position: relative;
	text-indent: -1000em;
	margin: 0 0 15px 0;
}
#page-wrap h3{
	font-family: Century Gothic, verdana, sans-serif;
	font-size: 1.25em;
	color: #7A8C87;
	margin: 18px 0 15px 0;
}
#page-wrap a.email:link, #page-wrap a.email:visited {
	color: #BF6321;
}
#page-wrap a.email:hover, #page-wrap a.email:active {
	color: #7A8C87;
}

/*----------end contact page styles-----------------*/