/** Element Cross-Browser Reset **/
@charset "utf-8";
/* CSS Document */

/* Font Import */

@font-face {
  font-family: 'HapticBoldItalic';
  src: url('UserSubmitted/Fonts/hapticbolditalic.eot');
  src: local('☺'), url('UserSubmitted/Fonts/hapticbolditalic.woff') format('woff'), url('UserSubmitted/Fonts/hapticbolditalic.ttf') format('truetype');
}

@font-face {
  font-family: 'HapticBold';
  src: url('UserSubmitted/Fonts/hapticbold.eot');
  src: local('☺'), url('UserSubmitted/Fonts/hapticbold.woff') format('woff'), url('UserSubmitted/Fonts/hapticbold.ttf') format('truetype');
}

@font-face {
  font-family: 'HapticRegularItalic';
  src: url('UserSubmitted/Fonts/hapticregularitalic.eot');
  src: local('☺'), url('UserSubmitted/Fonts/hapticregularitalic.woff') format('woff'), url('UserSubmitted/Fonts/hapticregularitalic.ttf') format('truetype');
}

@font-face {
  font-family: 'HapticRegular';
  src: url('UserSubmitted/Fonts/hapticregular.eot');
  src: local('☺'), url('UserSubmitted/Fonts/hapticregular.woff') format('woff'), url('UserSubmitted/Fonts/hapticregular.ttf') format('truetype');
}

@font-face {
  font-family: 'HapticLightItalic';
  src: url('UserSubmitted/Fonts/hapticlightitalic.eot');
  src: local('☺'), url('UserSubmitted/Fonts/hapticlightitalic.woff') format('woff'), url('UserSubmitted/Fonts/hapticlightitalic.ttf') format('truetype');
}

@font-face {
  font-family: 'HapticLight';
  src: url('UserSubmitted/Fonts/hapticlight.eot');
  src: local('☺'), url('UserSubmitted/Fonts/hapticlight.woff') format('woff'), url('UserSubmitted/Fonts/hapticlight.ttf') format('truetype');
}

@font-face {
  font-family: 'BellMTItalic';
  src: url('UserSubmitted/Fonts/belli.eot');
  src: local('☺'), url('UserSubmitted/Fonts/belli.woff') format('woff'), url('UserSubmitted/Fonts/belli.ttf') format('truetype'), url('UserSubmitted/Fonts/belli.svg#BellMTItalic') format('svg');
}

@font-face {
  font-family: 'BellMTBold';
  src: url('UserSubmitted/Fonts/bellb.eot');
  src: local('☺'), url('UserSubmitted/Fonts/bellb.woff') format('woff'), url('UserSubmitted/Fonts/bellb.ttf') format('truetype'), url('UserSubmitted/Fonts/bellb.svg#BellMTBold') format('svg');
}

@font-face {
  font-family: 'BellMTRegular';
  src: url('UserSubmitted/Fonts/bell.eot');
  src: local('☺'), url('UserSubmitted/Fonts/bell.woff') format('woff'), url('UserSubmitted/Fonts/bell.ttf') format('truetype'), url('UserSubmitted/Fonts/bell.svg#BellMT') format('svg');
}



/* v1.0 | 20080212 */

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;
}
html {
  overflow-y:scroll;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
/* remember to define focus styles! */
:focus {
  outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/** Font Reset based on YUI **/

body {
  font:13px/1.231 arial, helvetica, clean, sans-serif;
*font-size:small;
*font:x-small;
}
table {
  font-size:inherit;
  font:100%;
}
pre, code, kbd, samp, tt {
  font-family:monospace;
    *font-size:108%;
  line-height:100%;
}
/** Some Fairly Standard Styling Rules are then applied **/

body {
  background: #fff url('Assets/body-background.png') repeat-x center top;
  color: #333;
  margin: 0 auto;
  text-align: center;
  font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}
a {
  text-decoration: none;
  color: #74cbd3;
}
a:hover { text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; color: #000; font-size: 100%; margin-bottom: 10px; }

p { padding-bottom: 10px; }


/** Divs **/

#Page { margin: 0 auto; overflow: hidden; width: 976px; background: transparent url('Assets/page-background.png') no-repeat center top; font-size: 92%; }
#Wrapper { background: #fff url('Assets/identity-logo.png') no-repeat 30px 90px; overflow: hidden; width: 900px; text-align: left; border-left: solid 1px #f5f5f5; border-right: solid 1px #f5f5f5; padding: 210px 30px 30px 30px; margin: 0 auto;}
#Nav { overflow: hidden; clear: both; }
.site-menu { width: 666px; border-bottom: solid 1px #666; overflow: hidden; padding: 0 2px 20px 2px; margin-bottom: 20px; float: left; }
.site-menu li { display: block; float: left; padding-right: 12px; }
.site-menu li.last { padding-right: 0; }
.site-menu li a { font-size: 116.5%; font-weight: bold; color: #000; }
.site-menu li a:hover { text-decoration: none; color: #74cbd3; }
.site-menu li a.active { text-decoration: none; color: #74cbd3; }
.site-menu-contact-pages { width: 216px;  border-bottom: solid 1px #666; overflow: hidden; padding: 0 2px 20px 2px; margin-bottom: 20px; float: right; }
.site-menu-contact-pages li { display: block; float: left; padding-right: 20px; }
.site-menu-contact-pages li a { font-size: 116.5%; font-weight: bold; color: #000; }
.site-menu-contact-pages li a:hover { text-decoration: none; color: #74cbd3; }
.site-menu-contact-pages li a.active { text-decoration: none; color: #74cbd3; }
h1 { font-family: "HapticRegular"; font-size: 142.0%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; }
h2 { font-family: "HapticRegular"; font-size: 131.0%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; }
h3 { font-family: "HapticRegularItalic"; font-size: 123.5%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1;}
h4 { font-family: "HapticRegular"; font-size: 116.5%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1;}

#Blog-Summary { padding: 10px 2px; border-top: solid 1px #666; width: 666px; float: left; }
#Blog-Summary h2 { font-size: 123.5%; display: inline; }
#Blog-Summary h3 { font-family: "HapticBold"; font-size: 100%; display: inline; }
#Blog-Summary div { float: right; width: 620px; clear: both; }
#Blog-Summary .Blog-Entry p { display: none; }
#Blog-Summary .Blog-Entry p.Blog-Publish-Date { display: inline; font-size: 85%; }
#Blog-Summary p { display: inline; }

.content-page-content ul { list-style: outside disc ; margin-left: 20px; padding-bottom: 10px; }
#Footer { padding-top: 40px; clear: both; overflow: hidden; }
#Footer .footer-links { width: 216px; padding: 10px 2px; border-top: solid 1px #666; float: right; }
#Footer .footer-links ul {list-style: none !important; margin-left: 0px !important; padding-bottom: 0px !important; }
#Footer #Blog-Summary h4 { display: inline; }
#Footer #Blog-Summary h3 { font-family: "Lucida Sans Unicode"; }
#Address { position: absolute; left: 50%; top: 50px; margin-left: 231px; font-size: 78%; text-align: left; color: #666; line-height: 135%;  }
#Address span { margin-left: -3px; }

h2.heading-size-h1 { font-weight: normal; font-size: 142.0%; padding-bottom: 20px;}

.container-work { overflow: hidden; width: 900px; clear: both;}
.container-work h2 { display: none; }
.container-work div { float: left; width: 444px ; padding-bottom: 12px; margin-right: 12px; }
.container-work div img { padding-bottom: 12px; }
.container-work div.alt { margin-right: 0!important;}
.container-work div p { padding: 4px 12px; }

.sidebar { float: right; width: 216px; padding: 0 2px 10px 2px; }
.sidebar h2 { font-weight: normal; font-size: 142.0%; padding-bottom: 20px; }
.sidebar img { }
#Main .contact { float: left; width: 670px; }
.contact div.text { width: 220px; float: left; }
.identity { color: #74cbd3; }


.contact-form-holder { display: block; width: 410px;  float: right; clear: none; margin: 0 10px 0 0; overflow: hidden; }
.contact-form-holder form { } 
.contact-form-holder textarea { font-family: "BellMTItalic","Bell MT"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; font-size: 200%; line-spacing: 1.6em; border: none; background: transparent url('Assets/contact-form-background.png') repeat left -3px; height: 197px; margin-bottom: 30px; overflow:hidden; resize: none;
width:420px; line-height: 25px; }
.contact-form-holder input[type=text] { font-family: "BellMTItalic","Bell MT"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; font-size: 200%; border: none; background: transparent url('Assets/contact-form-background.png') repeat-x left 1px; height: 23px; padding: 5px 0; margin-bottom: 30px; width: 315px; }
.contact-form-holder label { clear: both; color:#999999; display:block; font-family: "HapticLight"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; font-size:123.5%; margin-bottom:2px; }
.content-page-content span.directions { display: block; width: 215px;}
.contact-form-holder .field-validation-error { clear: both; color: #c00; display: block; margin: -20px 0 10px 0; }

div.google-maps-holder  { display: block; width: 420px;  float: right; clear: none; margin: -10px 0 0 0; overflow: hidden; }
div#map_canvas{ width: 420px; height: 300px; }
#map { display: block; width: 350px; height: 350px; float: right; clear: none; margin: 0 100px 60px 0; }

#Main .Blog-Entry p.long { word-wrap: break-word; }
#Main .Blog-Entry h3 { display: inline; font-family: "HapticRegular"; font-size: 123.5 }
#Main ul { margin: 0 48px 12px 48px; list-style: outside disc; line-height: 1.6em; width: 576px;  }
#Main ul ul { margin-bottom: 0; }
#Main ol { margin: 0 48px 12px 48px; list-style: outside decimal; line-height: 1.6em; width: 576px; }
#Main ol ol { margin-bottom: 0; }
#Main blockquote { border: dashed 1px #cfcfcf; padding: 12px; margin: 12px 96px 24px 96px; background-color: #fafafa; font-family: "BellMTItalic"; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; font-size: 200%; color: #aaa; }

#Main .content-page div.product-container div.content-page-tile { display: block; width: 670px; background: transparent url('Assets/product-divider.png') no-repeat 160px top; clear: both; overflow: hidden; margin-bottom: 20px; }
#Main .content-page div.product-container div.content-page-tile img { margin-top:-30px; display:block; float: left; }
#Main .content-page div.product-container div.content-page-tile h2 { margin-left: 200px; margin-bottom: 10px; font-size: 150%; }
#Main .content-page div.product-container div.content-page-tile p { margin-left: 200px; line-height: 1.4em; } 
#Main .content-page div.product-container div.content-page-tile ul { margin-left: 220px; list-style: outside disc; line-height: 1.6em; margin-bottom: 12px; }
#Main .content-page div.product-container div.content-page-tile ul ul { margin-left: 24px; margin-bottom: 0px; }
#Main .content-page div.product-container div.content-page-tile a { margin-left: 200px; font-weight: bold; }
#Main .content-page div.product-container div.content-page-tile p a { margin-left: none; font-weight: normal; }
#Main .content-page #Blog-Summary h2 { display: block;  }
#Main .content-page #Blog-Summary { border-top: none; width: auto; }
#Main .content-page #Blog-Summary div.Blog-Entry h2 { margin-bottom: 0; }
#Main .content-page #Blog-Summary div.Blog-Entry p { display: block; padding-bottom: 0; }
#Main .content-page #Blog-Summary div.Blog-Entry p.Blog-Publish-Date { padding-bottom: 12px; }
#Main .content-page #Blog-Summary div.Blog-Entry p a { color: #000; }
#Main .BlogEntry h2:first-of-type { font-size: 108.5%; color: #74cbd3; }
#Main .BlogEntry h1 { display: inline; }
/* Panel */

.panel { font-family: "HapticLight"; font-size: 350%; margin-bottom: 40px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=UserSubmitted/fonts/hIEfix.png,sizingMethod=crop); zoom:1; }
.panel span { color: #74cbd3; }
.panel a { color: inherit; }
.panel a { text-decoration: none; }
.panel span a { color: inherit; }
.panel span a { text-decoration: underline; color: #74cbd3; }

.hidden { display: none; } 
.float-left  { float: left; margin: 0 20px 20px 0; }
.float-right { float: right; margin: 0 0 20px 20px; }
.warning { color: #c00; /*font-style: italic;*/ margin-left: 20px; }
.approach { float: left; width: 656px; }
#Main .products { float: left; width: 656px; margin-top: 48px; }
.case-study #Main p { clear: left; }

.dev-web-design { width: 253px; height: 176px; padding: 20px 171px 20px 20px; background: transparent url('UserSubmitted/Images/Background-Web-Design.jpg') no-repeat left top; overflow: hidden; float: left; margin: 0 12px 24px 0; }
.dev-logo-design { width: 253px; height: 176px; padding: 20px 171px 20px 20px; background: transparent url('UserSubmitted/Images/Background-Logo-Design.jpg') no-repeat left top; overflow: hidden; float: left; margin: 0 0 24px 0; }
.dev-graphic-design-and-print { width: 253px; height: 176px; padding: 20px 171px 20px 20px; background: transparent url('UserSubmitted/Images/Background-Graphic-Design-P.jpg') no-repeat left top; overflow: hidden; float: left; margin: 0 0 24px 0; }
.dev-branding-for-the-web { width: 253px; height: 176px; padding: 20px 171px 20px 20px; background: transparent url('UserSubmitted/Images/Background-Branding-for-the-Web.jpg') no-repeat left top; overflow: hidden; float: left; margin: 0 12px 24px 0; }


.mini-study-ggttw { width: 534px; height: 176px; padding: 20px 346px 20px 20px; background: transparent url('UserSubmitted/Images/Mini-CaseStudy-GGTTW.jpg') no-repeat left top; overflow: hidden; float: left; margin: 0 0 24px 0; }
.container-work div.case-study-float-right { margin-right: 0!important; float: right; }

/* Questionnaire Form */

.q-form {}
.q-form p { clear: both; overflow: hidden; }
.q-form p label { float: left; width: 900px; margin-bottom: 6px; }
.q-form p input, div.q-form p textarea { float: left; clear: both; }
.q-form p input[type=checkbox] { float: none; clear: none; width: auto; }
.q-form p span { clear: both; margin-bottom: 6px; display: block; }

.q-box { width: 892px; }
.q-box-sm { width: 656px; }
.q-area { width: 656px!important; height: 100px; }

/** Hosting Page **/

.microsoft-qualifications p { clear: both;}
.microsoft-qualifications img { float: left; }

/** Recaptcha styling **/
/*.recaptcha-holder { margin-left: 155px; }*/