/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

  body { font-family: Arial,sans-serif;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center top;
    background-color: rgb(255, 255, 255);
    }

  .container, #latest_works, #bottom_content, #download { margin: auto;
    width: 1000px;
    }

  .bold_text { font-weight: bold;
    }

  .blue_text { color: rgb(42, 172, 200);
    font-size: 15px;
    }

  #header { background: rgb(177, 178, 180) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    height: 250px;
    }

  h1 { float: left;
    margin-top: 37px;
    }

  h1 a { background: transparent url(../images/) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    display: block;
    height: 3px;
    text-indent: -9999px;
    width: 148px;
    }

  #main_menu { float: right;
    margin-top: 54px;
    }

  .first_list { margin: 0pt 14px;
    float: left;
    list-style-image: url(images/Viereck.gif);
    }

  .main_menu_first { padding: 8px;
    color: rgb(226, 0, 122);
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    }

  .main_menu_first:hover { border-top: 5px solid rgb(42, 172, 200);
    }

  .with_dropdown { position: relative;
    }

  .with_dropdown li a { display: block;
    }

  .with_dropdown ul { border-bottom: 5px solid rgb(226, 0, 122);
    padding: 12px 0pt;
    background: rgb(255, 255, 255) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    position: absolute;
    top: 24px;
    visibility: hidden;
    width: 197px;
    list-style-image: url(images/Viereck.gif);
    }

  .first_list.first_list:hover ul { visibility: visible;
    }

  .with_dropdown .main_menu_first { background: transparent url(../images/arrow_down.png) no-repeat scroll 92% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    padding-right: 23px;
    }

  .with_dropdown:hover .main_menu_first { border-top: 5px solid rgb(226, 0, 122);
    background: rgb(255, 255, 255) url(../images/arrow_down.png) no-repeat scroll 92% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    color: rgb(42, 172, 200);
    }

  .second_list { margin: 0pt 5px;
    padding: 10px;
    }

  .second_list_border { border-bottom: 1px solid rgb(231, 231, 231);
    }

  .main_menu_second { color: rgb(0, 0, 0);
    font-size: 13px;
    text-transform: capitalize;
    }

  .main_menu_second:hover { color: rgb(42, 172, 200);
    }

  .main_current { border-top: 5px solid rgb(42, 172, 200);
    }

  #slideshow_area { border-top: 1px solid rgb(226, 0, 122);
    padding: 19px 0pt 28px;
    background: rgb(226, 0, 122) url(../images/banner_shadow.png) repeat-x scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #mid_content { background: rgb(226, 0, 122) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    height: 1px;
    }

  #slideshow_pagination { margin: 10px auto;
    width: 160px;
    }

  #slideshow_pagination li { margin: 0pt 9px;
    float: left;
    }

  #slideshow_pagination a { background: transparent url(../images/grey_button.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    display: block;
    height: 14px;
    width: 14px;
    }

  #slideshow_pagination a.current { background: transparent url(../images/white_button.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  .mid_content_info { float: left;
    font-size: 13px;
    margin-top: 60px;
    width: 220px;
    }

  .mid_content_info h2 { padding: 12px 0pt 0pt 59px;
    font-size: 15px;
    font-weight: bold;
    height: 28px;
    margin-bottom: 15px;
    }

  .mid_content_info p { color: rgb(54, 54, 54);
    line-height: 20px;
    margin-bottom: 22px;
    }

  .mid_content_info a { color: rgb(42, 172, 200);
    }

  .mid_content_info a img { margin: 0pt 8px 1px 0pt;
    }

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

  .mid_content_space { margin-right: 40px;
    }

  #clean { background: transparent url(../images/pen_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #responsive { background: transparent url(../images/screen_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #fully { background: transparent url(../images/layer_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #ready { background: transparent url(../images/paperplane_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #latest_works { clear: left;
    }

  #latest_works h3 { margin: 19px 0pt 15px;
    padding: 8px 0pt 0pt 38px;
    background: transparent url(../images/cursor_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 16px;
    }

  #carousel_nav { float: right;
    margin-top: 20px;
    }

  #carousel_nav a { margin-left: 6px;
    }

  #carousel_wrapper { border-top: 1px solid rgb(223, 225, 229);
    border-bottom: 1px solid rgb(223, 225, 229);
    clear: left;
    height: 220px;
    }

  #carousel_wrapper li { margin: 30px 15px;
    float: left;
    }

  #carousel_wrapper li, #portfolio_list li { height: 160px;
    position: relative;
    width: 220px;
    }

  #carousel_wrapper li a img, #portfolio_list li a img { bottom: 0pt;
    position: absolute;
    visibility: hidden;
    }

  #carousel_wrapper li:hover a img, #portfolio_list li:hover a img { visibility: visible;
    }

  #work01 { background: transparent url(../images/latest_work01.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work02 { background: transparent url(../images/latest_work02.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work03 { background: transparent url(../images/latest_work03.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work04 { background: transparent url(../images/latest_work04.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work05 { background: transparent url(../images/latest_work05.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work06 { background: transparent url(../images/latest_work06.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work07 { background: transparent url(../images/latest_work07.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work08 { background: transparent url(../images/latest_work08.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work09 { background: transparent url(../images/latest_work09.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work10 { background: transparent url(../images/latest_work10.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work11 { background: transparent url(../images/latest_work11.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work12 { background: transparent url(../images/latest_work12.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work13 { background: transparent url(../images/latest_work13.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work14 { background: transparent url(../images/latest_work14.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work15 { background: transparent url(../images/latest_work15.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #work16 { background: transparent url(../images/latest_work16.jpg) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #testimonials { clear: left;
    float: left;
    width: 430px;
    }

  #testimonials h3 { margin: 19px 0pt 15px;
    padding: 5px 0pt 0pt 38px;
    background: transparent url(../images/speechcloud_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 15px;
    font-weight: bold;
    height: 18px;
    }

  #testimonials p { color: rgb(54, 54, 54);
    font-size: 14px;
    line-height: 24px;
    }

  .testimonial_name { font-style: italic;
    font-weight: bold;
    }

  #clients { float: right;
    margin-bottom: 40px;
    }

  #clients h3 { margin: 19px 0pt 15px;
    padding: 4px 0pt 0pt 38px;
    background: transparent url(../images/people_icon.png) no-repeat scroll left center;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 15px;
    font-weight: bold;
    height: 16px;
    }

  #clients ul { background: rgb(232, 235, 241) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    height: 200px;
    width: 480px;
    }

  #clients img { margin: 1px;
    float: left;
    }

  #download { border: 1px solid rgb(129, 228, 237);
    padding: 30px;
    background: rgb(232, 252, 254) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    clear: both;
    height: 78px;
    width: 940px;
    }

  #download p { color: rgb(54, 54, 54);
    float: left;
    font-size: 16px;
    line-height: 26px;
    width: 608px;
    }

  #download a { margin: 8px 8px 0pt 0pt;
    padding: 22px 0pt 0pt 72px;
    background: transparent url(../images/download_button.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    display: block;
    color: rgb(13, 7, 7);
    font-size: 18px;
    font-weight: bold;
    float: right;
    height: 42px;
    width: 172px;
    }

  #download a:hover { color: rgb(255, 255, 255);
    }

  #portfolio_area { border-top: 1px solid rgb(217, 217, 217);
    background: transparent url(../images/banner_shadow.png) repeat-x scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    padding-top: 38px;
    }

  #portfolio { padding: 6px 0pt 0pt 40px;
    background: transparent url(../images/paintbrush_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 15px;
    font-weight: bold;
    height: 19px;
    margin-bottom: 12px;
    }

  #portfolio_menu { border-top: 1px solid rgb(223, 225, 229);
    border-bottom: 1px solid rgb(223, 225, 229);
    margin-bottom: 25px;
    padding-bottom: 20px;
    }

  #portfolio_menu ul { padding: 20px 0pt;
    }

  #portfolio_menu li, #portfolio_list li { float: left;
    }

  #portfolio_menu li { margin-right: 2px;
    }

  #portfolio_menu a { padding: 7px 18px;
    color: rgb(0, 0, 0);
    font-size: 14px;
    }

  #portfolio_menu a:hover { background: rgb(129, 228, 237) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  .portfolio_menu_current { background: rgb(129, 228, 237) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #portfolio_list { height: 760px;
    }

  #portfolio_list li { margin: 15px;
    }

  #portfolio_pagination { border-top: 1px solid rgb(223, 225, 229);
    padding: 25px 0pt;
    clear: left;
    margin-top: 30px;
    }

  #portfolio_pagination ul { margin: auto;
    width: 233px;
    }

  #portfolio_pagination li { margin: 0pt 2px;
    float: left;
    }

  #portfolio_pagination a { padding: 6px 9px;
    color: rgb(0, 0, 0);
    display: block;
    font-size: 14px;
    }

  #portfolio_pagination a:hover { background: rgb(129, 228, 237) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  a#pagination_next, a#pagination_end { background: rgb(232, 235, 241) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  a#pagination_next:hover, a#pagination_end:hover { background: rgb(191, 193, 198) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #pagination_end { margin-left: 22px;
    }

  .pagination_current { background: rgb(129, 228, 237) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #contact_area { border-top: 1px solid rgb(217, 217, 217);
    background-color: transparent;
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0% 50%;
    padding-top: 38px;
    }

  #contact { margin: 6px 0pt 17px;
    padding: 2px 0pt 0pt 40px;
    background: transparent url(../images/envelope_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    font-size: 15px;
    font-weight: bold;
    height: 15px;
    }

  #contact_info { border-top: 1px solid rgb(223, 225, 229);
    padding-top: 10px;
    }

  #contact_info_left { margin: 27px 0pt 33px;
    float: left;
    width: 574px;
    }

  #contact_info p { font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    }

  #contact_info_left p a:hover { text-decoration: underline;
    }

  #contact_info_right { float: right;
    margin-top: 30px;
    }

  #location_map { border: 1px solid rgb(129, 228, 237);
    margin: 0pt 20px 36px 0pt;
    padding: 20px;
    background: rgb(232, 252, 254) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #location_map h3 { font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    }

  #location_map img { border: 5px solid rgb(255, 255, 255);
    }

  #address h3 { font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
    }

  #address p { color: rgb(54, 54, 54);
    }

  #contact_form { width: 480px;
    }

  #contact_form li { padding: 2px 0px;
    font-size: 14px;
    }

  #contact_form label { margin: 12px 0pt;
    display: block;
    }

  #contact_form input { height: 35px;
    }

  #contact_form input:focus, #contact_form textarea:focus { border: 1px solid rgb(42, 172, 200);
    }

  #contact_form input, #contact_form textarea { border: 1px solid rgb(180, 186, 197);
    }

  #contact_form input[type=submit] { border: medium none ;
    padding: 0pt 0pt 6px 30px;
    background: transparent url(../images/submit_button.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    cursor: pointer;
    font-size: 18px;
    font-weight: bold;
    height: 64px;
    margin-top: 20px;
    width: 160px;
    }

  #contact_form input[type=submit]:hover { color: rgb(255, 255, 255);
    }

  #footer { border-top: 1px solid rgb(217, 217, 217);
    background: rgb(232, 235, 241) none repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    clear: both;
    height: 320px;
    margin-top: 40px;
    }

  #footer p, #footer a { color: rgb(54, 54, 54);
    font-size: 14px;
    }

  #footer h4 { margin: 0pt 0pt 21px;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    }

  .footer_info { margin: 32px 0pt 40px;
    float: left;
    }

  #footer_about, #footer_explore, #footer_browse { margin-right: 64px;
    }

  #footer_about { width: 238px;
    }

  #footer_about p, #footer_contact p, #copyright { line-height: 17px;
    }

  #footer_explore li, #footer_browse li { margin: 12px 0pt;
    }

  #footer_explore li a, #footer_browse li a { text-transform: capitalize;
    }

  #footer_explore li a:hover, #footer_browse li a:hover { color: rgb(42, 172, 200);
    }

  #footer_connect { float: right;
    width: 213px;
    }

  #footer_connect h4 { margin-left: 24px;
    }

  #footer_connect a { margin: 0pt 0pt 10px 18px;
    display: block;
    float: left;
    height: 51px;
    text-indent: -9999px;
    width: 53px;
    }

  #facebook { background: transparent url(../images/facebook_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #dribbble { background: transparent url(../images/dribbble_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #pinterest { background: transparent url(../images/pinterest_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #linkedin { background: transparent url(../images/linkedin_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #skype { background: transparent url(../images/skype_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  #sharethis { background: transparent url(../images/sharethis_icon.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    }

  p#copyright { clear: both;
    float: left;
    font-size: 13px;
    }

  #footer_logo { background: transparent url(../images/logo.png) no-repeat scroll 0% 50%;
    -moz-background-clip: initial;
    -moz-background-origin: initial;
    -moz-background-inline-policy: initial;
    display: block;
    float: right;
    height: 37px;
    text-indent: -9999px;
    width: 148px;
    }

  li { color: rgb(226, 0, 122);
    }

  li span { color: black;
    }