.hruler_green_S {position:relative; width:100%; height:20px; background:url(../images/bg_dots_green_horizontal_S.png) left 10px repeat-x}
.clear {clear:both}

#login span.error {display:block; width:auto; height:auto; color:#ff0000; font-size:.8em; padding:0 0 10px 0}
#login label {float:left; width:90px; height:15px; border:0; padding:2px 1px 1px 3px; margin:1px 10px 1px 0; color:#999; font-size:.8em; text-align:right}
#login input[type='text'], #login input[type='password'] {float:left; width:137px; height:15px; border:0; padding:2px 1px 1px 3px; margin:1px 0 1px 0; background:url(../Images/bg_input.gif) no-repeat; color:#333; line-height:15px}
#login input[type='submit'] {float:left; width:20px; height:19px; border:0; padding:0; margin:1px 0 0 0; background:url(../Images/go.png) center center no-repeat; cursor:pointer}
#login input[type='submit']:hover {background-position:right center}
#login input[type='checkbox'] {float:left; border:0; margin:1px 0 0 102px}
#login label.remember {width:auto; text-align:left}

#items li {float:left; height:100%; width:auto; padding:0; line-height:16px; text-transform:uppercase; font-size:1em;}
#items li.divider {width:5px; height:16px; padding:8px 0; background:url(../images/menuitem_divider.png) 2px 7px no-repeat}
#items li a {float:left; width:auto; height:16px; padding:8px 0; color:#909090; text-decoration:none;}
#items li a:hover, #items li span:hover, #items #selected a {color:#606060; background:url(../images/bg_menu_middle.png) center center no-repeat}
#items #selected.first a, #items .first a:hover {background:url(../images/bg_menu_first.png) left center no-repeat}
#items #selected.last a, #items .last a:hover, #items .login.over a {color:#606060; background:url(../images/bg_menu_last.png) right center no-repeat}
#items .login {cursor:default}

#ph_1 {background:#909090 url(../images/whatwedo.png); z-index:100}
#ph_2 {background:#606060 url(../images/clients.png); z-index:1}
#ph_3 {background:#303030 url(../images/contact.png); z-index:1}

#ph_1 .text {position:absolute; width:436px; height:108px; top:50px; left:20px; background:url(../images/whatwedo_text.png) no-repeat}
#ph_2 .text {position:absolute; width:469px; height:55px; bottom:20px; left:0px; background:url(../images/clients_text.png) no-repeat}
#ph_3 .text {position:absolute; width:284px; height:80px; top:105px; left:35px; background:url(../images/contact_text.png) no-repeat}

#frame .content h1 {font:1.5em Verdana, Geneva, sans-serif; color:#82BB26; text-transform:uppercase}
#frame .content h2 {font:1.3em Verdana, Geneva, sans-serif; color:#028ac5; }
#frame .content h4 {font:1.2em Verdana, Geneva, sans-serif; color:#82BB26; text-transform:uppercase}
#frame.sub .content p {font-size:1em}

.photoframe_S {width:77px; height:49px; padding:2px 4px 6px 4px; background:url(../images/photoframe_S.png) no-repeat}

#aph_1 {background:url(../images/whatwedo_thumb.png) no-repeat}
#aph_2 {background:url(../images/clients_thumb.png) no-repeat}
#aph_3 {background:url(../images/contact_thumb.png) no-repeat}

#frame.main .content .column {position:relative; width:280px; padding:0; margin:0; height:auto;}
#frame.main .content .column .header {display:block; width:280px; height:57px; padding:0; margin:0 0 10px 0}
#frame.main .content .column .header h1 {padding:12px 0 10px 0; margin:0;}
#frame.main .content .column .header .photoframe_S {float:left; margin:-10px 15px 0 0; padding-top:12px !important; background-position:0 10px}
#frame.main .content .column .header .photoframe_S:hover, #frame.main .content .column .header .photoframe_S.over {background-position:0 0;}
#frame.main .content .columndots {background:url(../images/bg_dots_blue_vertical_S.png) 12px 0 repeat-y}
#frame.main .content .column h4 {margin-bottom:0}
#frame.main .content .column p {margin-top:0; font-size:.9em;}
#frame.main .content .readmore {font:.8em Verdana, Geneva, sans-serif; color:#909090;}
#frame.main .content .readmore a, #frame .content p a {color:#909090; text-decoration:none}
#frame.main .content .readmore a:hover, #frame .content p a:hover {color:#303030}

#frame.clients .content .client {position:relative; width:100%; height:auto; padding:25px 0 25px 0;}
#frame.clients .content .client .logo {position:relative; width:200px; height:60px; padding:6px; text-align:center;}
#frame.clients .content .client .logo .dot {position:absolute; width:6px; height:6px; background:url(../images/bg_dots_green_horizontal_M.png) left center no-repeat}
#frame.clients .content .client .logo .dot.left_top {top:0; left:0}
#frame.clients .content .client .logo .dot.right_top {top:0; right:0}
#frame.clients .content .client .logo .dot.right_bottom {bottom:0; right:0}
#frame.clients .content .client .logo .dot.left_bottom {bottom:0; left:0}
#frame.clients .content .client p {position:absolute; width:auto; height:auto; left:250px; padding:0 0 0 90px; margin:0; font-size:1em}
#frame.clients .content .client label {position:absolute; width:80px; height:auto; top:1px; left:0; color:#82BB26; font-size:.8em; text-align:right}
#frame.clients .content .client .company {top:24px;}
#frame.clients .content .client .description {top:39px;}
#frame.clients .content .client .technology {bottom:23px;}

#frame.clients .content .clientCase {float:right; width:164px; height:107px; padding:2px 4px 6px 4px; background:url(../images/photoframe_L.png) center no-repeat; margin:7px 0 0 0}
#frame.clients .content .info {width:650px}

#showcases .case {float:left; width:164px; height:107px; padding:2px 4px 6px 4px; background:url(../images/photoframe_L.png) center no-repeat; margin:7px 15px 8px 0}
#showcases .case.last {margin-right:0}
#showcases .case a {display:block; position:relative; width:100%; height:100%; background-color:Black}
#showcases .case a .moInfo {position:absolute; width:100px; height:17px; left:-2px; bottom:-2px; font-size:.9em; padding:17px 0 3px 52px; background:url(../images/moInfo.png) left no-repeat; color:#fff}
#showcases .case a:hover .moInfo {color:#028ac5}

#testimonial {position:relative; width:100%; height:80px;}
#testimonial .quoteContainer {position:absolute; height:50px; width:790px; padding:20px 0 10px 130px; top:0; left:0; background-color:#fff}
#testimonial .photoframe_S {position:absolute; top:20px; left:0; width:77px; height:49px; padding:2px 4px 6px 4px}
#testimonial table {margin-top:7px}
#testimonial .doubleLine table {margin-top:0}
#testimonial table td {padding-top:6px}
#testimonial table span.quote {font-size:1em;}
#testimonial .doubleLine table span.quote {font-size:.9em;}
#testimonial table span.person {display:block; font-size:.8em; color:#82BB26; margin-bottom:-6px}
#testimonial table .quotes_open {background:url(../images/quotes_open.gif) left top no-repeat}
#testimonial table .quotes_close {background:url(../images/quotes_close.gif) right bottom no-repeat}

#frame.whatwedo .photo .inner {background:url(../images/whatwedo.png) left -40px no-repeat}
#frame.whatwedo .photo .inner .subcontent .text {position:absolute; width:318px; height:96px; top:30px; left:20px; background:url(../images/whatwedo_text_sub.png) no-repeat}
#frame.clients .photo .inner {background:url(../images/clients.png) left -40px no-repeat}
#frame.clients .photo .inner .subcontent .text {position:absolute; width:403px; height:60px; bottom:10px; left:0; background:url(../images/clients_text_sub.png) no-repeat}
#frame.about .photo .inner {background:url(../images/about.png) left -80px no-repeat}
#frame.about .photo .inner .subcontent .text {position:absolute; width:220px; height:56px; top:65px; right:50px; background:url(../images/about_text_sub.png) no-repeat}
#frame.contact .photo .inner {background:url(../images/contact.png) left -40px no-repeat}
#frame.contact .photo .inner .subcontent .text {position:absolute; width:328px; height:31px; top:90px; left:15px; background:url(../images/contact_text_sub.png) no-repeat}
#frame.termsofuse .photo .inner {background:url(../images/termsofuse.png) left -40px no-repeat}
#frame.privacy .photo .inner {background:#f8f8f8 url(../images/privacy.png) left top no-repeat}

form.contact {padding:0 0 20px 0}
form.contact label {display:block; font-weight:bold; margin:10px 0 2px 0}
form.contact input[type='text'] {display:block; width:300px; height:15px; padding:2px 0 2px 4px; color:#606060}
form.contact input[type='text'].short {width:100px !important}
form.contact input[type='submit'] {display:block; width:158px; height:26px; background:url(../images/button.png) no-repeat; border:0; color:#606060; margin:10px 0 0 0; cursor:pointer}
form.contact input[type='submit']:hover {color:#303030}
form.contact span {color:#82BB26}
form.contact textarea {display:block; padding:2px 2px 0 4px; font-size:12px; line-height:15px; font-family:Verdana, Geneva, sans-serif; color:#606060}

form.contact span.field-validation-error {color:#ff0000}