/*universal*/

body {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	font-family: 'Quattrocento', 'sans-serif';
	}
	
a {
	color: #2D2D2D;
	display: inline;
	text-decoration: none;
	}

a:visited {
	text-decoration: none;
	}
	
p {}

img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
	
span {}

h1 {
	margin: 0px 0px 10px 0px;
	padding: 0px;
	border-bottom: 1px solid #2D2D2D;
	font-family: 'News Cycle';
	font-size: 20pt;
	}
	
h2 {
	font-family: 'News Cycle', 'sans-serif';
	color: white;
	background-color: #2D2D2D;
	font-weight: 100;
	text-align: center;
	font-size: 24pt;
	letter-spacing: .1em;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	}
	
h3 {
	font-family: 'News Cycle', 'sans-serif';
	letter-spacing: .2em;
	color: #767E8C;
	border-bottom: 8px solid #2D2D2D;
	font-weight: 100;
	height: 40px;
	text-align: right;
	clear: both;
	font-size: 26pt;
	margin: 0px 0px 10px 0px;
	padding-bottom: 13px;
	width: 450px;
	float: right;
	}
	
h4 {
	font-family: 'News Cycle';
	font-size: 24pt;
	font-weight: 100;
	padding: 5px;
	width: 265px;
	color: #2D2D2D;
	margin-top: 0px;
	margin-bottom: 12px;	
	border-bottom: 2px solid #8F897C;
	}
	
h5 {}

.content {clear: both;}

/*header*/

#header {
	height: 147px;
	width: 900px;
	padding-bottom: 0px;
	margin-bottom: 30px;
	border-bottom: 0px solid #8F897C;
	}

#nav {
	float: right;
	width: 145px;
	margin-right: 44px;
	}
	
#crootoflogo { 
	float: left;
	margin-top: 5px;
	}
	
#contact {
	width: 110px;
	float: right;
	}

.navlink {
	width: 130px;
	color: #2D2D2D;
	display: block;
	font-family: 'News Cycle', 'sans-serif';
	font-size: 20pt;
	text-align: left;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 0px 0px;
	border-left: 5px solid #2D2D2D;
	}

.navlink:hover{
	color: #8F897C;
	border-left: 5px solid #8F897C;
	}
	
.contacttxt {
	width: 100px;
	height: 28px;
	color: #8F897C;
	display: block;
	font-family: 'News Cycle', 'sans-serif';
	font-size: 14pt;
	text-align: right;
	padding: 3px 0px 3px 0px;
	margin: 10px 0px 0px 0px;
	}
	
	
/*footer*/

.footer {
	width: 100%;
	border-top: 1px dotted black;
	height: 50px;
	clear: both;
	margin: 20px 0px 10px 0px;
	}
	
#nav2 {
	float: right;
	width: 186px;
	}
	
#contact2 {
	width: 110px;
	float: right;
	}
	
.contacttxt2 {
	width: 100px;
	height: 16px;
	color: #8F897C;
	display: block;
	font-family: 'News Cycle', 'sans-serif';
	font-size: 14pt;
	text-align: right;
	padding: 1px 0px 4px 0px;
	margin: 10px 0px 0px 0px;
	}
	
.navlink2 {
	width: 150px;
	color: #2D2D2D;
	display: block;
	font-family: 'News Cycle', 'sans-serif';
	font-size: 16pt;
	text-align: left;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 0px 0px;
	border-left: 5px solid #2D2D2D;
	}

.navlink2:hover{
	color: #8F897C;
	border-left: 5px solid #8F897C;
	}
	
.navlink3 {
	width: 300px;
	color: #8F897C;
	display: block;
	font-family: 'News Cycle', 'sans-serif';
	font-size: 14pt;
	text-align: left;
	padding: 0px 10px 0px 10px;
	margin: 5px 0px 0px 0px;
	border-left: 5px solid #2D2D2D;
	}
	
	
/*Homepage*/

.tile {
	float: left;
	width: 280px;
	text-align: center;
	margin: 5px 30px 30px 0px;
	}
	
.tile:hover {
	background-color: #C3CDDD; }
	
.tileimage {
	height: 200px;
	width: 150px;
	}
	
.description {
	text-align: justify;
	margin: 10px 0px 0px 0px;
	padding: 0px 7px 7px 7px;
	font-family: 'News Cycle', 'sans-serif';
	height: 170px;
	}

.righttile {
	float: left;
	width: 280px;
	text-align: center;
	margin: 5px 0px 30px 0px;
	}
	
.righttile:hover {
	background-color: #C3CDDD; }

	
/*Portfolio*/

	
.webimage {
	height: 200px;
	width: 265px;
	}
	
.row {
	clear: both;
	height: 400px;
	}
	
.caption {
	text-align: justify;
	margin: 10px 0px 0px 0px;
	padding: 0px 7px 7px 7px;
	font-family: 'News Cycle', 'sans-serif';
	height: 100px;
	}
	
/*Photography*/

.photorow {
	float: left;
	clear: left;
	}
	
.photographyimg {
	width: 270px;
	border: 0px;
	padding: 0px 5px 5px 10px;
	float: left;
	}
	
.morebox {
	width: 100px;
	color: #2D2D2D;
	font-family: 'News Cycle', 'sans-serif';
	padding: 16px 0px 20px 25px;
	margin: 0px 0px 0px 30px;
	font-size: 28pt;
	float: left;
	border-left: 40px solid #2D2D2D;
	}
	
.morebox:hover {
	background-color: #C3CDDD;
	border-left: 40px solid #7E1D1D;
	}

/*About Page*/

.abouttxt {
	font-family: 'News Cycle', 'sans-serif';
	}

	
/*Web Design*/

.theservice {
	clear: both;
	margin-bottom: 30px;
	font-family: 'News Cycle', 'sans-serif';
	}