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

#container {
	position:relative;
	width:900px;
	margin: auto;
	height:975px;
	background-repeat: no-repeat;
	
}
.navigation {
	font-family: Arial;
	font-size: 16px;
	color: #737373;
	line-height: 30px;
	font-weight: normal;
}
#head-wrapper {
	width:900px;
	height:200px;
	padding-top: 34px;
}

	a:link {
	color: #999999;
	text-decoration: none;
}
	a:visited {
	color: #999999;
	text-decoration: none;
}
	a:hover {
	text-decoration: none;
	color: #f17420;
	border-bottom-style: none;
}
	a:active {
	color: #333333;
	text-decoration: none;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:3em;
	text-decoration: none;
	color: #666666;
	font-weight: lighter;
}

h2 {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	margin-top: 0px;
	font-weight: lighter;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight:light;
}
	
/*h3 {
	font-family: "Courier New", Courier, monospace;
	font-size:1.5em;
	text-decoration: none;
	color:	#909090  ;
	font-weight: heavy;
	line-height:1.2em;
}*/
h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.4em;
	text-decoration: none;
	color:	#C0C0C0;
	line-height:1.2em;
	font-weight: lighter;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:2em;
	text-decoration:none;
	color: #666666;
	font-weight: lighter;
}
h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration: none;
	color: #B0B0B0;
	margin-top: 0px;
	margin-bottom: 7px;
	font-weight:light;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:.2em;
	text-decoration: none;
	color: #666666;
	font-weight: lighter;
}

p {
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	line-height: 16px;
	margin-top: 0px;
	
	
}
.iphone_friendly_text {
	font-family: Arial;
	font-size: 22px;
	color: #666666;
	line-height: 26px;
	top: 0;
}
p.graphic-design-text {
	font-family: Arial;
	font-size: 0.8em;
	color: #666666;
	line-height: 18px;
	text-align: left;
}

	/*.graphic-design-link {
	text-decoration: none;
	border-bottom:1px dotted;
}*/

	a:link.graphic-design-link {
	text-decoration: none;
	color: #333333;
}
	a:visited.graphic-design-link {
	text-decoration: none;
	color: #999999;
}
	a:hover.graphic-design-link {
	text-decoration: none;
	color: #333333;
}
	a:active.graphic-design-link {
	text-decoration: none;
	color: #999999;
}

.style1 {
	color: #F27321;

}
.style2 {
	color: #999999;
}
	
	.introlink2 {
	text-decoration:none;
	border-bottom:1px dotted;
	top: 0;

}

ul li.left {
	list-style:none;
	}
ul li.right {
	list-style:none;
	}
ul {margin: 0; padding: 0;}
/*ul li {display:inline; margin:0px ; padding: 0;}*/

 .iphone_friendly_text {list-style-type:square;}

.left  {
	text-decoration:none;
	border-bottom:1px dotted;
	font-family: Arial;
	font-size: 0.8em;
	color: #666666;
}
.right {
	text-decoration:none;
	border-bottom:1px dotted;
	float:right;
	font-family: Arial;
	font-size: 0.8em;
	color: #666666;
	clear: both;
	margin-right: 143px;
}

.right_nolink {
	float:right;
	font-family: Arial;
	font-size: 0.7em;
	color: #000000;
	clear: both;
	margin-right: 90px;
	line-height: 2;
}

.left_nolink {
	font-family: Arial;
	font-size: 0.7em;
	color: #000000;
	line-height: 2em;
}
	a:link.introlink2 {
	color: #666;
}
	
	a:visited.introlink2 {
	color: #666;
	text-decoration:none;
}
	a:hover.introlink2 {
	color: #CCC;
	text-decoration:none;
}
div.introlink3 {
	position:absolute;
	left:1px;
	top:191px;
	width:628px;
	height:60px;
	font-family: Arial;
	color: #D3D3D3;
	text-decoration:none;
	border-bottom:1px dotted;
}

#below {
	position:absolute;
	height: 106px;
	width: 786px;
	left: 59px;
	top: 811px;
	font-family: Arial;
	font-size: 10px;
	color: #666666;
}

.colmn1 {
	float:left;
	margin-left:0px;
	width:250px;
	height:350px;
}
.colmn2 {
	float:left;
	margin-left:10px;
	width:250px;
	height:350px;
}
.colmn3 {
	float:left;
	margin-left:10px;
	width:250px;
	height:350px;
}

.under-text {
	height:350px;
	padding-top: 40px;
	padding-bottom: 30px;
	margin-bottom: 0px;
	float: left;
	width: 800px;
	margin-left:50px;
}
.secondcontainer {
	margin-left:50px;
	clear:both;
	width: 800px;
	padding-left: 0px;
	}
	
div.dottedline {
	border-bottom:1px dotted;
	margin-top:1px;
	margin-bottom:20px;
	margin-left: 0px;	
	}
	
#getquote {
	position:absolute;
	width:190px;
	height:48px;
	z-index:1;
	left: 605px;
	top: 854px;
}
	.introlink4 {
	text-decoration:none;
	border-bottom:1px dotted;
}
#container .logotext {
	z-index: 4;
}
#container .recentlogos {
	z-index: 4;
}
#container .logotext-right {
	z-index: 4;
}
.greentext {
	color: #92b53c;
}
.greentext2 {
	color: #93a626;
}
.services-container {
	padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 800px;
	margin-left:50px;
	
}
.servicesbox-left {
	float:left;
	margin-left:0px;
	width:250px;
	height:150px;
}.servicesbox-middle {
	float:left;
	margin-left:10px;
	width:250px;
	height:150px;
}
.servicesbox-right {
	float:left;
	margin-left:10px;
	width:250px;
	height:150px;
	
}

ul.services {
	font-family: Arial;
	font-size: 1.3em;
	color: #666666;
	line-height: 18px;
	text-align: left;
	list-style:none;
}
#indexfooter {
	padding-top: 0px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	float: left;
	width: 800px;
	margin-left:50px;
	clear:all;
}
.services-heading {
	text-decoration:none;
	border-bottom:1px dotted;
	top: 0;

}
.sustainable-tag {
	position:absolute;
	font-family: Arial;
	font-size:44px;
	color: #333333;
	left:246px;
	top:213px;
	width:406px;
	height:50px;
	z-index:1;
}
.home-tag {
	position:absolute;
	font-family: Arial;
	font-size: 44px;
	color: #333333;
	font-weight: normal;
	top: 213px;
	left: 50px;
	width: 762px;
	height: 69px;
}
#back-button {
	text-decoration:none;
	border-bottom:1px dotted;
	top: 0;
	position:absolute;
	left:35px;
	top:239px;
	width: 83px;
	}
#twitter {
	color:#C0C0C0;
	float:right;
	font-family:Arial,Helvetica;
	font-size:10px;
	left:600px;
	position:absolute;
	text-decoration:none;
	top:85px;
}
#facebook {
	color:#666666;
	float:right;
	font-family:Arial,Helvetica;
	font-size:10px;
	left:640px;
	position:absolute;
	text-decoration:none;
	top:85px;
}
#phpsent-message {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	text-decoration: none;
	color: #666666;
}
.graphic-design-solutions {
	position:relative;
	height:100px;
	margin-left: 50px;
	margin-top: 50px;
	font-weight:light;
}
div.get-in-touch {
	position:absolute;
	left:34px;
	top:719px;
	width:177px;
	height:156px;
	padding-left: 0px;
	border-width: none;
	background-image: url(images/get-in-touch.jpg);
	z-index: 2;
}