/* CSS Document */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	background-color: #B1B3B6;
	color:#58595b;
	margin: 0px;
	padding: 0px;
	background-image:url(/images/bg.gif);
	overflow: hidden;
}

input,select,label,table,tr,td {
	font-size: 100%;
}

a {
	outline:none;
}

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

#content a.lightview.hide {
	display: none;
}

.displace {
	position: absolute;
	left: -9999px;
}

/*------------------ LAYOUT -------------------*/
#container {
	position:absolute;
	top:45px;
	left:0px;
	width:867px;
	height:523px;
	background: transparent url(/images/contBG.png) no-repeat;
}

#logo {
	position:absolute;
	top:76px;
	left:24px;
	width: 118px;
	height: 95px;
}

#logo h1 {
	width: 118px;
	height: 95px;
	background: transparent url(/images/logo.png) no-repeat;
	*background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png', sizingMethod='crop');  zoom:1;	
}

#logo h1 a {
	width: 118px;
	height: 95px;
}

#logo h1, #pageTitle h2 {
	padding: 0px;
	margin: 0px;
}

#pageTitle h2 {
	display: none;
}

#pageTitle {
	float: left;
	color: #EC2024;
	font-size: 130%;
	font-weight: bold;
	clear: both;
}

#content {
	position:absolute;
	left:186px;
	top:116px;
	width:675px;
	height:325px;
}

#footer {
	position:absolute;
	top: 467px;
	left: 0px;
	width: 867px;
	height: 53px;
}

#footerRight {
	position:absolute;
	right: 5px;
	top: 1px;
	width: 200px;
	height: 50px;
}

#copyright {
	position:absolute;
	top: 529px;
	left: 12px;
	width: 1074px;
	color: #FFF;
	font-size: 90%;
}

/*--------------- PORTFOLIO -------------------*/
#selectedwork #scroll {
	position:absolute;
	left:0px;
	overflow:hidden;
	text-align:left;
	top:67px;
	width:675px;
	height:325px;
}

#portfolioImage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 675px;
	height: 325px;
	text-align: center;
}

#portfolioText {
	position: absolute;
	left: -187px;
	top: 248px;
	width: 163px;
	height: 100px;
	font-size: 10px;
}

#portfolioText.brand {
	display: none;
}

#portfolioText #number span,
#portfolioText #type span {
	color: #FFF;
	text-align: left;
	font-weight: bold;
	font-size: 11px;
}

#portfolioText #number {
	position: relative;
	background-color: #EC2024;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	left: 0px;
	top: 0px;
	width: 28px;
	height: 18px;
}

#portfolioText #number span {
	position: relative;
	top: 3px;
	width: 28px;
	text-align: center;
	display: block;
}

#portfolioText #type {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 134px;
	height: 18px;
	background-color: #58595B;
	border-bottom: 1px solid white;
}

#portfolioText #type span {
	position: relative;
	top: 3px;
	left: 12px;
}

#portfolioText #text {
	position: absolute;
	left: 41px;
	top: 24px;
}

#portfolioText span {
	color: #00ADEF;
}

#portfolioThumbs {
	position: absolute;
	top: 321px;
}

#rightArrow, #leftArrow {
	position: absolute;
	top: 9px;
}

#rightArrow {
	left: 19px;
}

div#thumbnails {
	float: left;
	position: absolute;
	left: 37px;
	top: 10px;
	height: 16px;
	width: 600px;
}

div#thumbnails .thumbnail {
	float: left;
	width: 6px;
	height: 15px;
	margin-right: 2px; 
}

div#thumbnails .thumbnail a {
	display: block;
	width: 6px;
	height: 15px;
	background-color: #aeb0b3;
	margin-right: 2px; 
}

div#thumbnails .thumbnail.active a {
	background-color: #58595b;
}

div#clickImage {
	float: left;
	position: relative;
	left: 5px;
	top: 5px;
	background-image: url(../images/clickImage.gif);
	width: 113px;
	height: 6px;
	visibility: hidden;
}

/*------------------ LIGHT BOX -------------------*/
#imageDetails {
	margin-top: -3px;
	font-family:Arial, Helvetica, sans-serif;
}

#bottomNav {
	overflow: hidden;
}

/*------------------ NAV -------------------*/
#nav {
	position:absolute;
	left:0px;
	top:187px;
}

#subNav {
	position: absolute;
	left: -41px;
	top: -29px
}

#subNav ol li {
	margin:0px 0px 8px 0px;
	padding:0px;
	height: 16px;
}

#nav ol {
	position:absolute;
	padding:0px;
	margin: 0px;
	list-style:none;
}

#subNav ol li {
	float: left;
	display: inline;
	list-style:none;
	padding:0px 9px 0px 0px;
	margin: 0px 10px 0px 0px;
	background: url(/images/list-item-border.gif) right top no-repeat;
	height: 16px;
}

#subNav ol li a {
	font-size: 10px;
	position: relative;
	top: -2px;
	color: #58595B;
}

#subNav ol li.active a,
#subNav ol li a:hover {
	color: #00acee;
}

#subNav ol li.last-child {
	background: none;
}

#nav ol li {
	float: left;
	clear: both;
	margin:0px 0px 5px 0px;
	padding:0px;
	height: 20px;
}

/*------------------ TEXT -------------------*/
#content a {
	color: #00B0F0;
	text-decoration: none;
}

#content a.lightview {
	position: absolute;
	display: block;
	width: 675px;
	height: 325px;
}

p {
	margin: 0px 0px 7px 1px;
}

#content a:hover {
	color: #EF2121;
}

#portfolio a:hover {
	background: none;
}

h2 {
	font-size: 120%;
}

.blue {
	color: #00B0F0;
}

.grey {
	color: #58595b;
}

.red {
	color: #EE3538;
}

.blueBG {
	background: #00B0F0;
}

.redBG {
	background: #EE3538;
}

.headline {
	font-size: 220%;
	color: #71c8f0;
}

/*------------------ SCROLLBAR -------------------*/
#scrollbar {visibility:hidden;}
#scrollbar img {border: 0px;}
#scroll {
	position: absolute;
	left:1px;
	top:0px;
	width:653px;
	height:325px;
	overflow:hidden; 
	text-align:left;
}

#scroller {
	position:absolute;
	left:0px; 
	top: 0px;
	width:653px;
}
div#scrollbar {position:absolute;width:21px;font-size:1px; z-index:29;left:846px; top:99px;height:342px;}
div#track {position:absolute; top:15px;width:13px;z-index:1;height:327px; background-color:#ECECEC;}
div#dragBar {background-color:#58595b;position:absolute; margin: 2px 2px 0px 2px; width:9px; height:20px;z-index:21}

/*------------------ FORMS -------------------*/
.textInput {
	border: solid 1px #999;
	padding: 1px 2px 2px 2px;
	width: 207px;
	margin-bottom: 5px;
}

.submitButton {
	border: 0px;
	background: none;
	margin: 8px 0px 0px 7px;
	padding: 0px;
}


/*------------------ HOMEPAGE -------------------*/
body#home #scroll, 
body#home #scroller {
	left:0px;
	top:0px;
	width:675px;
	height:347px;
}

body#home #content {
	position:absolute;
	left:186px;
	top:116px;
	width:675px;
	height:347px;
}

/*------------------ ABOUT -------------------*/
body#about {
	font-size: 75%;
}

body#about p {
	line-height: 14.5px;
}

/*------------------ SELECTED WORK -------------------*/
body#selectedwork #scroll {
	top:0px;
	overflow: visible; 
}

body#selectedwork #scroller {
	width:460px;
}

/*------------------ CLIENT LIST-------------------*/
body#clientlist h2 {
	display: block;
}

body#clientlist .clientList {
  position: relative;
  top: 55px;
  padding: 0px;
  float: left;
  width: 28%;
}
 
body#clientlist .clientList li {
  margin: 0px;
  padding: 0px;
  line-height: 1.7em;
  list-style-type: none;
}

/*------------------ NEWS-------------------*/
body#news h3 {
	color: #00acee;
	font-size: 160%;
	margin: 9px 0px 7px 0px;
}

body#news #content {
	top:113px;
}

body#news div.date {
	color: #58595b;
	font-weight: bold;
}

/*------------------ SERVICES-------------------*/
body#services #content {
	top:111px;
}

body#services ul.servicesList {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

body#services ul.servicesList li {
	display: block;
	color: #EC2024;
	font-size: 190%;
	font-weight: bold;
	margin-bottom: 15px;
}

body#services ul.servicesList li.last-child {
	margin-bottom: 0px;
}

/*------------------ CLIENT LOGIN-------------------*/
body#clientlogin h2 {
	display: block;
}

body#clientlogin form {
	position: relative;
	top: 63px;
}

body#clientlogin #scroll {
	top: 63px;
}

/*------------------ CONTACT-------------------*/
body#contact h2 {
	display: block;
}

body#contact h3 {
	font-weight: normal;
	position: relative;
	top: 11px;
	font-size: 13px;
}

body#contact .grey img {
	margin: 0px 10px 0px 0px;
}

body#contact .grey td {
	padding: 26px 0px 0px 0px;
}

body#contact .contactTable {
	margin: 0px;
}

body#contact .contactTable a {
	color: #58595b;
}