@charset "UTF-8";
/* CSS Document. TREBOR Graphics PAGES */

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3a4042;
	background-color: #edf4fa;
	background-image: url(../images/graphics_bar.gif);
	background-repeat: repeat-x;
	background-position: top
}
* {
	margin: 0px;
}
#wrapper {
	position: relative;
	width: 1009px;
	margin-top: -7px;
	margin-left: auto;
	margin-right: auto;
}
#web_tab {
	position: absolute;
	top: 65px;
	right: 31px;
}
#web_tab li {
	font-size: 100%;
	text-align: center;
	list-style: none;
	float:right;
	width: 160px;
}
#web_tab a {
	text-decoration: none;
	display:block;
}
li.web a {
	color: #002f38;
	padding: 12px 0px;
	height: 19px;
}
li.graphics a {
	color: #e78c33;
	padding: 12px 0px;
	height: 19px;
}
li.web a:hover, li.web2 a:hover {
	color: #fff;
}
li.graphics a:hover {
	cursor:default;
}
li.web {
	background-image: url(../images/web_tab_behind.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
li.web a {
	background-image: url(../images/web_tab_behind_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;	
}
li.graphics {
	background-image: url(../images/graphics_tab_front.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 10px;
}
li.graphics a {
	background-image: url(../images/graphics_tab_front_right.jpg);
	background-repeat: no-repeat;
	background-position: top right;	
}
#logo {
	position: absolute;
	top: 35px;
	left: 78px;
	width: 300px;
}
a img {
	border:none;
}

#circles {
	position: relative;
	font-size: 100%;
	line-height: 150%;
	text-align:center;
}
#circles a, #contact_text a {
	color:#002f38;
	text-decoration: none;
}
#circles a:hover, #contact_text a:hover {
	color:#f99c41;
}
#contact_text {
	position: absolute;
	top: 26px;
	width: 90px;
	text-align:center;
}
#contact_text a {
	font-size: 110%;
	line-height: 120%;
	
	color:#ffffff;
}

.web_work {
	position: absolute;
	top: 0px;
	left: 40px;
	width: 300px;
}
.retail {
	position: absolute;
	top: 90px;
	left: 600px;
	width: 250px;
}
.identity {
	position: absolute;
	top: 20px;
	left: 375px;
	width: 200px;
}
.print {
	position: absolute;
	top: -30px;
	right: 10px;
	width: 150px;
}
.contact {
	position: absolute;
	top: 12px;
	left: 530px;
	width: 90px;
}
#nav {
	position: absolute;
	top: 108px;
	right: 31px;
	width:948px;
	margin:0px;
	padding:0px;
}
#nav li {
	font-size: 100%;
	line-height:170%;
	text-align: center;
	color: #3a4042;
	text-decoration: none;
	list-style: none;
	float:right;
}
#nav a {
	text-decoration: none;
	color: #3a4042;
	border-left: #818e92 1px solid;
	display:block;
	padding: 7px 20px 0px 20px;
}
.last_tab a {
	border-right: #818e92 1px solid;
}
#nav a:hover {
	color: #e78c33;
}
body#retail a#retailLink, body#identity a#identityLink, body#signage a#signageLink, body#web_work a#web_workLink, body#print a#printLink {
	color: #e78c33;
	cursor:default;
}
div.subject {
	padding: 130px 50px 0px 80px;	
}
#graphics div.subject {
	padding: 130px 280px 0px 80px;	
}
h1 {
	font-size: 150%;
	line-height: 140%;
	font-weight: normal;
	margin-bottom: 10px;
	color: #002f38;
}
h2 {
	color: #fba741;
	font-size: 85%;
	line-height: 200%;
}
div.subject_text {
	line-height: 180%;
	color: #002f38;
	margin:25px 0px 30px 0px;
}
div.subject_text p {
	margin-bottom: 8px;
	font-size: 85%;
	line-height: 170%;
}