/* CSS Document */

body { font-size:12px; font-family:Arial, Helvetica, sans-serif; margin:0px;}
hr { display:none;}
img { border:0px; behavior: url("styles/iepngfix.htc") }

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


.nav_arrow {margin:0px 0px 0px 0px;}
.email_register { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px dotted #999; padding:2px 2px 2px 2px; background-color:#FFFFFF;}
.submit_button {margin:0px 0px -4px 5px;}
.bottom_headline { font-size:22px; color:#000000;}
.linkever { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px dotted #999; padding:2px 2px 2px 2px;}

#container {width:800px; margin: -560px auto 0px auto; padding:40px 0px 0px 0px; padding:0px 100px 0px 100px; }

#home_big_image { display:none;}

#above_nav {margin:0px 0px 0px 15px; height:55px;}

#nav { display:none;}

#message_area { font-size:30px; margin:270px 0px 43px 0px;}

#message_area a {color: #F54898; text-decoration:underline;}

#message_area a:hover {color: #F54898; text-decoration:underline;}

#home_content_container { height:330px; border-bottom:1px dashed #000;}

#home_content_container a { color:#666; text-decoration: none;}

#home_content_container a:hover { color:#F54898;}

#numbers_1 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#F54898; margin:-5px 0px 0px -40px; float:left;}

#selected_works { color:#666;float:left; width:337px;}

#selected_works a {color:#666; text-decoration: none; }

#selected_works h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;}

#selected_works h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;}

#selected_works_2 { color:#666; float:left; padding:21px 8px 0px 10px; border-right:1px dashed #000; height:300px; width:176px; }


#selected_works_2 h2 { font-size:12px; margin:18px 0px 10px 0px; color:#000;}

#selected_works_2 ul { float:left; list-style-type:none; margin: 15px 0px 8px 0px; padding:0px;}

#selected_works_2 li {margin: 0px 0px 5px 0px; padding:0px; }

#selected_works_2 a {color:#666; text-decoration: none;  }

#selected_works_2 a:hover { color:#F54898;}



#numbers_2 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#F54898; margin:-5px 8px 0px 5px; float:left;}

#home_case_studied { color:#666;float:left; margin:0px 0px 0px 0px; padding:0px 0px 10px 40px; width:217px; }

#home_case_studied h1 { font-size:18px; margin:0px 0px 0px 0px; color:#000;}

#home_case_studied h2 { font-size:12px; margin:-3px 0px 10px 0px; color:#000;}

#demo_reel {float:left; padding:0px 0px 10px 30px; width:227px; color:#666; border-top:1px dashed #000; margin:0px 0px 0px 10px;}

#demo_reel h1 { font-size:18px; margin:18px 0px 0px 0px; color:#000;}

#demo_reel img { float:right; margin:10px 28px 0px 0px; }

#portfolio_links1 {float:left; width:174px;}
#portfolio_links2 { float:left; }

#portfolio_links1 ul { list-style-type:none; margin: 15px 0px 0px 0px; padding:0px;}
#portfolio_links2 ul { list-style-type:none; margin: 15px 0px 0px 0px; padding:0px;}

#portfolio_links1 li { margin:0px 0px 4px 0px; }
#portfolio_links2 li { margin: 0px 0px 4px 0px; }

#home_content_container_2 { height:490px; background-repeat:repeat-y; padding:8px 0px 0px 0px;}
#numbers_3 { font-family:"Times New Roman", Times, serif; font-size:36px; color:#F54898; margin:5px 0px 0px -40px; float:left;}

#home_we_think{color:#666;float:left; border-right:1px dashed #000; width:491px; line-height:16px; margin:0px 0px 8px 0px; padding:0px 40px 20px 0px;}

#home_we_think h1 { font-size:18px; margin:10px 0px 0px 0px; color:#000; }

#home_we_think h2 { font-size:12px; margin:0px 0px 10px 0px; color:#000;}

#home_newsletter { color:#666; float:left; border-bottom:1px dashed #000; margin:0px 0px 0px 10px; padding:0px 0px 20px 40px; width:217px;}

#home_newsletter h1 { font-size:18px; margin:18px 0px 0px 0px; color:#000;}

#home_newsletter img {float:left; margin:0px 10px 10px 0px;}

#home_brochure { color:#666; float:left; margin:0px 0px 0px 10px; padding:0px 0px 20px 40px; width:217px;}

#home_brochure h1 { font-size:24px; margin:10px 0px 0px 0px; color:#000; font-weight:normal;}


/* ----------------------------------  Home page classes  --------------------------------------  */

.email_register { font-family: Arial, Helvetica, sans-serif; font-size: 11px; border:0px dotted #999; padding:2px 2px 2px 2px;}
.submit_button {margin:0px 0px -4px 5px;}
.botoom_headline { font-size:24px; color:#000000;}


/* ----------------------------------  Footer  --------------------------------------  */


#footer { clear:both; border-top:1px dashed #000; padding:10px 0px 40px 0px; background-image:url(../Images/background.jpg); background-repeat:repeat-y;}

#footer a {color:#000; text-decoration: none;}

#footer a:hover { color:#F54898;}

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

#footer li { margin: 0px 0px 0px 0px; display: inline; }


#footer_gallery { clear:both; border-top:1px dashed #000; padding:10px 0px 40px 0px; background-image:url(../Images/background.jpg); background-repeat:repeat-y; margin:-40px 0px 0px 0px;}

#footer_gallery a {color:#000; text-decoration: none;}

#footer_gallery a:hover { color:#F54898;}

#background_fade { background-image:url(../Images/background_fade.jpg); width:800px; height:50px;}



/* ----------------------------------  Content Pages  --------------------------------------  */



#background_container {margin:0px auto 0px auto; width:800px; padding:40px 0px 0px 0px;}

#inner_container { margin:0px 0px 0px 0px;}

#content_pages {margin:25px 0px 0px 0px;}

#content_pages h1 { border-bottom:1px solid #F54898; border-top:3px solid #F54898; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;}




/* ----------------------------------  Portfolio Page  --------------------------------------  */



#portfolio_nav {margin:25px 0px 0px 0px;}

#portfolio_nav h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;}

#portfolio_nav ul { margin: 15px 0px 15px 0px; padding: 0px 0px 0px 0px; list-style-type: none; font-size:18px; font-weight:bold;}	

.nav_arrow

#portfolio_nav li { margin: 0px 0px -2px 0px;}

#portfolio_nav a {color:#666; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}

#portfolio_nav a.selected {color:#13D1E9;}

#portfolio_nav a:hover { color:#13D1E9;}

#portfolio { color:#666;}

#portfolio a {color:#666; text-decoration: none;}

#portfolio a:hover {color:#13D1E9; text-decoration: none;}

#portfolio h1 { border-bottom:1px solid #666; border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px; margin:0px 0px 20px 0px;}

#portfolio h2 { font-size:12px; color:#000; margin:-0px 0px 10px 0px; }

#portfolio h3 { font-size:12px; color:#666; text-align:right; margin:-24px 0px 5px 0px;}

#portfolio_floatright {float:right; padding:0px 0px 10px 10px;}

#featured_1 {border-bottom:1px dashed #000; height:300px;}

.featured_arrow { float:left;}

#featured_2 {border-bottom:1px dashed #000; height:300px; margin:20px 0px 0px 0px;}

#featured_3 {border-bottom:1px dashed #000; height:300px; margin:20px 0px 0px 0px;}

#featured_4 {border-bottom:1px dashed #000; height:300px; margin:20px 0px 0px 0px;}

#featured_5 {height:300px; margin:20px 0px 0px 0px;}



/* ----------------------------------  Blog  --------------------------------------  */



#blog { width:690px; float:left; margin:13px 0px 0px 0px; color:#666;}

#blog a {color:#F54898; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}

#blog h1 { border-bottom:1px solid #F54898; border-top:3px solid #F54898; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;}

#blog_archive { width:100px; float:right; margin:13px 0px 0px 0px;}

#blog_archive h1 { border-bottom:1px solid #F54898; border-top:3px solid #F54898; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px; margin:12px 0px 15px 0px;}

#blog_block { width:690px; height:450px; padding:3px 0px 0px 0px; border-bottom:1px dashed #000; font-size:11px; margin:0px 0px 10px 0px;}

#blog_block h2 {font-size:18px; margin:10px 0px 10px 0px;}

#blog1 {float:left; width:226px; }
#blog2 {float:left; width:226px; margin:0px 6px 0px 6px;}
#blog3 {float:left; width:226px; }

#blog_archive a {color:#666; margin:0px 15px 0px 0px; padding:0px 0px 0px 0px; text-decoration: none;}

#blog_archive a.selected {color:#F54898;}

#blog_archive a:hover { color:#F54898;}
#dash_hider { background-image:url(../Images/background.jpg); background-repeat:repeat-y; width:690px; height:10px; margin:-20px 0px 0px 0px;}
.blog_date { padding:0px 30px 0px 0px; margin:12px 0px 0px 0px;}
.blogimage {padding:0px 0px 12px 0px;}

/* ----------------------------------  Project pages  --------------------------------------  */

#projects_area { width:522px; float:left; margin:-12px 0px 0px 0px;}

#projects_area h1 {border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;}

#projects_nav { width:267px; float:right; margin:-12px 0px 0px 0px; line-height:16px;}

#projects_nav h1 { border-bottom:1px solid #666; border-top:3px solid #666; font-size:18px; font-weight:normal; color:#000;padding:4px 0px 6px 0px; margin:12px 0px 20px 0px;}

#projects_nav a {color:#666; text-decoration: none; }

#projects_nav a:hover { color:#13D1E9;}

#projects_nav a.selected { color:#13D1E9;}

#project { width:337px; color:#666; float:left; }

#project2 { width:337px; color:#666; float:left; }

#project h1 {border-top:1px solid #666; font-size:12px; font-weight:bold; color:#000; margin:-11px 0px 5px 0px; padding:20px 0px 0px 0px;}

#project img { margin:10px 0px 20px 0px;}

#gap { width:522px; border-top:1px dashed #000; clear:both; margin:0px 0px 15px 0px;}

#project_right { width:175px; border-top:1px solid #666; float:left; margin:-11px 0px 0px 10px;}

#project2_right { width:175px;float:left; margin:-11px 0px 0px 10px;}

#project2 img { margin:10px 0px 20px 0px;}

#top {border-top:1px solid #666; margin:91px 0px 0px 0px; }

#top2 {border-top:1px solid #666; margin:91px 0px 0px 0px; }

.project_table {border-bottom:1px solid #666; padding:0px 0px 5px 0px; color:#666; text-align:left; font-weight:normal; width:175px;}

#project_top {margin:0px 0px 0px 0px;}

#project_top_left {width:337px; color:#666; float:left;}

#project_top_right { width:175px; border-top:1px solid #666; float:left; margin:-11px 0px 0px 10px;}

#project_top_left h1 {border-top:1px solid #666; font-size:12px; font-weight:bold; color:#000; margin:-11px 0px 5px 0px; padding:20px 0px 0px 0px;}

#project_picture_container {width:522px; clear:both; padding:0px 0px 0px 0px}

#project_picture_container a {color:#13D1E9; text-decoration:none;}


#project_picture { float:left; width:337px; margin:10px 0px 25px 0px;}

#project_picture_text { float:left; width:175px; margin:10px 0px 10px 10px;}


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

#contact { color:#666; float:left; width:290px; }

#error { color:#666; float:left; width:600px; }

#iframe { color:#666; float:left; width:800px; }


#contact_map { float:left; width: 500px; margin:0px 0px 0px 10px; padding:0px 0px 20px 0px;}

#contact_map h1 { font-size:18px; margin:0px 0px 10px 0px; border-bottom:1px solid #666; padding:0px 0px 2px 0px; color:#000; font-weight:normal; }

#contact h1 { font-size:18px; margin:0px 0px 10px 0px; border-bottom:1px solid #666; padding:0px 0px 2px 0px; color:#000; font-weight:normal; }

#contact a {color:#F54898; text-decoration: none;}



/* ----------------------------------  Client Review Page  --------------------------------------  */

#review {color:#666;}

#review a {color:#13D1E9; text-decoration: none;}

#review h2 { font-size:12px; color:#000; margin:-0px 0px 10px 0px; }

#content_pages_review {margin:25px 0px 0px 0px;}

#content_pages_review h1 { border-bottom:1px solid #13D1E9; border-top:3px solid #13D1E9; font-size:18px; font-weight:normal; color:#000;padding:2px 0px 2px 0px;}