@charset "utf-8";
/* CSS Document */
@import url("reset.css");
/* Creative Theory 2008 - Ian Harrison */

strong, em, b, p {
	font-family:  Verdana, Helvetica, Arial, sans-serif;
	
}
h1, h2, h3, h4, h5, h6, address, a {
	font-family: Arial, sans-serif;
	font-weight:bold;
	font-size-adjust:none;
	font-stretch:normal;
	}
a {
	text-decoration:none;
	}
	
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
  }
#straight-jacket {
	width:900px;
	margin: 0px auto;
	background-image: url(../_images/trans-side.png);
	background-repeat: repeat-y;
	padding-left:50px;
	padding-right:50px;
}
/* HEADER */
#header {
	position:relative;
	width:900px;
	height:232px;
}
#header h1 {
	background-image:url(../_images/digital-creative-agency.jpg);
	display: block;
	text-indent: -1000em;
	height:50px;
}
#header h2 {
	background-image:url(../_images/home-header.jpg);
	display: block;
	text-indent: -1000em;
	height:182px;
}
/* MAIN NAVIGATION */
#navigation {
	position: relative;
	top:-182px;
	height:45px;
	width:676px;
	left:220px;
	background-image:url(../_images/navigation.jpg);
}
#navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
}
#navigation li, #navigation a {
	height: 45px;
	display: block;
	text-indent:-1000em;
}
/*  Buttons */
#homebtn {left: 0px;width: 100px;}
#homebtn a:hover {background: transparent url(../_images/navigation.jpg) -0px -45px no-repeat;}
#aboutbtn {left: 102px;	width: 90px;}
#aboutbtn a:hover {background: transparent url(../_images/navigation.jpg) -102px -45px no-repeat;}
#servicesbtn {left: 200px;width: 100px;}
#servicesbtn a:hover {background: transparent url(../_images/navigation.jpg) -200px -45px no-repeat;}
#portfoliobtn {left: 305px;	width: 104px;}
#portfoliobtn a:hover {background: transparent url(../_images/navigation.jpg) -305px -45px no-repeat;}
#newsbtn {left: 415px;width: 75px;}
#newsbtn a:hover {background: transparent url(../_images/navigation.jpg) -415px -45px no-repeat;}
#contactbtn {left: 498px;width: 100px;}
#contactbtn a:hover {background: transparent url(../_images/navigation.jpg) -498px -45px no-repeat;}
#msgbtn {left: 600px;width: 75px;}
#msgbtn a:hover {background: transparent url(../_images/navigation.jpg) -600px -45px no-repeat;}

#services-menu {
	width:625px;
	height:28px;
	display:none;
	position:absolute;
	text-align:right;
	top:95px;
	left:245px;
	z-index:99;
	background-color:#FFF;
	background-image:url(../_images/subnav-bg.gif);
	padding:12px 5px 5px 25px;
	background-repeat: repeat-x;
	white-space:nowrap;
		}
		/* make menu horizontal */
		#services-menu ul li {
		float:left;
		position:relative;
		text-decoration:none;
		}
		#services-menu ul li a {
		display:block;
		font-size:12px;
		letter-spacing:normal;
		color:#2a2a2a;
		padding:5px 25px 5px 0px;
		
		}
		#services-menu ul li a:hover {
		color:#73349f;
		}
		
#portfolio-menu {
	width:525px;
	height:28px;
	display:none;
	position:absolute;
	text-align:right;
	top:95px;
	left:245px;
	z-index:99;
	background-color:#FFF;
	background-image:url(../_images/subnav-bg.gif);
	padding:12px 5px 5px 125px;
	background-repeat: repeat-x;
	white-space:nowrap;
		}
		/* make menu horizontal */
		#portfolio-menu ul li {
		float:left;
		position:relative;
		}
		#portfolio-menu ul li a {
		display:block;
		font-size:12px;
		letter-spacing:normal;
		color:#2a2a2a;
		padding:5px 25px 5px 0px;
		
		}
		#portfolio-menu ul li a:hover {
		color:#73349f;
		}
		


/* CONTENT */
#content {
	position:relative;
	background-color:#000;
	padding:26px;
	_top:-45px; /* ie6 bugfix */
}

#information {
		
		background-color:#1c1c1c;
		border:1px solid #2c2c2c;
		padding:20px;
		}
#information p {
		color:#fff;
		font-size:12px;
		line-height:180%;
		letter-spacing:normal;
		}
#information a {
		color:#b3f614;
		font-family:  Verdana, Helvetica, Arial, sans-serif;
		display:inline;
		font-size:12px;
		letter-spacing:normal;
		font-weight:normal;
	}
#information a:hover {
		color:#FFF;
}
#information ul {
		margin:20px;
		}
#information ul li {
		padding:10px;
		font-family:  Verdana, Helvetica, Arial, sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#FFF;		
		text-indent:50px;
		list-style:circle;
}
#content h1 {
		display:block;
		letter-spacing:-1px;
		color:#FFF;
		font-size:30px;
		font-weight:bold;
		text-transform:lowercase;
		border-bottom:1px solid #333;
		margin-bottom:5px;
		}
#content h2 {
		color:#ccc;
		margin-bottom:25px;
		}
#content h3 {
		color:#fff;
		margin: 35px 0px 20px 0px;
		border-bottom: 1px solid #333;
		}
#content h1 i {
		color:#bceb4c;
		font-style:normal;
		}
		
#slidershadow {
	width:750px;
	position: relative;
	margin: 0 auto;
	background-image:url(../_images/slider-background.jpg);
	background-repeat: no-repeat;	
	background-position: left top;
	}
#slider {
    width: 750px;	
    position: relative;
	}

.scroll {
	height: 350px;
	width: 750px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;	
}

.scrollContainer div.panel {
    height: 350px;
    width: 750px;	
}

.portfolio_image {
	width:375px;
	float:left;
	}	
.portfolio_text {
	padding:50px 35px 20px 20px;
	width:300px;
	color:#FFF;
	float:right;
	}	
	.portfolio_text h2 {
	font-size:15px;
	margin-bottom:10px;
	}
	.portfolio_text p {
	font-size:12px;
	line-height:140%;
	
	}
	.portfolio_text a {
		margin-top:20px;
		color:#b3f614;
		font-family:  Verdana, Helvetica, Arial, sans-serif;
		display:inline;
		font-size:12px;
		letter-spacing:normal;
		font-weight:normal;
		text-decoration:none;
			}
	.portfolio_text a:hover {
		color:#FFF;		
		}

blockquote {
margin:30px;
background-image: url(../_images/quote-open.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 30px;
font-style: italic;
color:#F7F7F7;
font-size:14px;
line-height:160%;
}
blockquote span {
background-image: url(../_images/quote-close.gif);
background-repeat: no-repeat;
background-position: right bottom;
display: block;
padding-right: 30px;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

hr {color:#FFF;}


/* HOME PAGE */
#homeintro {
	background-color:#1b1b1b;
	border:#272727 1px solid;
	padding:5px;
	width:835px;
	height:231px;
}
#homeintro .creativeagency {
	background-image:url(../_images/home-intro-text.gif);
	width:443px;
	height:211px;
	padding:6px 35px 6px 6px;
	background-repeat: no-repeat;
	background-position: 12px center;
	float: left;
}
#homeintro .creativeagency h2 {
	text-indent:-1000em;
}
#slideshow {
	position:relative;
	height: 231px;
	width:340px;
	overflow:hidden;
}
#slideshow IMG {
	position:absolute;
	top:0;
	left:0;
	z-index:8;
}
#slideshow IMG.active {
	z-index:10;
}
#slideshow IMG.last-active {
	z-index:9;
}

/* homepage service boxes */

#webgraphicdesign {
	color:#FFFFFF;
	_height:250px; /* hack for WIN ie6 */
	}
	#webgraphicdesign ul {
	overflow: hidden;       /*causes modern browsers and IE7 to 
                            enclose float children*/
    display: inline-block;  /*triggers hasLayout in IE*/
	display:block;
	}
	#webgraphicdesign ul li {
	display:block;
	float:left;
	width:234px;
	height:100px;
	background-color:#1b1b1b;
	border:#272727 1px solid;
	padding:20px;
	margin-right:10px;
	margin-bottom:10px;
	}
	#webgraphicdesign h1 {
		font-size:20px;
		font-weight:bold;
		text-transform:lowercase;
		letter-spacing:-1px;
		}
		#webgraphicdesign h1 a, #webgraphicdesign h1 a:visited  {
		letter-spacing:-1px;
		color:#fff;
		text-decoration:none;
		}
		#webgraphicdesign h1 i {
		color:#bceb4c;
		font-style:normal;
		}
		#webgraphicdesign p {
		color:#CCC;
		padding-top:4px;
		font-size:0.75em;
		line-height:140%;
		letter-spacing:-1px;
		}
		#webgraphicdesign .more {
		padding-top:5px;
		_padding-top:0;
		_top:5px;
		}
		#webgraphicdesign a {
		letter-spacing:normal;
		color:#FFF;
		text-decoration:none;
		display:block;
		}	
		#webgraphicdesign a:visited {
		color:#FFF;
		letter-spacing:normal;		
		}	
		#webgraphicdesign a:hover {
		color:#CCC;
		}
		#webgraphicdesign li:hover {
		background:url(../_images/home-link-block-over.jpg);
		}


/* FOOTER */		
	#footer {
	position:relative;
	background-image:url(../_images/footer.jpg);
	height:169px;
	}
	#latestnews {
	position:absolute;
	left:200px;
	top:21px;
	width: 216px;
	}
	#latestnews h3 {
	background-image:url(../_images/latest-news-title.gif);
	background-position: 5px;
	background-repeat: no-repeat;
	width:100px;
	height:16px;
	text-indent:-1000em;		
		}
	#latestnews li {
		display:block;
		background-image:url(../_images/latest-news-bg.gif);
		height:21px;
		margin-top:8px;
		padding: 5px 0 0 30px;
		font-size:12px;
		}
	#latestnews li a {
		color:#bbef41;
		text-decoration:none;
		letter-spacing:normal;
		}
		#latestnews li a:hover {
		color:#fff;
		}
	
	#phone-us {
	position:absolute;
	background-image:url(../_images/get-in-touch-text.gif);
	padding-top:20px;
	width:278px;
	height:100px;
	left: 446px;
	top: 20px;
	background-repeat: no-repeat;
	background-position: 10px top;
	}
	#phone-us h3 {
	text-indent:-1000em;
	background-image:url(../_images/phone-numbers.gif);
	height:100px;
	}
	
	#quote {
	position:absolute;
	display:block;
	width: 152px;
	height: 127px;
	background-image:url(../_images/request-a-quote.gif);
	background-repeat: no-repeat;
	left: 730px;
	top: 13px;
	}
	#quote h3 {
	text-indent:-1000em;
	}
	#quote a {
	display:block;
	height:127px;
	}
	#quote a:hover {
	background: transparent url(../_images/request-a-quote.gif) -0px -127px no-repeat;
	}
	
	
	#endgame {
	padding:20px 40px 20px 20px;
	color:#fff;
	font-size:12px;
	text-align:right;
	}
	#endgame p {
	font-size:13px;
	margin-bottom:4px;
	}
	#endgame p a {
	display:inline;
	color:#CCC;
	text-decoration:none;
	}
	#endgame p a:hover {
	color:#b0f117;
	}
	
	
	
/* Thickbox CSS */ 

#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}