@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: #d33c71; }

#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 { 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: 35px; line-height: 26px; font-weight: bold; color: #aaaaaa; margin: 0px; padding: 0px; clear: both; }

.pink { color: #d33c71; }

.pink_link a { color: #d33c71; }

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

#twitter-link { color: red; }



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

#nav_home { position: absolute; top: 105px; left: 80px; }

#nav_our_work { position: absolute; top: 105px; left: 180px; }

#nav_our_clients { position: absolute; top: 105px; left: 300px; }

#nav_news { position: absolute; top: 105px; left: 640px; }

#nav_contact_us { position: absolute; top: 105px; left: 740px; }

#nav_client_login { position: absolute; top: 108px; left: 850px; } 

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

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

#contact { position: absolute; top: 190px; 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: 190px; left: 90px; width: 835px; float: left;  }

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

#map { position: absolute; top: 230px; 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; }

#our_work_nav { position: absolute; top: 190px; left: 90px; }

#our_work_nav ul { width: 150px; list-style-type: none; padding: 0px; margin: 0px; text-align: left; }

#our_work_nav li { padding: 0px 0px 7px 0px; }

#our_work_nav li a { padding: 0px 0px 0px 18px; }

#our_work_nav li a:hover { background-image: url(images/flower.jpg); background-repeat: no-repeat; background-position: left; }

.selected { color: #d33c71; font-weight: normal; padding: 0px 0px 0px 18px; }

#our_work_nav li b { 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: 200px; left: 460px; }
	
/*------------FOOTER-------------*/

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

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

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