body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,tr,table { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal;	font-weight:normal; }
ol,ul {	list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }

input[type="text"], input[type="password"], textarea, select { 
    outline: none;
}

strong { font-weight: bold; }
em { font-style: italic; }

body { font-family: Arial, Helvetica, sans-serif; color: #000; font-size: 12px; background: url(/_images/dottedbg_4x4_v2.gif) top left; }

a { outline: none; }

a, a:visited { text-decoration: none; color: #EC208D; }
a:hover { text-decoration: underline; color: #000; }

a.lnk1, a:visited.lnk1 { text-decoration: underline; color: #000000; }
a:hover.lnk1 { text-decoration: underline; color: #EC208D; }

a.lnk2, a:visited.lnk2 { text-decoration: none; color: #999; }
a:hover.lnk2, a:active.lnk2 { text-decoration: underline; color: #EC208D; }

a.lnk3, a:visited.lnk3 { text-decoration: none; color: #EC208D; }
a:hover.lnk3, a:active.lnk3 { text-decoration: underline; color: #EC208D; }

a.back_to_top { background: url(/_images/uparrow.gif) left 50% no-repeat; padding-left: 10px; }

.clear { clear: both; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

.inline { display: inline; }
.block { display: block; }

.smaller { font-size: 11px !important; }
.bold { font-weight: bold; }
.normal { font-weight: normal !important; }

.mt10 { margin-top: 10px; }
.mb10 { margin-bottom: 10px; }
.mb25 { margin-bottom: 25px; }
.mt15 { margin-top: 15px; }
.mb15 { margin-bottom: 15px; }
.pt10 { padding-top: 10px; }

.hidden { display: none; }
.underline { text-decoration: underline !important; }

.c000 { color: #000 !important; }
.c999 { color: #999 !important; }
.c666 { color: #666 !important; }
.c_default { color: #EC208D !important; }

.georgia { font-family: Georgia, "Times New Roman", serif; }
.uppercase { text-transform: uppercase; }

abbr { background: url(/_images/dottedline_EC208D.gif) bottom left repeat-x; padding: 0 1px; cursor: default;  }

#wrap { width: 840px; margin: 0 auto; padding: 0 30px 30px 30px; background: #fff; border-left: 1px solid #eee; border-right: 1px solid #eee; }

.info_nav { background: url(/_images/dottedline_000000.gif) top left repeat-x; border-bottom: 1px solid #eaeaea; padding: 9px 30px 9px 30px; margin-bottom: 30px; width: 840px; position: relative; left: -30px; }
.info_nav p { font-size: 11px; font-family: Georgia, "Times New Roman", serif; color: #999; }
.info_nav p.l { width: 740px; float: left; }
.info_nav p.l span.header { background: url(/_images/star.gif) right 50% no-repeat; padding-right: 20px; margin-right: 7px; text-transform: uppercase; }
.info_nav p.r { width: 100px; float: left; text-align: right; }


/*
Top 
------------------------------------------------- */

#top h1 { background: url(/_images/logo.jpg) bottom left no-repeat; height: 32px; width: 382px; padding-top: 35px; }
#top h1 a { display: block; width: 382px; height: 32px; }
#top h1 a strong { display: none; }


/*
Home 
------------------------------------------------- */

#home { margin-top: 20px; }
#home .content { width: 840px; }
#home .content #intro { width: 840px; margin-bottom: 25px; }
#home .content #intro div.l { width: 630px; float: left; }
#home .content #intro div.l p { width: 530px; font-size: 15px; line-height: 1.8em; }
#home .content #intro div.r { width: 210px; float: left; position: relative; top: 10px; }
#home .content #intro div.r p { line-height: 1.8em; }

#home .content #services { width: 840px; }
#home .content #services ul { width: 200px; float: left; margin-right: 10px; }




/*
Work 
------------------------------------------------- */

#work { margin-top: 45px; }
#work .content { width: 870px; }
#work .content .item { width: 260px; float: left; margin-right: 30px; position: relative; }
#work .content .item p.img { padding-top: 10px; margin-bottom: 10px; background: url(/_images/dottedbg_260x10.gif) top left no-repeat; }
#work .content .item p.img span { display: block; padding-bottom: 10px; background: url(/_images/dottedbg_260x10.gif) bottom left no-repeat; }
#work .content .item div.details { /*display: none;*/ }
#work .content .item span.new { text-indent: -9000px; display: block; width: 66px; height: 30px; position: absolute; left: -5px; top: 15px; background: url(/_images/new_v3.gif) top left no-repeat; }
#work .content .item div.link { display: none; }
#work .content .item ul { margin: 8px 0 10px 0; }
#work .content .item ul li { display: block; padding: 2px 0 2px 10px; background: url(/_images/square_bullet_666666.gif) left 50% no-repeat; color: #666; }
#work .content .item span.hover { position: absolute; left: 70px; top: 55px; text-transform: uppercase; font-family: Georgia, "Times New Roman", serif; font-size: 11px; }
#work .content .item span.hover em { cursor: default; font-style: normal; display: block; width: 120px; background: url(/_images/hover_bg1.png) top left; text-align: center; padding: 6px 0 5px 0; color: #fff; }
#work .content .item span.hover a { display: block; width: 120px; background: url(/_images/hover_bg2.png) top left; text-align: center; padding: 6px 0 5px 0; color: #fff; text-decoration: none; }

#work_item_wrap { width: 750px; padding: 5px; height: 490px; }
#work_item { width: 710px; background: #fff; padding: 20px; height: 450px; }
#work_item #work_item_slide { width: 400px; height: 440px; background: url(/_images/work_item_slide_bg.gif) top left no-repeat; float: left; position: relative; }
#work_item #work_item_slide img.slide { position: absolute; top: 10px; left: 10px; width: 380px; height: 420px; }
#work_item .info { width: 290px; height: 440px; margin-left: 20px; float: left; }
#work_item .info .fixed_height_info { height: 390px; margin-bottom: 10px; }
#work_item .info .fixed_height_info h3 { font-size: 18px !important; font-family: Georgia, "Times New Roman", serif; line-height: 1.4em; margin-bottom: 10px; }
#work_item .info .fixed_height_info .controls { font-size: 11px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 7px 0; color: #666; }
#work_item .info .fixed_height_info .controls p span a { color: #EC208D; background: #eee; padding: 4px 7px; font-weight: bold; margin-left: 5px; }
#work_item .info .fixed_height_info .controls p span a:hover { text-decoration: underline; }
#work_item .info .fixed_height_info .controls p span a.on { color: #fff; background: #EC208D; padding: 4px 7px; font-weight: bold; margin-left: 5px; }
#work_item .info .fixed_height_info .controls p span a:hover.on { text-decoration: none; }
#work_item .info .fixed_height_info .details { padding-top: 5px; }
#work_item .info .fixed_height_info .details p { line-height: 1.4em; }
#work_item .info .fixed_height_info .details h5 { font-size: 11px; font-family: Georgia, "Times New Roman", serif; color: #999; padding-top: 10px; text-transform: uppercase; }
#work_item .info .close { height: 35px; }
#work_item .info .close a { padding-top: 10px; height: 24px; font-family: Georgia, "Times New Roman", serif; border-bottom: 1px solid #be1876; width: 290px; color: #fff; text-transform: uppercase; text-align: center; background: #EC208D; display: block; }



/*
Contact 
------------------------------------------------- */

#contact { margin-top: 50px; }
#contact .content { width: 840px; }
#contact .content .form { width: 475px; float: left; }
#contact .content .form #response #thankyou p { line-height: 1.8em; margin-bottom: 15px; }
#contact .content .form .error { margin-bottom: 15px; background: url(/_images/dottedbg_4x4_v1.gif) top left; }
#contact .content .form .row { padding-bottom: 15px; }
#contact .content .form .raq { display: none; }
#contact .content .form .row div.l { width: 245px; float: left; }
#contact .content .form .row div.r { width: 230px; float: left; }
#contact .content .form .row input.long { width: 354px; }
#contact .content .form .row input.short { width: 219px; }
#contact .content .form .row select.tiny { width: 100px; }
#contact .content .form .row select.short { width: 225px; }
#contact .content .form .row select.long { width: 360px; }
#contact .content .form .row textarea { width: 464px; height: 180px; }
#contact .content .form .row p#sending_message { height: 28px; width: 181px; padding: 14px 0 0 46px; background: url(/_images/submit_button_animated.gif) top left no-repeat; }
#contact .content .info { width: 345px; float: left; margin-left: 20px; }
#contact .content .info .map { margin-bottom: 15px; }
#contact .content .info p { line-height: 1.5em; margin-left: 85px; }
#contact .content .form .row p.fields { }
#contact .content .form .row p.fields span.block { margin-top: 5px; display: block; }
#contact .content .form .row p.fields span.block label.inline_right { padding-left: 10px; color: #666; position: relative; top: -1px; }



/*
Foot 
------------------------------------------------- */

#foot { margin-top: 40px; }
#foot .content { width: 840px; }



/*
Form elements
------------------------------------------------- */

select.select { padding: 2px 1px; color: #444; border: 1px solid #e0e0e0; font-size: 12px; font-family: arial, sans-serif; }
input.text { padding: 2px; color: #444; border: 1px solid #e0e0e0; font-size: 12px; font-family: arial, sans-serif; }
textarea.textarea { padding: 2px; color: #444; border: 1px solid #e0e0e0; font-size: 12px; font-family: arial, sans-serif; }
label.block { margin-bottom: 3px; }
a#submit_button { background: url(/_images/submit_button_bg2.jpg) top left no-repeat; display: block; height: 28px; width: 207px; padding: 14px 0 0 20px; }



/*
Lists
------------------------------------------------- */

ul.nobullets li { padding: 3px 0; }
ul li.indent { margin-left: 10px; text-indent: -10px; }
ul.bullets li { display: block; padding: 2px 0 2px 10px; background: url(/_images/square_bullet_666666.gif) left 50% no-repeat; color: #666; }
ul.bullets li.first { color: #999; font-family: Georgia, "Times New Roman", serif; text-transform: uppercase; background: none; font-size: 11px; padding-left: 0px; }