/*-----------
	Reset is good for the soul
		---------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family:Arial, Helvetica, sans-serif;
}

body {
	font: 12px/1.6 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif;
}

/* Headings
----------------------------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h4,
h5,
h6{
	font-weight:bold;
}
h1 {
	font-size: 30px;
	line-height:1;
	color:#222;
	letter-spacing:.1em;
}

h2 {
	font-size: 20px;
	letter-spacing:.1em;
}

h3 {
	font-size: 18px;
	letter-spacing:.1em;
}

h4 {
	font-size: 14px;
}

h5 {
	font-size: 12px;
}

h6 {
	font-size: 10px;
}

/* Spacing
----------------------------------------------------------------------------------------------------*/
p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
address,
fieldset,
blockquote,
form{
	margin-bottom: 15px;
}


/*-----------
	Main Tags
		------------*/
#wrap{
margin:0 auto;
height:768px;
width:1264px;
position:relative;}

#header{
overflow:hidden;
display:block;
height:147px;
margin-bottom:10px;}

.logo a{
background:transparent url(../img/artagent_logo.png) no-repeat scroll 0 0;
display:block;
height:72px;
left:110px;
position:absolute;
text-indent:-9999px;
top:20px;
width:218px;}

.shadowbox{
background:transparent url(../img/bar_shadow.png) no-repeat scroll 0 0;
width:1264px;
height:53px;
top:95px;
position:relative;}

#footer {
background:transparent url(../img/footer_bg.png) no-repeat scroll 0 0;
width:1280px;
height:37px;
margin:0 auto;}

#intro{
margin:0 auto;
height:600px;
width:900px;
position:relative;}

.left{
float:left;
width:235px;
margin-top:26px;}

#btn-back{
float:right;
overflow:hidden;
}
#btn-back a:link,
#btn-back a:visited{
text-decoration:none;
color:#f26230;
background:url(../img/icon-backarrows.png) no-repeat scroll left 4px;
display:block;
padding-left:20px;
}
#btn-back a:hover,
#btn-back a:active{
color:#ee8966;
}
.category{
clear:both;
}
#asset_content{
margin:174px 75px 0;}

.cat_links{
width:205px;}

.cat_links li{
list-style:none;
text-align:right;
width:205px;
line-height:21px;
letter-spacing:1px;}

.cat_links a{
font-size:.77em;
text-decoration:none;
color:#ACACAC;
font-family:lucida Grande,Arial,Helvetica,sans-serif;}

.cat_links a:hover{
color:#656565;}

.middle{
float:left;
width:auto;
margin:30px 25px;}

.main_image img{
/* border:2px solid  #949494; */
border:0px;
}

.right{
margin-top:24px;
width:281px;
float:left;}

.asset_info{
width:300px;}

.asset_info p{
color:#8e8e8e;
line-height:20px;
letter-spacing:1px;
font-size:.77em;
font-family:lucida Grande,Arial,Helvetica,sans-serif;
height:357px;
overflow:auto;
padding-right:15px;
}

.asset_info h2{
color:#2A2A2A;
font-family:lucida Grande,Arial,Helvetica,sans-serif;
letter-spacing:2px;
font-size:1.5em;}

.asset_info span{
color:#FF3300;
padding-right:3px;}

.lightbox_bar{
margin:0 18px;}

.lightbox_drag{
margin:0 51px;}

.lightbox_area{
width:940px;
height:76px;
background:#f4f4f4;
margin:-73px 160px;}

/*----------
	thumbnails
		--------*/
.thumbnails{
margin:0 22px;
width:1250px;}

.thumbs{
float:left;
border-right:2px solid #e2e2e2;}
.illustrator{
		height:593px;
	}
.thumbs li{
float:left;
list-style:none;
margin-right:10px;
height:89px;
width:72px;
background:url(../img/thumb_bg.png) no-repeat;
padding:6px 5px;}

.thumbs a{
width:76px;
height:76px;}

.thumbs span{
font-size:.7em;
clear:left;
color: #7E7E7E;
display:inline-block;
width:80px;
}

.thumbs_last{
float:left;}

.thumbs_last li{
float:left;
list-style:none;
margin-right:15px;
height:82px;
width:72px;
background:url(../img/thumb_bg.png) no-repeat;
padding:6px 5px;}

.thumbs_last a{
width:76px;
height:76px;}

.thumbs_last span{
font-size:.7em;
clear:left;
color: #7E7E7E;}


.illus{width:369px; overflow:hidden;}
.image{width:91px; padding-left:20px; overflow:hidden;}
.photo{width:276px; padding-left:20px; overflow:hidden;}
.interact{width:91px; padding-left:20px; overflow:hidden;}
.boards{width:91px; padding-left:20px; overflow:hidden;}
.action{width:91px; padding-left:20px; overflow:hidden;}
.copy{width:91px; padding-left:20px; overflow:hidden;}


/*-----------
	Slider Tags
		---------*/
		
#sliders{
position:absolute;
padding-top:22px;
top:77px;
display:block;
margin-left:105px;
width:1022px;
}

.prev{
position:absolute;
left:0;
margin:54px auto auto;}

.next{
position:absolute;
right:0;
margin-top:-53px;
margin-right:-19px;}

#carousel{
position:relative;
margin:25px auto auto 18px;}

#sliderMenu {
	width:1001px !important;
}

#sliderMenu li img{
	display: block;
	border: 0px;
	width:auto;
}

 
.stripe li{
cursor:pointer;
display:block;
/* float:left;
height:72px; */
padding:5px;
position:relative;
/* width:105px; */
width: auto !important;
}

/*
.stripe li{
float:left;
position:relative;
display:block;
padding:5px;
height:72px;
cursor:pointer;
width:auto !important;
}
*/
/* #sliderMenu li img{
border:2px solid #ccc;}
*/
/*-----------
	second nav
	   	---------*/

#second_nav{
position:absolute;
top:122px;
left:103px;
z-index:33;}

#second_sprite {
height:12px;
margin:0;
padding:0;
width:1140px;}

#second_sprite li, #second_sprite a {
height:12px;
display:block;
outline:none;}

#second_sprite li {
float:left;
list-style:none;
display:inline;
text-indent:-9999px;}

.illustration {width:61px; margin-left:-78px;}
.imaging {width:51px;margin-left:315px;}
.photography {width:81px;margin-left:62px;}
.interactive {width:111px;margin-left:194px;}
.comps {width:45px;margin-left:21px;}
.live {width:70px;margin-left:70px;}
.writing {width:44px;margin-left:43px;}


.illustration a {background:url(../img/second_sprite.png) 0px 0px no-repeat;}
.imaging a {background:url(../img/second_sprite.png) -76px 0px no-repeat;;}
.photography a {background:url(../img/second_sprite.png) -147px 0px no-repeat;}
.interactive a {background:url(../img/second_sprite.png) -246px 0px no-repeat;}
.comps a {background:url(../img/second_sprite.png) -367px 0px no-repeat;}
.live a {background:url(../img/second_sprite.png) -431px 0px no-repeat;}
.writing a {background:url(../img/second_sprite.png) -521px 0px no-repeat;}

.illustration a:hover {background:url(../img/second_sprite.png) 0px -14px no-repeat;}
.imaging a:hover {background:url(../img/second_sprite.png) -76px -14px no-repeat;}
.photography a:hover {background:url(../img/second_sprite.png) -147px -14px no-repeat;}
.interactive a:hover {background:url(../img/second_sprite.png) -246px -14px no-repeat;}
.comps a:hover {background:url(../img/second_sprite.png) -367px -14px no-repeat;}
.live a:hover {background:url(../img/second_sprite.png) -431px -14px no-repeat;}
.writing a:hover {background:url(../img/second_sprite.png) -521px -14px no-repeat;}

/*----------
	representation
		--------*/
#column-1{
	width:450px;
	padding:0 60px 0 22px;
	margin-top:15px;
	float:left;
}
	.map{
	float:right;
	width:300px;
	}
#side-bar{
	width:400px;
	float:left;
	margin-top:45px;
}
	#side-bar dl dd{
		padding:5px 0;
	}
#column-2{
	padding-right:45px;
	float:left;
	width:200px;
}
#col-1{
	width:450px;
	padding:0 50px 0 22px;
	margin-top:15px;
	float:left;
}
#col-2{
	width:687px;
	padding:0 33px 0 0;
	margin-top:57px;
	float:right;
}



/*-----------
	Sprite Navigation
		------------*/
#nav{
left:675px;
top:70px;
position:absolute;}		
	
#spriteNav {
background: url(../img/navSprite.png) no-repeat;
width:369px;
height:15px;
margin:0;
padding:0;}

#spriteNav li, #spriteNav a {
height:18px;
display:block;
outline:none;}

#spriteNav li {
float:left;
list-style:none;
display:inline;
text-indent:-9999px;}

.navHome {width: 45px;}
.navAbout {width: 51px;}
.navServices {width: 65px;}
.navContact {width: 64px;}
.navRep {width: 105px;}
.navBlog {width: 39px;}
	
#home .navHome a {background:url(../img/navSprite.png) 0px -37px no-repeat; }
#about .navAbout a {background:url(../img/navSprite.png) -45px -37px no-repeat; }
#services .navServices a {background:url(../img/navSprite.png) -96px -37px no-repeat; }
#contact .navContact a {background:url(../img/navSprite.png) -266px -37px no-repeat; }
#rep .navRep a {background:url(../img/navSprite.png) -161px -37px no-repeat; }
#blog .navBlog a {background:url(../img/navSprite.png) -330px -37px no-repeat; }

.navHome a:hover {background:url(../img/navSprite.png) 0px -19px no-repeat; }
.navAbout a:hover {background:url(../img/navSprite.png) -45px -19px no-repeat; }
.navServices a:hover {background:url(../img/navSprite.png) -96px -19px no-repeat; }
.navContact a:hover {background:url(../img/navSprite.png) -266px -19px no-repeat; }
.navRep a:hover {background:url(../img/navSprite.png) -161px -19px no-repeat; }
.navBlog a:hover {background:url(../img/navSprite.png) -330px -19px no-repeat; }

.navHome a:active {background:url(../img/navSprite.png) 0px -37px no-repeat; }
.navAbout a:active {background:url(../img/navSprite.png) -45px -37px no-repeat; }
.navServices a:active {background:url(../img/navSprite.png) -96px -37px no-repeat; }
.navContact a:active {background:url(../img/navSprite.png) -266px -37px no-repeat; }
.navRep a:active {background:url(../img/navSprite.png) -161px -37px no-repeat; }
.navBlog a:active {background:url(../img/navSprite.png) -330px -37px no-repeat; }

/*-----------
	Search field
		------------*/
#search{
float:right;
width:200px;
position:relative;
top:70px;
}

#input-search{
background:transparent url(../img/input-search-box.jpg) no-repeat scroll left top;
border:medium none;
width:123px;
height:18px;
}
	input.query{
	padding:3px 0 0 7px;
	color:#999;
	}
	#search-btn{
		float:left;
	}
	#search-input{
	float:left;
	}
/*-----------
	Social media -footer
		------------*/

.social-media{
	float:right;
	width:72px;
	margin:11px 10px 0 0;
	overflow:hidden;
	color:#fff;
}
a.social-facebook{
		background:transparent url(../img/social-media-facebook.jpg) no-repeat scroll left top;
		display:block;
		width:18px;
		height:17px;
		text-indent:-9999px;
		float:right;
}