@charset "utf-8";

img, div { behavior: url(iepngfix.htc) }

body {
 margin-top:0px;margin-left:0;margin-right:0;margin-bottom:0;font-family:Arial,Helvetica,sans-serif;color:#aaa;
 font-weight:normal;text-decoration:none;line-height:150%;font-size:13px;
 background-image:url(resources/background.gif);
 background-repeat:repeat-x;
 background-color:#050505;
 }

* {margin:0;padding:0;}

h1, h2, h3, h4, h5, h6, {margin:0;padding:0;font-weight:normal;}

h1 {color:#f5f5f5;font-size:150%;margin-bottom:8px;}

#wrapper {width:939px;position:relative;left:50%;margin-left: -469px;}
#container {clear:both;}

.content {float:right;width:939px;margin-top:24px;margin-bottom:24px;}
.document {color:#f5f5f5;font-size:105%;margin-top:8px;}
.left {float:left;width:642px;margin-top:22px;margin-left:8px;}
.right {float:right;margin-top:22px;width:240px;}
.section {background-image:url(resources/section.gif);background-repeat:no-repeat;width:939px;height:100px;overflow:hidden;}
.summary {color:#aaaaaa;font-size:125%;font-weight:bold;}

/** about **/
#about {width:939px;margin-top:48px;margin-bottom:24px;float:left;}


/** contact **/
#contact {width:939px;margin-top:24px;margin-bottom:24px;float:left;}
#contact .left {float:left;width:420px;margin-top:22px;margin-left:8px;}
#contact .right {float:right;margin-top:22px;width:462px;}

#contact .summary {color:#aaaaaa;font-size:125%;font-weight:bold;}
#contact .document {background-image:url(resources/footer.gif);background-repeat:repeat-x;background-position:top;padding-top:5px;}
#contact .image {width:420px;height:220px;background:#555555;}

/** imprint **/
#imprint {width:939px;margin-top:48px;margin-bottom:24px;float:left;}

/** tagcloud **/
#tagcloud {width:939px;margin-top:24px;margin-bottom:24px;float:left;}
#tagcloud span{padding:8px;margin:1px;}

/** branding **/

#branding {height:159px;}
#strap {float:right;width:455px;height:159px;}

#branding h1 {text-indent:-5000px;width:479px;height:159px;margin-top:0px;margin-left:0;margin-right:0;margin-bottom:0;display:block;overflow:hidden;position:absolute;top:0px;left:-130px;}
#branding h2 {text-indent:-5000px;background:url(resources/strap.gif) no-repeat;width:455px;height:68px;margin-top:57px;margin-left:0;margin-right:0;margin-bottom:0;display:block;overflow:hidden;position:absolute;top:0px;left:484px;}

#logo {margin:8px;margin-top:20px;margin-left:0px;width:476px;height:131px;float:left;}

/** slideshow **/
#slides {background:#555555;width:939px;height:276px;margin-top:32px;float:left;}
#slideshow {margin:11px;width:917px;height:254px;float:left;background: url(resources/slideshow/slide.01.jpg);overflow:hidden;}


/** kwicks **/
.kwicks {list-style:none;position:relative;margin:0;padding:0;}
.kwicks li{display:block;float:left;overflow:hidden;padding:0;cursor:pointer;cursor:hand;}


#solutions {background:#555555;width:939px;height:276px;}

#solutions .left {float:left;width:422px;height:254px;margin:11px;background:#555555 url(resources/kwicks/kwicks.00.jpg);}
#solutions .right {float:right;width:484px;height:254px;margin:11px;margin-left:0;}
#solutions li {width:88px;height:254px}

#solutions #slide01 {background: #050505 url(resources/kwicks/kwicks.01.jpg);}
#solutions #slide02 {background: #050505 url(resources/kwicks/kwicks.02.jpg);}
#solutions #slide03 {background: #050505 url(resources/kwicks/kwicks.03.jpg);}
#solutions #slide04 {background: #050505 url(resources/kwicks/kwicks.04.jpg);} 
#solutions #slide05 {background: #050505 url(resources/kwicks/kwicks.05.jpg);;margin-right:none;}

/** menu **/

#menu {clear:both;z-index:999;}
#menu ul.kp-menu { height:100px; float:right; font-size:12px;margin-top:2px; }
#menu ul.kp-menu li { display:inline; }
#menu ul.kp-menu li a { border:none; display:block; float:left; height:30px; line-height:30px; padding:65px 10px 0px 10px; text-decoration:none; color:#aaa; text-transform:uppercase; border-bottom:5px solid #555; margin-left:5px; }
#menu ul.kp-menu a:hover {background:#333;color:#eee;}
#menu ul.kp-menu li.current a { color:#ccc;border-bottom:5px solid #a2cb24;}

/** portfolio **/
#portfolio {clear:both;margin-left:24px;margin-bottom:24px}
#portfolio ul {list-style:none;text-indent:-5000px;}
#portfolio ul li {width:192px;height:72px;margin-bottom:8px;background:#555555;}

/** footer **/

#footer {clear:both;margin-bottom:24px;}
.footer_left {float:left;width:699px;font-size:11px;color:#555;background-image:url(resources/footer.gif);background-repeat:repeat-x;background-position:top;padding-top:5px;}
.footer_right {float:right;width:240px;font-size:11px;color:#555;background-image:url(resources/footer.gif);background-repeat:repeat-x;background-position:top;padding-top:5px;}

.footer_right a {color:#555;}
.footer_right a:hover{background:#333;color:#eee;}
.footer_right a:visited {color:#555;}

/** email **/

#emailform input, #emailform textarea {border: 1px solid #ddd;border-left-color:#c3c3c3;border-top-color:#7c7c7c;padding: 0 2px;height:18px;line-height:20px;background:#fff;}
#emailform textarea {margin-top:3px;width:383px;height:auto;display:block;}
#emailform input.button {clear:left;border:1px solid #ddd;border-left-color:#c3c3c3;border-top-color:#7c7c7c;background-color:#EBE9ED;}

/** response **/
#response .document {margin-top:16px;}