@charset "UTF-8";
/* CSS Document */

body { font-family: arial, helvetica, sans-serif; font-size: 12px; color: #666666; }

body a { text-decoration: none; color: #666666; } 

body a:hover { color: #c63e7e; }

#wrapper { width: 1023px; height: 715px; margin: 0px auto 0px auto; text-align: center; padding: 20px 0px 0px 0px; background-image: url(images/doodlebug-background.jpg);
	background-repeat: no-repeat; position: relative; }

p { margin: 0px 0px 0px 0px; padding: 0px; text-align: left; line-height: 16px; }

.big_text { text-align: left; font-size: 20px; line-height: 26px; font-weight: normal; color: #666666; margin: 0px; padding: 0px; }

.medium_text { font-size: 14px; line-height: 19px; font-weight: normal; color: #666666; margin: 0px; padding: 0px; }

.big_tel { font-size: 28px; line-height: 26px; font-weight: bold; color: #aaaaaa; clear: both; position: absolute; top: 340px; }

.home_email { font-size: 12px; line-height: 15px; font-weight: normal; color: #aaaaaa; float: left; margin: 10px 0px 0px 0px;  }

.pink { color: #c63e7e; }

.pink_link a { color: #c63e7e; }

.pink_link a:hover { text-decoration: underline; }

img { border: 0px; }

/*------------NAVIGATION-------------*/

a.nav_home { position: absolute; top: 105px; left: 70px; background: url(images/home_off.gif) no-repeat top; float: left; }

a:hover.nav_home { background: url(images/home_on.gif) no-repeat top; }

.nav_our_work { position: absolute; top: 105px; left: 175px;  float: left; }

a:hover.nav_our_work { background: url(images/work_on.gif) no-repeat top; }

a.nav_our_clients { position: absolute; top: 105px; left: 300px; background: url(images/clients_off.gif) no-repeat top; float: left; }

a:hover.nav_our_clients { background: url(images/clients_on.gif) no-repeat top; }

a.nav_blog { position: absolute; top: 105px; left: 640px; background: url(images/blog_off.gif) no-repeat top; float: left; }

a:hover.nav_blog { background: url(images/blog_on.gif) no-repeat top; }

a.nav_contact_us { position: absolute; top: 105px; left: 740px; background: url(images/contact_off.gif) no-repeat top; float: left; }

a:hover.nav_contact_us { background: url(images/contact_on.gif) no-repeat top; }

a.nav_facebook { position: absolute; top: 105px; left: 840px; background: url(images/facebook_off.gif) no-repeat top; float: left; }

a:hover.nav_facebook { background: url(images/facebook_on.gif) no-repeat top; }

/*------------PORTFOLIO DROPDOWN-------------*/

#navigation ul { margin: 0; padding: 0; list-style-type: none; }

#navigation ul ul { padding: 0px 0px 0px 10px; }

#navigation ul li { position: relative; float: left; }

#navigation ul ul li { padding: 0px 0px 3px 0px; }

#navigation li ul { position: absolute; z-index: 1; display: none; width: 500px; text-align: left; }

#navigation ul li a { display: block; text-decoration: none; background: url(images/work_off.gif) #fff no-repeat top; }

#navigation ul li a:hover { color: #990d4f;	 background: url(images/work_on.gif) #fff no-repeat top; }

#navigation ul ul li a { color: #666; font-weight: bold; padding: 15px 10px 15px 5px; display: inline; float: left; background: #fff; }

#navigation ul ul li a:hover { color: #c63e7e; background: #fff; }

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */

#navigation li:hover ul { display: block; }

#navigation li:hover ul, li.over ul { display: block; }

/*------------CONTENT-------------*/

#content_left { position: absolute; top: 200px; left: 90px; width: 400px; }

#contact { position: absolute; top: 200px; left: 90px; width: 300px; }

#content_left ul , #contact ul { list-style-type: none; padding: 0px 20px 0px 0px; margin: 0px; text-align: left; }

#content_left li , #contact li { padding: 0px 0px 0px 0px; margin: 0px;}

#content_home { position: absolute; top: 200px; left: 90px; width: 835px; float: left;  }

#content_right { position: absolute; top: 200px; left: 520px; width: 410px; height: 410px; margin: 0px; padding: 0px; }

#map { position: absolute; top: 220px; left: 430px;}

#news { width: 700px; height: 320px; position: absolute; top: 180px; left: 80px; line-height: 16px; }

#news p { padding: 20px 0px 0px 70px; }	

#news ul { position: absolute; top: 63px; left: 70px; width: 700px; height: 320px; list-style-type: none; padding: 0px 20px 0px 0px; margin: 0px; text-align: left; overflow: auto; overflow-x: hidden;  }

#news li { padding: 10px 0px 0px 0px; }

#news .news_first { padding: 0px 0px 0px 0px; }

#body_text { position: absolute; top: 185px; left: 250px; margin: 0px; width: 240px; }

#body_text_clients { position: absolute; top: 185px; left: 100px; margin: 0px; width: 800px; }

.quote { margin: 10px 0px 10px 0px; width: 400px; height: 180px; float: left; }

.sausage_dog { position: absolute; top: 150px; left: 500px; background: url(images/sausage_dog_winter.jpg) no-repeat; }
	
/*------------TOPPER-------------*/

.top {width: 1023px; text-align: center; }

#top { position: absolute; left: 0px; top: 720px; }

#top h1 { font-size: 12px; font-weight: normal; margin: 0px; padding: 0px; }

/*------------FOOTER-------------*/

#footer {width: 1023px; text-align: center; font-size: 10px; color: #999; }

#footer { position: absolute; left: 0px; top: 860px; }

#footer a { font-size: 10px; color: #999; font-weight: normal; margin: 0px; padding: 0px; }

#footer a:hover { color: #990d4f; }

/*------------NEWS LETTER SIGNUP POP UP-------------*/

#newsletter_signup { position: absolute; z-index: 1; top: 390px; left: 0px; }

.newsletter { background: url(images/newsletter_text.png) no-repeat; height: 23px; width: 500px; float: left; margin: 0px; }

.more ul { list-style-type:none; padding:110px 0px 0px 0px; float: left; margin-left: 0px; }

.more li { margin: 0px 0px 5px 0px; }

.more input { width: 210px; color: #000; }

.more { position: absolute; top: -170px; left: -50px; z-index: 6; width: 278px; height: 256px; display: none; background: url(images/newsletter_box.png) no-repeat; padding: 5px 0px 5px 18px; float: left; }

a.showLink, a.hideLink { text-decoration: none; cursor:pointer; font-weight: normal; color: #000; }
	
#newsletter_signup a.hideLink { position: absolute; bottom: 20px; right: 30px; }

input.newsletter_submit { color: #000; float:left; width:80px; }

/*------------TESTIMONIAL TAB CONTENT-------------*/

#testimonials { float: left; margin: 20px 0px 0px 0px; padding: 0px; clear: left; text-align: left; float: left; background: url(images/home4-btn.png) top no-repeat; position: relative; }

#testimonials ul { float: left; clear: both; display: inline; list-style-type: none; text-align: left; padding: 0px; position: absolute; bottom: -40px; left: 0px; }

#testimonials li { float: left; display: inline; margin: 0px 10px 0px 0px; }


.testimonial_name { padding: 10px 0px 0px 0px; font-weight: bold; color: #c63e7e; }

#testimonial_links { font-weight: bold;	float: left; clear: both; text-align: left; margin-left: 0px; }

#testimonial_links ul { font-weight: bold; float: left; clear: both; text-align: left; margin-left: 0px; }

#testimonial_links .selected { color: #c63e7e; margin: 0px; float: left; padding: 0px; font-weight: bold; }

.tabcontent { width: 460px; height: 120px; float: left; line-height: 15px; }

/*-------BRIEFING FORMS-------*/

#wrapper2 { width: 1023px; margin: 0px auto 0px auto; text-align: center; padding: 20px 0px 0px 0px;}

#header { width: 1023px; height: 176px; background: url(images/header_bg.jpg) top no-repeat; position: relative; }

#middle { width: 1023px; height: 100%; float: left; background: url(images/content_bg.jpg) top repeat-y; }

#form_footer { width: 1023px; height: 175px; padding-top: 200px; float: left; background: url(images/footer_bg.jpg) top no-repeat; }

#briefing_form { width: 838px; margin: 0px 0px 0px 63px; padding: 10px 0px 0px 30px; float: left; text-align: left; }

#briefing_form p { padding: 0px 0px 10px 0px; text-align: left; }

#briefing_form form { padding: 0px; margin: 20px 0px 20px 0px; border: none; background: url(images/form_top.gif); background-repeat: no-repeat; background-position: top left; background-color: #eec5d8; }

#briefing_form fieldset { padding: 0px 0px 0px 20px; margin: 0px; border: none; background: url(images/form_bottom.gif); background-repeat: no-repeat; background-position: bottom left;  }

#briefing_form ul { padding: 0px; margin: 0px; list-style-type: none; }

#briefing_form li { padding: 20px 0px 0px 0px; }

#briefing_form label { display: block; clear: both; padding: 0px 0px 0px 0px; font-weight: normal; color: #000; }

#briefing_form input , #briefing_form textarea { margin: 10px 0px 0px 0px; width: 400px; padding: 0px;}

#briefing_form .checkbox input { margin: 0px 0px 0px 0px; padding: 0px; width: auto; }

#briefing_form .checklabel label { margin: 0px 10px 0px 5px; padding: 0px; width: auto; font-weight: normal; }

#briefing_form table { margin: 0px 0px 0px 0px; padding: 0px; width: 795px;  }

#briefing_form tr { width: 780px; padding: 0px; margin: 0px; height: 20px; }

#briefing_form td { margin: 0px; padding: 0px; }

#briefing_form .submit input { width: 80px; float: left; clear: none; margin: 0px 10px 20px 0px; padding: 0px; }

#briefing_form .separator { line-height: 0px; height: 0px; border: 1px solid #c63e7e; width: 795px; padding: 0px; margin: 20px 0px 0px 0px;  }

#briefing_form a { color: #000; }