*{
	padding:0;
	margin:0;
}

body {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #484941; 
	background-color: #c0c0c0; 
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0.01, rgb(239,239,239)), color-stop(0.65, rgb(238,245,255)));
background:-moz-linear-gradient(center top, rgb(239,239,239) 1%, rgb(238,245,255) 90%);
	background-repeat: repeat-x; 
	
}

/*html5 display rule*/

article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

/*FONTS*/

@font-face {
    font-family: 'WalkwayUltraBoldRegular';
    src: url('fonts/Walkway_UltraBold-webfont.eot');
    src: url('fonts/Walkway_UltraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/Walkway_UltraBold-webfont.woff') format('woff'),
         url('fonts/Walkway_UltraBold-webfont.ttf') format('truetype'),
         url('fonts/Walkway_UltraBold-webfont.svg#WalkwayUltraBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*HEADERS*/

h1 {
	color: #8d8d8d; 
	font-size: 24px; 
	line-height: normal; 
	text-align: left;
	font-family: WalkwayUltraBoldRegular, Arial, Helvetica, sans-serif;
	text-shadow: 0px 0px 10px #FFF;
	text-transform: uppercase;
	padding-bottom: 5px;
	
}


/*CONTAINER STYLES*/

#container {
	width: 820px; 
	margin: auto; 
}

#head_wrap {
	height: 90px; 
	width: 800px; 
	margin-bottom: 20px; 
}


/*LOGO STYLES*/

#logo {
	float: left; 
	height: 130px; 
	width: 300px; 
	background-repeat: no-repeat; 
	background: #e1d8b9;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(242,242,242,0.85)), color-stop(1, rgba(238,245,255,1.0)));
	background:-moz-linear-gradient(center top, rgba(242,242,242,0.85) 0%, rgba(238,245,255,1.0) 100%);
	-webkit-border-bottom-right-radius: 20px;				-webkit-border-bottom-left-radius: 20px;
	-moz-bottom-left-radius: 20px;
	-moz-bottom-right-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow:  0px 0px 10px #999;
	box-shadow: 0px 0px 10px #B4C7CC; 
	margin-bottom: 20px;
	
}

#logo .logo_image {
	padding: 10px 0px 0px 40px;
	margin-top: 10px;
}


/*NAVIGATION STYLES*/

#navigation {
	float: right; /*floats navigation to the right of the container*/
	margin-top: 10px; /*places a top margin*/
	margin-right: 0px;
 	font-family: WalkwayUltraBoldRegular, Arial, Helvetica, San-serif;
	font-size:14px;
	letter-spacing: 1px;
	text-align:left;
	width: 500px;
	
}

.nav_links ul {
	list-style:none; /*removes bullet points from a list*/
	display: block; /*displays links inline*/
	float: left;
	text-align: left;
	
}

.nav_links li {
	list-style:none; /*removes bullet points from a list*/
	display: block; 
	line-height: 20px;
	float: left;
	padding-left: 22px;
}

.nav_links a {
		text-decoration: none; /*removes link underscore*/
	text-transform: uppercase; /*all links will be in capitals*/
	color: #8d8d8d; /*color of the link*/
	display: block;
	float: left; 
}

.nav_links a:hover {
	color: #0099FF; /*color of the links on mouseover*/
}


  
  
  
/*TAGLINE STYLES*/

#tagline {
	float: left; /*floats navigation to the right of the container*/
	margin-top:20px; /*places a top margin*/
	margin-left: 20px;
	z-index:1;
	color: #999999;
	font-size: 13px;
	text-align: left;
	line-height: 18px;
}



/*MAIN CONTENT STYLES*/

#content {
	height: 286px; /*height of our content box*/
	width: 100%; /*width of our content box*/
	margin-right: 0px; /*margin right*/
	margin-left: 0px; /*margin left*/
	margin-bottom: 20px; /*margin bottom of 20px*/
	clear: both; /*clears the floats both left and right*/
	
	background: #e1d8b9;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(242,242,242,0.85)), color-stop(1, rgba(238,245,255,1.0)));
	background:-moz-linear-gradient(center top, rgba(242,242,242,0.85) 0%, rgba(238,245,255,1.0) 100%);
	-webkit-border-radius: 20px;
	-moz-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow:  0px 0px 10px #999;
	box-shadow: 0px 0px 10px #B4C7CC; 
	
}

.content_med {
	height: 256px; /*height of our thumbnail*/
	width: 410px; /*width of our thumbnail*/
	float: left; /*floats our thumbnail to the left of our content box*/
	margin-top: 15px; /*margin of 17px*/
	margin-bottom: 15px; /*margin of 17px*/
	margin-left: 15px; /*margin of 17px*/
	-webkit-border-radius: 20px;
	-moz-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow:  0px 0px 10px #999;
	box-shadow: 0px 0px 10px #B4C7CC; 
}

.content_desc {
	float: left; /*floats description text to the right*/
	margin-top: 15px; /*description text has a top margin*/
	margin-right: 15px; /*description text has a right margin*/
	margin-left: 15px; /*description text has a left margin*/
	line-height: 15px; /*description text has a line height of 20px to space out the paragraph*/
	text-align: left; 
	overflow: hidden; /*text that overflow the box will be hidden*/
	height: 190px; /*fixed height of 200px*/
	width: 345px; /*fixed width of 278px*/
}

.content_desc_bio {
	float: left; /*floats description text to the right*/
	margin-top: 15px; /*description text has a top margin*/
	margin-right: 15px; /*description text has a right margin*/
	margin-left: 15px; /*description text has a left margin*/
	line-height: 15px; /*description text has a line height of 20px to space out the paragraph*/
	text-align: left; 
	overflow: hidden; /*text that overflow the box will be hidden*/
	width: 345px; /*fixed width of 278px*/
}

.content_desc_clients {
	float: left; /*floats description text to the right*/
	margin-top: 15px; /*description text has a top margin*/
	margin-right: 15px; /*description text has a right margin*/
	margin-left: 15px; /*description text has a left margin*/
	line-height: 15px; /*description text has a line height of 20px to space out the paragraph*/
	text-align: left; 
	overflow: hidden; /*text that overflow the box will be hidden*/
}

a {
text-decoration: none;
color:#0083D7;
}

#content_client {
	height: 500px; /*height of our content box*/
	width: 100%; /*width of our content box*/
	margin-right: 0px; /*margin right*/
	margin-left: 0px; /*margin left*/
	margin-bottom: 20px; /*margin bottom of 20px*/
	clear: both; /*clears the floats both left and right*/
	
	background: #e1d8b9;
	background: -webkit-gradient(linear,left top,left bottom,color-stop(0, rgba(242,242,242,0.85)), color-stop(1, rgba(238,245,255,1.0)));
	background:-moz-linear-gradient(center top, rgba(242,242,242,0.85) 0%, rgba(238,245,255,1.0) 100%);
	-webkit-border-radius: 20px;
	-moz-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow:  0px 0px 10px #999;
	box-shadow: 0px 0px 10px #B4C7CC; 
	
}

/* Thumbstrip */

#content #thumbStrip {
	float: left;
	height: 80px;
	width: 360px;
	margin:10px 15px 15px 15px; 
}
#content #thumbStrip .thumb {
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	color: #FFF;
	margin-right: 10px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}
#content #thumbStrip .thumb:hover {
	-moz-transform: scale(1.32);
	-moz-transform-origin: center top;
	-webkit-transform: scale(1.32);
	-webkit-transform-origin: center top;
	transform: scale(1.32);
	transform-origin: center top;
	background: #333;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
	height: 68px;
	overflow: visible;
}
#content #thumbStrip #thumbStrip .last {
	margin-right: 0px;
}

#content #thumbStrip .thumb p {
	margin: 0;
	padding: 0 5px;
	line-height: 1;
	text-align: right;
	font-size: 60%;
	color: inherit;
}

#content #thumbStrip .thumb img {
	display: block;
	margin-bottom: 2px;
	cursor: pointer;
}
#content #thumbStrip a:link, #content .thumbStrip a:visited {
	font-size: 0.8em;
	color: #cb7d20;
}
#content #thumbStrip a:hover, #thumbStrip a:active {
	border: none;
	color: #fff;
}


/*FOOTER STYLES*/

#footer {
	background-image: url(images/footer_bg.png); /*footer background image*/
	background-repeat: repeat-x; /*background image repeats horizontally*/
	height: 32px; /*height of footer is 32px same as our image*/
	clear: both; /*clear the floats left and right*/
	margin-top: 50px; /*has a top margin of 50px*/
}

#footer p {
	line-height: 30px; /*line height for footer text is 30px*/
	float: right; /*floats text right of the screen*/
	margin-right: 20px; /*pushes text 20px inwards from the right*/
}