@charset "UTF-8";
* {
	margin: 0px;
	padding: 0px;
}
body {
	background-image: url(assets/graphics/d_tile_100x100.png);
	background-repeat: repeat;
}
body,td,th {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: .9em;
	background-color: #232323;
	margin: 0px;
	text-decoration: none;
}
.smallFont {
	font-size: .8em;
}
.tealText {
	color: #1A9EA4;
}
.smItalicText {
	font-size: 0.8em;
	font-style: italic;
	font-weight: normal;
}
a:link {
	color: #232323;
	text-decoration: none;
}
a:visited {
	color: #232323;
	text-decoration: none;
}
a:hover {
	color: #a62422;
	text-decoration: none;
}
a:active {
	color: #232323;
	text-decoration: none;
}
#container {
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	width: 800px;
	background-attachment: scroll;
	background-image: url(assets/graphics/corner_logo_130x131.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #D6D7D6;
	margin-bottom: 25px;
	position: relative;
}
#header {
	background-color: #D6D7D6;
}
#topNav {
	position: relative;
	height: 40px;
	width: 800px;
	left: 0px;
	top: 0px;
	background-color: #232323;
}
#bttnHome a {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/home_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnHome a:hover {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/home_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnHomeOff {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/home_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnAbout a {
	position: absolute;
	top: 0px;
	left: 130px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/about_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnAbout a:hover {
	position: absolute;
	top: 0px;
	left: 130px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/about_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnAboutOff {
	position: absolute;
	top: 0px;
	left: 130px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/about_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnServices a {
	position: absolute;
	top: 0px;
	left: 260px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/services_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnServices a:hover {
	position: absolute;
	top: 0px;
	left: 260px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/services_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnServicesOff {
	position: absolute;
	top: 0px;
	left: 260px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/services_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnPortfolio a {
	position: absolute;
	top: 0px;
	left: 390px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/portfolio_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnPortfolio a:hover {
	position: absolute;
	top: 0px;
	left: 390px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/portfolio_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnPortfolioOff {
	position: absolute;
	top: 0px;
	left: 390px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/portfolio_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnContact a {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/contact_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnContact a:hover {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/contact_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnContactOff {
	position: absolute;
	top: 0px;
	left: 520px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/contact_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnCurrentClients a {
	position: absolute;
	top: 0px;
	left: 650px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/current_clients_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnCurrentClients a:hover {
	position: absolute;
	top: 0px;
	left: 650px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/current_clients_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#bttnCurrentClientsOff {
	position: absolute;
	top: 0px;
	left: 650px;
	width: 130px;
	height: 40px;
	text-indent: -9999em;
	background-image: url(assets/graphics/buttons/current_clients_on_130x40.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#sideBar {
	width: 150px;
	float: right;
	color: #F15f22;
	margin-top: 42px;
	margin-left: 20px;
	margin-bottom: 60px;
}
#sideBar p {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1.5em;
	margin-left: 0px;
}
#sideBar a:link {
	color: #f15f22;
	text-decoration: none;
}
#sideBar a:visited {
	color: #f15f22;
	text-decoration: none;
}
#sideBar a:hover {
	color: #a62422;
	text-decoration: none;
}
#sideBar a:active {
	color: #f15f22;
	text-decoration: none;
}
#mainContent {
	padding-bottom: 80px;
	margin-right: 180px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
#mainContent p a:link {
	color: #7db552;
}
#mainContent p a:visited {
	color: #7db552;
}
#mainContent p a:hover {
	color: #232323;
}
#mainContent p a:active {
	color: #7db552;
}
#mainContent li a:link {
	color: #7db552;
}
#mainContent li a:visited {
	color: #7db552;
}
#mainContent li a:hover {
	color: #232323;
}
#mainContent li a:active {
	color: #7db552;
}
#mainContentPortfolio {
	padding-bottom: 40px;
	margin-right: 180px;
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
}
#mainContent p {
	margin-bottom: 1.5em;
	padding-right: 50px;
	padding-left: 50px;
	color: #232323;
}
#mainContentPortfolio p {
	margin-bottom: 1.5em;
	padding-right: 50px;
	padding-left: 50px;
	color: #232323;
}
#servicesList {
	text-decoration: none;
	list-style-type: none;
	margin-left: 50px;
	margin-bottom: 1.5em;
	margin-top: 0px;
	margin-right: 0px;
}
#contactForm th{
	color: #232323;
	background-color: #d6d7d6;
	text-align: right;
	padding: 5px;
	font-weight: normal;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#contactForm td {
	color: #232323;
	background-color: #d6d7d6;
	text-align: right;
}
#contactForm {
	margin-right: auto;
	margin-left: auto;
}
#contactForm #submitButton{
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	margin: 0px;
}
#footer {
	font-size: 11px;
}
#bttmNav {
	text-decoration: none;
}
#bttmNav li{
	padding: 0px;
	text-align: center;
	display: inline;
	margin-right: 28px;
	margin-left: 28px;
	font-size: 13px;
}
#bttmNav li a {
	text-decoration: none;
}
#bttmNav ul li a:hover {
	color: #a62422;
}
#bttmInfo {
	text-align: center;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 13px;
	padding-bottom: 8px;
}
#hrMC {
	color: #a62422;
	height: 2px;
	border: none;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	background-color: #a62422;
}
.redText {
	color: #a62422;
}
.boldText {
	font-weight: bold;
	color: #232323;
}
.italicText {
	font-style: italic;
	color: #232323;
}
.boldItalicText {
	font-style: italic;
	font-weight: bold;
	color: #232323;
}
#top {
	font-size: .8em;
	text-align: center;
}
#orderedListProcess {
	margin-bottom: 1.5em;
	margin-left: 50px;
	margin-top: 0px;
	margin-right: 0px;
	color: #232323;
}
.listIndent {
	margin-left: 20px;
}

:focus {
  -moz-outline-style: none;
}
#servicesList li {
	font-weight: 400;
}
#mainContent h1 {
	font-size: 0.9em;
	font-weight: 600;
	color: #a62422;
	margin-left: 20px;
	margin-bottom: 20px;
}
#mainContentPortfolio h1 {
	font-size: 0.9em;
	font-weight: 600;
	color: #a62422;
	margin-left: 20px;
	margin-bottom: 20px;
}
#mainContent h2 {
	font-size: 0.9em;
	font-weight: 400;
	color: #a62422;
	margin-left: 20px;
	margin-bottom: 20px;
}
#mainContentPortfolio h2 {
	font-size: 0.9em;
	font-weight: 400;
	color: #a62422;
	margin-left: 20px;
	margin-bottom: 20px;
}
:focus {
	outline: none;
}
#portfolio h2  {
	font-size: 0.9em;
	color: #232323;
	margin-bottom: 1.5em;
	margin-left: 50px;
	font-weight: bold;
}
#portfolio img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: left;
}
#portfolio {
}
.port {
	width: 620px;
}
.porttxt {
	margin-left: 50px;
	margin-top: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.porttxt img {
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 2px;
	margin-left: 0px;
}
.porttxt p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -50px;
}
.orangeItalicText {
	color: #F15F22;
	font-style: italic;
}
#designForPrintMM {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 28em;
	visibility: hidden;
}
#designForPrintMM p {
	padding-right: 5px;
}
#designForWebMM {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 28em;
	visibility: hidden;
}
#designForWebMM p {
	padding-right: 5px;
}
#photographyMM {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 28em;
	visibility: hidden;
}
#photographyMM p {
	padding-right: 5px;
}
#contentWritingMM {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 28em;
	visibility: hidden;
}
#contentWritingMM p {
	padding-right: 5px;
}
#socialMediaMM {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 28em;
	visibility: hidden;
}
#socialMediaMM  p{
	padding-right: 5px;
}
#designForPrintNL {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 48em;
	visibility: hidden;
}
#designForPrintNL p {
	padding-right: 5px;
}
#brandIdentityNL {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 48em;
	visibility: hidden;
}
#brandIdentityNL p {
	padding-right: 5px;
}
#photographyNL {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 48em;
	visibility: hidden;
}
#photographyNL p {
	padding-right: 5px;
}
#contentWritingNL {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 48em;
	visibility: hidden;
}
#contentWritingNL p {
	padding-right: 5px;
}
#webMaintenanceNL {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 48em;
	visibility: hidden;
}
#webMaintenanceNL p {
	padding-right: 5px;
}
#designForWebSP {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 69em;
	visibility: hidden;
}
#designForWebSP p {
	padding-right: 5px;
}
#brandIdentityCIA {
	width: 150px;
	color: #F15F22;
	position: absolute;
	left: 650px;
	top: 86em;
	visibility: hidden;
}
#brandIdentityCIA p {
	padding-right: 5px;
}
#portfolioContent {
	margin-left: 50px;
}
#mainContentPortfolio h1 a:link {
	color: #a62422;
}
#mainContentPortfolio h1 a:visited {
	color: #a62422;
}
#mainContentPortfolio h1 a:hover {
	color: #232323;
}
#mainContentPortfolio h1 a:active {
	color: #a62422;
}
#mainContent h1 a:link {
	color: #a62422;
}
#mainContent h1 a:visited {
	color: #a62422;
}
#mainContent h1 a:hover {
	color: #232323;
}
#mainContent h1 a:active {
	color: #a62422;
}

/*beginning of css for GalleryView */

/*

	GalleryView Stylesheet
	
	Use the CSS rules below to modify the look of your gallery.
	
	To create additional rules, use the markup below as a guide to GalleryView's architecture.
	
	<div class="gallery">
		<div class="panel">
			<img src="path/to/image.jpg" />
			<div class="panel-overlay">
				...overlay content...
			</div>
			<div class="overlay-background"></div>
		</div>
		<ul class="filmstrip">
			<li class="frame current">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
			<li class="frame">
				<img src="path/to/thumbnail.jpg" />
				<div class="caption">caption text</div>
			</li>
		</ul>
	</div>
		

*/

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#portPhotos { visibility: hidden; }

/* GALLERY CONTAINER */
.gallery { }

/* LOADING BOX */
.loader { background: url(file:///HD/Users/M/Documents/Documents/one%20&%20eight%20designs/09_14_10_GVtest/root/loader.gif) center center no-repeat #ddd; }
.panel h3 {
	font-size: 0.9em;
	font-weight: 600;
	color: #232323;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 100px; }
.liP {
	padding-right: 0px;
	padding-left: 0px;
}

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: transparent; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { }
.panel .panel-overlay a { }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: none; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #232323; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { }

/* CURRENT FRAME CAPTION */
.frame.current .caption { }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #232323;
	top: 34px;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}
#jsPortWebAddress {
	margin-top: 1em;
}
#jsPortWebAddress a:link {
	margin-top: 1em;
	color: #7db552;
}
#jsPortWebAddress a:hover {
	margin-top: 1em;
	color: #232323;
}
#jsPortWebAddress a:visited {
	margin-top: 1em;
	color: #7db552;
}
#jsPortWebAddress a:active {
	margin-top: 1em;
	color: #7db552;
}

#ccPH {
	margin-bottom: 0px;
}