/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul, li {list-style: none;}
:focus {outline: 0;}

/*********LAYOUT********/
body {font-family: Verdana, Arial; font-size: 14px; color: #000; background:url(../gfx/bg-home-inner.gif) top left repeat-x;}

h1 {font-size: 29px; font-weight: normal; }
h2 {font-size: 16px; line-height:19px;}

/*********WRAPPER********/
#wrapper {width: 996px; margin: 0px auto; position: relative;}
 
/*********LOGO********/
#logo {display: block; position: absolute; width:108px; height:108px; top:34px; left:-2px;}

/*********NAVIGATION********/
#nav {width:1108px; margin: 0px auto; height:439px;}
#nav li {float:left; width: 108px; margin-left:107px; padding-top:249px;}
#nav li a.credibility {display:block; width:108px; height:108px; background:url(../gfx/but-credibility.gif);}
#nav li a.creativity {display:block; width:108px; height:108px; background:url(../gfx/but-creativity.gif);}
#nav li a.personality {display:block; width:108px; height:108px; background:url(../gfx/but-personality.gif);}
#nav li a.availability {display:block; width:108px; height:108px; background:url(../gfx/but-availability.gif);}

#nav li a.credibility:hover { background:url(../gfx/but-credibility-home.gif);}
#nav li a.creativity:hover { background:url(../gfx/but-creativity-home.gif);}
#nav li a.personality:hover { background:url(../gfx/but-personality-home.gif);}
#nav li a.availability:hover { background:url(../gfx/but-availability-home.gif);}

#nav li img { display:block;}

/*********CONTENT********/
#contact {position:absolute; width:160px; top:0px; left:860px; height:140px;}
#contact-data {position: absolute; bottom:0px;}
#contact p {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:bold;}
#contact span {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:10px;}
#contact span a {font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:10px; color:#000;}

#box {width:344px; } 
#box h1 { text-align:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; color:#FFF; height:21px; padding:18px 18px 0px 0px;}
div.credibility {position:absolute; top:187px; left:-12px; width:344px;}
div.creativity {position:absolute; top:187px; left:204px; width:344px;}
div.personality {position:absolute; top:187px; left:418px; width:344px;}
div.availability {position:absolute; top:187px; left:636px; width:344px;}
.box-content {padding:0px 10px; background:url(../gfx/bg-shadow.png);}
.box-content h2 {padding: 10px 14px 10px 14px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic;}
.box-content ul {padding: 10px 10px 10px 14px;}
.box-content ul li {height:16px;}
.box-content ul li a {font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#696a6c; font-style:italic; text-decoration:none;}
.box-content ul li a:hover, .box-content ul li a.on { color:#000;}

.box-bg-credibility {background-color:#fff;} 
.box-bg-credibility img { margin-left:1px;}
.box-bg-credibility p img { margin-left:1px;}
.box-bg-creativity {background-color:#fff;}
.box-bg-creativity img { margin-left:1px;}
.box-bg-creativity p img { margin-left:1px;}
.box-bg-personality {background-color:#fff;}
.box-bg-personality img { margin-left:1px;}
.box-bg-personality p img { margin-left:-13px;}
.box-bg-availability {background-color:#fff;}
.box-bg-availability img { margin-left:1px;}
.box-bg-availability p img { margin-left:1px;}

.credibility h1 {background: url(../gfx/box-top-credibility.gif) no-repeat;}
.creativity h1 {background: url(../gfx/box-top-creativity.gif) no-repeat;}
.personality h1 {background: url(../gfx/box-top-personality.gif) no-repeat;}
.availability h1 {background: url(../gfx/box-top-availability.gif) no-repeat;}

.box-content p {padding: 0px 14px 10px 14px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:16px;}
.box-content p.testimonial {padding: 10px 14px; margin-bottom:1px;}
.testimonial {background-color:#dcdddf; padding: 10px 14px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-style:italic; line-height:16px;}
.testimonial .qt {font-size: 11px; font-style: normal; text-transform: uppercase;}
.testimonial .qt span {font-size: 12px; font-style: normal; text-transform: lowercase;}
.thumbs {background: url(../gfx/bg-thumb.png) repeat-x; margin: 10px 0px; height:38px;}

.shadow-end {display:block;}
.video-link { background:url(../gfx/icon-video.gif) top right no-repeat; padding-right:22px;}

#ext_caption { font-style:italic; font-family:Georgia,"Times New Roman",Times,serif; font-size:12px; text-decoration:none; color:#000;}

/*********CONTACT PAGE********/
#contactForm {width: 300px; margin-top:40px;}
#contactForm p {clear: both; margin-bottom: 7px;}
#contactForm p span {display: block; width: 120px; float: left; font-weight:normal; margin-top:2px;}
#contactForm input {width: 178px; border: 1px solid #aaaaaa; background-color: #e6e6e6;}
#contactForm textarea {width: 178px; height: 90px; border: 1px solid #aaaaaa; background-color: #e6e6e6;}
#contactForm input, textarea {font-family: "Trebuchet MS", Verdana; font-size: 12px; color: #000; padding: 0px;}
#contactForm input.submit {width: 50px; height: 20px; background: url(../gfx/but_send.gif) top left no-repeat; cursor: pointer; border:none;}
#contactForm input.reset {width: 50px; height: 20px; background: url(../gfx/but_reset.gif) top left no-repeat; cursor: pointer; border:none;}
#submit { text-align:right;}

/*********CLEANER | STUFF********/
.cleaner {
	clear: both;
	height: 1px;
	margin-top: -1px;
	line-height: 0px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
