@import url('/css/fonts.css');

/* STRUCTURE
------------------------------------------------------------------------------------------------------------------------ */
body{font-family:Tahoma,Geneva,sans-serif; letter-spacing:.02em; font-size:13px; line-height:21px; background:#a1a1a1; margin:0; padding:0; text-align:center; color: #666; letter-spacing:.03em}

#header_wrap, #body_wrap, #footer_wrap {width: 100%; text-align: left; padding:0; margin:0}
#header_wrap {background: url(../images/global/hdr_bg_gr.gif) repeat-x #bb99ce; height:100px;}
#header, #body_content, #footer {padding:0; width:960px; margin: 0 auto;}
#header { height:100px;}
.header_right {margin-left:0}

#body_wrap {background: url(../images/global/body_bg_shadow.gif) center top #c9c9c9 repeat-y}
#body_content {padding:20px 0}

.container_12 {padding-bottom:20px}


/* 2 COL
------------------------------------------------------------------------------------------------------------------------ */
div.two_col { background:#fff; padding-top:20px}
.two_col h1 {margin-left:10px; margin-top:0; font-family:'AniversRegular',sans-serif; font-size-adjust:0.5; font-size:24px; font-weight:normal}
.one_col h1 {margin-left:10px; margin-top:20px font-family:'AniversRegular',sans-serif; font-size-adjust:0.5; font-size:24px; font-weight:normal}
.one_col p {margin-left:10px}


/* HEADER
------------------------------------------------------------------------------------------------------------------------ */
#logo { position:relative; top:50px; left:10px; height:23px; overflow:hidden; margin:0 }
#logo a { background:url(../images/global/logo_l.png) no-repeat; margin:0; padding:0; width:274px; height:21px; text-indent:-9999px; display:block; color:#fff; text-decoration:none; margin:0}

/*#logo { position:relative; top:50px; left:10px; height:34px; overflow:hidden; margin:0 }
#logo a { background:url(../images/global/logo_script.png) no-repeat; margin:0; padding:0; width:257px; height:34px; text-indent:-9999px; display:block; color:#fff; text-decoration:none; margin:0}*/

#lnk_twt {margin:29px 0 0 0; height:15px;}
#lnk_twt a {display:block; width:103; height:17px; text-indent:-9999px; background:url(../images/global/hdr_twitter_l.png) no-repeat; margin:0; padding:0}
#studio_jb {height:35px; text-indent:-9999px; background: url(../images/global/hdr_jb.png) no-repeat; margin:6px 0 0 0;}

/* NAV */
.nav_wrap { background:url(../images/global/nav_bg_l.png) top left no-repeat; height:53px; position: relative; top:7px; left:80px; width:224px}
ul#nav {margin:0; padding:20px 0 0 0; list-style:none}
ul#nav li {float:left; }
ul#nav li a {color:#fff; text-decoration:none; display:block;  text-indent:-9999px; height:18px;  margin:0 0 0 18px }
ul#nav li a:hover { background-position: 0 -18px}
a#nav_think { background:url(../images/global/nav_think.png) no-repeat; width:40px; margin-left:16px}
a#nav_work { background:url(../images/global/nav_work.png) no-repeat; width:39px}
a#nav_play { background:url(../images/global/nav_play.png) no-repeat; width:32px}
a#nav_do { background:url(../images/global/nav_do.png) no-repeat; width:20px}


/* FOOTER
------------------------------------------------------------------------------------------------------------------------ */
div#footer {padding-top:10px}
div#footer .ftr_r p { text-align:right; font-size:11px; }
div#footer p {color: #CCC;  font-size:11px; margin-left:0 }
p.ftr_nav a:link, p.ftr_nav a:visited  {padding: 0 10px; background:url(../images/global/div_ccc.gif) left center no-repeat; font-size:16px; color: #CCC}
p.ftr_nav a:hover {color: #333}
p.ftr_nav a.ftr_nav_l {padding-left:0; background:none}

/* TEXT
------------------------------------------------------------------------------------------------------------------------ */
a {color:#925fad; outline:none; text-decoration:none}
a:visited {color:#925fad;}
a:hover {color: #333; }
a img {border:none}

p {margin:0 0 20px 0; letter-spacing:.05em}
h1 {font-weight:normal; font-style:normal; line-height:normal; font-family:'AniversRegular',sans-serif; font-size-adjust:0.5; color:#925fad; margin-bottom:15px; font-size:32px}
h2 {font-weight:normal; font-style:normal; line-height:normal; font-family:'AniversRegular',sans-serif; font-size-adjust:0.5; color:#925fad; margin-bottom:10px;  font-size:24px;}
h3 {font-family:'AniversRegular', sans-serif; font-weight:normal; color:#925fad; font-size:14px;  }

.AniversRegular{font-weight:normal; font-style:normal; line-height:normal; font-family:'AniversRegular',sans-serif; font-size-adjust:0.5}
.AniversBold{font-weight:normal; font-style:normal; line-height:normal; font-family:'AniversBold',sans-serif; font-size-adjust:0.51}

#footer p {color:#fff; font-size:11px; margin-top:10px }


.container_12 h1, .container_12 h2, .container_12 h3, .container_12 p {margin-left:10px}


/* THINK
------------------------------------------------------------------------------------------------------------------------ */
.think h2 {margin:20px 0 10px 10px}
.think h3 {font-size:14px;text-transform:uppercase; margin-bottom:5px; margin-top:20px; color:#999}
.think p.intro {font-size:16px; line-height:24px}
.think_col2 h2, .think_col2 p {margin-right:10px}

.think ul {margin:0 0 0 10px;padding:0; list-style:none}
.think ul li {margin:0 0 7px 5px;padding:0 0 0 11px; background:url(../images/global/bllt_arrw_gr.gif) no-repeat  0 6px; line-height:17px }
.think ul.faves {margin-left:0}
.think ul.faves li {background:none; line-height:22px;  }
.think ul.faves li a img {margin: 0 6px 0 0 ; border: none; vertical-align:text-top; }
.think ul.clients li {background:none; padding-left:0}
.think .clients ul li {background:none; padding-left:0}


/* WORK
------------------------------------------------------------------------------------------------------------------------ */

ul.list_work {margin:0; padding:0;list-style:none; overflow:hidden}
ul.list_work li {background:#fff; height:230px; margin-bottom:20px; padding:0; overflow:hidden}
ul.list_work li p.link_work_tmb { background:#999; width:180px; margin:20px 0 15px 20px; overflow:hidden}
ul.list_work li p.link_work_tmb a {display:block; height:140px; width:180px}
ul.list_work li p.link_work_title {text-align:left; margin:0 0 0 20px; line-height:18px; width:180px }
ul.list_work li p.link_work_title a {font-size:16px; color:#925fad;  text-decoration:none; font-family:'AniversRegular', sans-serif; font-weight:normal  } 
ul.list_work li p.link_work_title a span {font-size:11px;font-family: Tahoma, Geneva, sans-serif; color: #AEAEAE;  text-decoration:none; font-weight:normal; text-transform:none    } 
ul.list_work li p.link_work_title a:hover, ul.list_work li p.link_work_title a:hover span {color:#5fad7b}

.work  {background:#fff; padding:20px 0; margin-top:10px; overflow:hidden}

.showcase_640 p {}
.showcase_640 {margin-right:20px}

.showcase p {width:610px; margin:0 0 30px 10px; overflow:hidden}
.showcase p img, .showcase_640 p img {border:3px solid #E3E3E3}
.showcase h3 {font-family:'AniversRegular', sans-serif; font-weight:normal; color: #999; font-size:16px; text-transform:uppercase; margin:40px 0 20px 10px; padding-bottom:2px; border-bottom:1px dotted #ccc;  }


ul.links {margin:0; padding:0; list-style:none; height:35px; overflow:hidden; z-index:1;width:270px;  }
ul.links li {margin:3px 0; padding:0; list-style:none; float:left;}
ul.links li#lnk_prev a{ padding:0; background: url(../images/work/btn_prev.png) no-repeat; text-indent:-9999px; width:32px; height:32px; margin-right:6px; display:block}
ul.links li#lnk_next a{  padding:0; background: url(../images/work/btn_next.png) no-repeat; text-indent:-9999px; width:32px; height:32px; margin-right:0; display:block}
ul.links li#all_works a{  padding:0; background: url(../images/work/btn_all.png) no-repeat;  text-indent:-9999px; width:32px; height:32px; margin:0 0 0 168px; display:block}


/*
div#scrollingDiv { float:left; margin-top:0; padding-top:0 }
ul.links {margin:0; padding:0 0 20px 0; list-style:none; height:36px; width:270px;  }
ul.links li {margin:3px 0; padding:0; list-style:none; float:left;}
ul.links li#lnk_prev a{ padding:0; background: url(../images/work/btn_prev.png) no-repeat; color: #666; text-indent:-9999px; width:32px; height:32px; margin-right:6px; display:block}
ul.links li#lnk_next a{  padding:0; background: url(../images/work/btn_next.png) no-repeat; color: #666; text-indent:-9999px; width:32px; height:32px; margin-right:0; display:block}
ul.links li#all_works a{  padding:0; background: url(../images/work/btn_all.png) no-repeat; color: #666; text-indent:-9999px; width:32px; height:32px; margin:0 0 0 167px; display:block}

*/


#body_content .work_desc {width:290px;  overflow:hidden}
#body_content .work_desc_pad {padding-left:20px;  }
#body_content .work_desc p {margin:0 0 20px 0; color: #666; font-size:12px; letter-spacing:.05em; width:260px; }


.work_desc h2 {font-family:'AniversRegular', sans-serif; font-weight:normal; color:#616161; font-size:20px; width:260px; margin:24px 0 0 0; line-height:24px; letter-spacing:.03em}
.work_desc h3 {font-family:'AniversRegular', sans-serif; font-weight:normal;  color: #999; font-size:15px; width:260px;  border:none; padding:0; margin:0 0 10px 0 }
.work_desc h3.subtitle {font-family:'AniversRegular', sans-serif; font-weight:normal; color: #999; font-size:15px; margin:5px 0 20px 0; border:none; padding:0; letter-spacing:.05em; line-height:18px }
.work_desc h3.view_site {text-transform:uppercase; font-size:11px; margin-bottom:5px; display: inline; width:260px;}


span.view_site {text-transform:uppercase;  margin-bottom:5px; display: inline; width:260px;}


ul.clr {width:260; margin:0 0 0 0; padding:72px 0 0 0; list-style:none; height:20px;}
ul.clr li {width:30px; height:10px; background:gray; margin-right:2px; float:left}
ul.clr li.clr_white {width:28px; height:8px; background:#fff; border:1px solid #ccc }


/* PLAY
------------------------------------------------------------------------------------------------------------------------ */
.play { padding-top:10px}
.play  p, .play h1, .play h2  {margin-left:0; margin-top:0}


/* DO
------------------------------------------------------------------------------------------------------------------------ */
.do { padding-top:10px}
.do p, .do h1, .do h2  {margin-left:10px; margin-top:0}
.do .grid_7 {background:#fff; padding-top:20px}

.do  h2.intro {font-size:52px; line-height:52px; margin-bottom:10px}
.do h3 {font-family:'AniversRegular', sans-serif; font-weight:normal;  font-size:16px; text-transform:uppercase; margin:40px 0 10px 10px; padding-bottom:2px; border-bottom:1px dotted #ccc;  }


/* FORM */
#form {margin-left:20px}
#form div{height:68px}
form.submit p{color:#ddd; background:#eee; border:1px dotted #7F753F; padding:3px; margin-bottom:10px; margin-right:20px}
form.submit fieldset{ width:470px; margin:0; padding:0; border:none}
form.submit fieldset div{ width:100%; padding-bottom:5px}
form.submit label{display:block; line-height:16px; width:300px; font-size:13px;  padding-bottom:6px}
form.submit input{background:#eee; color:#925FAD; padding:2px; width:365px; border:1px solid #ccc; font-family:"Arial Unicode MS",Tahoma,Arial,sans-serif; font-size:13px; padding:5px}
form.submit input:hover, form.submit input:active{background: #F9EFFF}
#form .div_message{height:260px}
form.submit textarea{background:#eee; color:#333; width:365px; height:210px; border:1px solid #ccc; font-family:"Arial Unicode MS",Tahoma,Arial,sans-serif; font-size:13px; padding:5px}
form.submit textarea:hover, form.submit textarea:active{background:#eee}
form.submit input.btn_submit{background:#925fad; font-size:14px; border:none; width:100px; color:#fff; cursor:pointer; margin:15px 0 0 0; padding:4px 10px;  outline:none}
form.submit input:hover.btn_submit{}


.LV_validation_message{font-weight:bold; margin:0 0 20px 5px;}
.LV_valid{color:#96b955; font-size:12px}
.LV_invalid{color:#AF4C59; font-size:12px}
.LV_valid_field, input.LV_valid_field:hover, input.LV_valid_field:active, textarea.LV_valid_field:hover, textarea.LV_valid_field:active{border:1px solid #96b955}
.LV_invalid_field, input.LV_invalid_field:hover, input.LV_invalid_field:active, textarea.LV_invalid_field:hover, textarea.LV_invalid_field:active{border:1px solid #AF4C59}


/* HOME
------------------------------------------------------------------------------------------------------------------------ */


.h_mod {margin:0 0 30px 15px; padding:30px 0; list-style:none; height:130px}
.h_mod li {float:left; margin:0 0 0 15px; width: 212px; padding:0 ; overflow:hidden; }
.h_mod li.h_mod_r {border-right: none}


.h_mod h2 {margin:0 0 10px 0; color: #333; text-transform:uppercase; font-size:20px;}
.h_mod h2 span {color: #666}
.h_mod p {margin-left:0}
.blurb {height:60px; overflow:hidden; margin-left:0; color: #7A7A7A}
.home_box {margin-left:0; width:197px; margin-bottom:}
.home_link {margin-bottom:0}


/* Easy Slider */
#slider ul, #slider li, 
#slider2 ul, #slider2 li{margin:0; padding:0; list-style:none}
#slider2{margin-top:1em}
#slider li, #slider2 li{/* define width and height of list item (slide)entire slider area will adjust according to the parameters provided here*/ width:940px; height:320px; overflow:hidden; }

#prevBtn, #nextBtn, 
#slider1next, #slider1prev{display:block; width:30px; height:77px; position:absolute; left:747px; top:220px; z-index:1000; text-indent:-9999px}
#nextBtn, #slider1next{left:792px}
#prevBtn a, #nextBtn a, 
#slider1next a, #slider1prev a{ display:block; position:relative; width:32px; height:32px; background:url(../images/home/bb/btn_prev.png) no-repeat 0 0}
#nextBtn a, #slider1next a{background:url(../images/home/bb/btn_next.png) no-repeat 0 0}

/* numeric controls */
ol#controls{margin:1em 0; padding:0; height:28px}
ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:28px; line-height:28px}
ol#controls li a{float:left; height:28px; line-height:28px; border:1px solid #ccc; background:#DAF3F8; color:#555; padding:0 10px; text-decoration:none}
ol#controls li.current a{background:#5DC9E1; color:#fff}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none}

/* // Easy Slider */