BODY { margin:0; padding:0; background-image:url(images/bg_top.gif); background-repeat:repeat-x; text-align:center; background-color:#FFFFFF; font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; background-color:#fff; color:#333;}



div#corner { position: fixed; top:6px; left:2px; width:154px; height:154px;}


div.flashportfoliohome { height:350px; margin:0; float:left; }


a:active

{

outline: none;

}



a:focus

{

-moz-outline-style: none;

}



img.imgnewshome { float:right; margin:5px;  }



div#container { width:1000px; margin:0 auto; padding:0; text-align:left;}



div#top { margin:0; padding:0; width:100%; float:left; /*background-image:url(images/top_menu.gif);*/ background-repeat:no-repeat; background-position:top right; }



div#center { margin:0; padding:0; width:100%; float:left;}



div#bottom { margin:0; padding:0; width:100%; float:left; height:50px;}





div#logos{ margin:0; padding:0; width:500px; float:right; text-align:right; }



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



div#menutop { float:right; height:29px; padding:0 ; margin:0; font-size:12px; color:#3a70a2; background-image:url(images/bg_top_menu.gif);  width:446px;}



div.menutop_l {float:right; height:29px; margin:0; font-size:12px; color:#3a70a2; background-image:url(images/top_menuL.gif); background-repeat:no-repeat; width:100%;}



div.menutop_r { float:right; width: 100%; height:29px; margin:0 ; font-size:12px; color:#3a70a2; background-image:url(images/top_menuR.gif); background-repeat:no-repeat; background-position:right; padding:0;}



img#envelope { margin:0 0 0 5px;}



div#menutop a:link, div#menutop a:visited  { color:#3a70a2; text-decoration:none;} /*kolor linku, brak podkreslenia*/



div#menutop a:hover  { text-decoration:underline;} /*podkreslenie linku po najechaniu*/



img {border: none} /*img jako link - bez ramki*/



div#menuhorizontal { height:25px; width:970px; padding:0; background-image:url(images/bg_menuhorizontal.gif); background-repeat:repeat-x; font-size:13px; margin:0 auto; } /*margin:0 auto - wysrodkowanie diva nie moze byc juz float: left */



div#menuhorizontal a:link, div#menuhorizontal a:visited  { color:#ffffff; text-decoration:none; display:block; float:right; height:25px; width:140px; padding:0; margin:0 0 0 1px; cursor:pointer; background-image:url(images/btt_mh.gif); background-repeat:repeat-x; padding:2px 0 0 0;}



div#menuhorizontal a:hover { text-decoration:underline;}



div#menuhorizontal a span {display:block; height:25px; width:100%; padding:0; margin:1px 0 0 0; text-align:center;}



div#main { width:970px; margin:0 auto;}



div#menuhorizontal_big { float:left; width:100%; margin:10px 0 0 0; padding:0; text-align:center;} 



div#flash { margin: 5px 0 5px 0  ; padding:0 ; width:970px; height:200px; background-color:#fff;}



div#services {  border:1px solid #cccccc; width:100%; background-color:#FFFFFF; padding:0; margin: 0 0 10px 0; background-image: url(images/servicesbg.gif); background-repeat:repeat-x;}





div#nav {  border-bottom:1px solid #cccccc; width:100%; padding:0; margin: 0 0 10px 0;}



div#nav a:link, div#nav a:visited { color:#366c9e; text-decoration:none; }

div#nav a:hover { text-decoration:underline;}



div.box { border-right:1px solid #c5c5c5; padding:10px; height:180px; margin:5px;}



div.box2 { padding:10px; height:180px; margin:5px;}



br.clear { clear:both; padding:0; margin:0;}



div#box1  { float:left;  width:240px; padding:0; margin:0; background-image:url(images/gifbox1.gif); background-repeat:no-repeat; background-position:bottom right;}



div#box2 { float:left;  width:240px; padding:0; margin:0; background-image:url(images/gifbox2.gif); background-repeat:no-repeat; background-position:bottom right;}



div#box3 { float:left;  width:240px; padding:0; margin:0; background-image:url(images/gifbox3.gif); background-repeat:no-repeat; background-position:bottom right;}



div#box4 { float:left;  width:231px; padding:0; margin:0; background-image:url(images/gifbox4.gif); background-repeat:no-repeat; background-position:bottom right;}



div.box h4 {float:left; padding:2px 2px 2px 0; margin:0; width:100%; font-size:13px;}



div.box2 h4 {float:left; padding:2px; margin:0; width:100%; font-size:13px;}



a.bluelink:link, a.bluelink:visited  { font-size:11px; float:left;display: block; width:100%; color:#366c9e; text-decoration:none;} 



a.bluelink:hover  { float:left;display: block; width:100%; color:#366c9e; text-decoration:underline }  



.article { font-size:13px; float:left; display: block; width:100%; }



div#left { float:left; width:247px; padding:0; margin:0;}

div#lefthomepage {float:left; width:320px; padding:0; margin:0;}
div#righthomepage { float:right; width:580px;  margin: -53px 0 0 0; background-image:url(images/righthomepage.gif); background-repeat:no-repeat; background-position:0 60px ; border-left:1px #c0c0c0 solid; padding:30px  0 20px 50px; }

div#right { float:right; width:712px; padding:0; margin:0;}

div#portfoliohomepage {float:left; width:100%; padding:0; margin:0;  }
div#newstitlehomepage {float:left; width:100%; padding:0; margin:0; background-image:url(images/news_homepage.gif); background-repeat:no-repeat; height:76px; }
div#moreportfolio { text-align:right; float:right; width:90%; margin:0; padding:0 20px 0 0 ; }
div#newstitle { text-align:left; float:left; width:90%; margin:20px 0 0 0; padding:0 0 0 10px; font-size:15px;  }

div#right div.sub { float:left; margin:0; padding:0 0 10px 5px; width:700px; text-align:justify; }

div#right div.sub h2.subh  { float:left; width:100%; margin:0 0 10px 5px;  font-size:14px; color:#3a6fa1; padding:0; }



div#right div.sub div.boxsub { float:right; width:200px; padding:5px; margin:10px 0 10px 10px; border:1px solid #999999;}



a:link, a:visited { color:#366c9e; text-decoration:none; }

a:hover {text-decoration:underline;}





div#right div.sub div.boxsub_250 { float:right; width:250px; text-align:center; font-size:8px; padding:5px; margin:10px 0 10px 10px; border:1px solid #999999;}



div.boxsub_700 { float:right; width:100%; text-align:center; font-size:8px; padding:5px 0; margin:10px 0 ; border-top:1px solid #999999;}





div#left a.menuleft:link, a.menuleft:visited {display:block; cursor:pointer; height:21px; width:100%; float:left; background-image:url(images/menuleft.gif); background-repeat:repeat-x; text-decoration:none; color:#6c6b6b; margin: 0 0 1px 0;}



div#left a.menuleft:hover {display:block; height:21px; width:100%; float:left; background-image:url(images/menuleft2.gif); background-repeat:repeat-x; text-decoration:none; color:#FFFFFF; margin: 0 0 1px 0;}



a.menuleft span { display:block; float:left; width:100%; padding: 2px 0 0 4px;}



div.menutitle { float:left; width:100%; background-image:url(images/menutitle.gif); background-repeat:repeat-x; height:28px; padding:0; margin: 0 0 1px 0;}



div.menutitle2 { float:left; width:100%; background-image:url(images/menutitle2.gif); background-repeat:no-repeat; height:28px; padding:0; margin:0;}



div.menutitle3 { float:left; width:100%; background-image:url(images/menutitle3.gif); background-repeat:no-repeat; background-position:right; height:28px; padding:0; margin:0;}



div.menutitle3 span { float:left; display:block; width:100%; padding: 4px 0 0 4px; font-size:11px; color:#FFFFFF;}



div.menutitle4 { float:left; width:100%; background-image:url(images/menutitle4.gif); background-repeat:repeat; height:21px;margin: 0 0 1px 0;}



div.menutitle4 span { float:left; display:block; width:100%; padding: 2px 0 0 4px; font-size:11px; color:#FFFFFF; font-size:11px}



div.grey { float:right; width:712px; height:28px; background-image:url(images/grey.gif); background-repeat:repeat-x; margin:10px 0 0 0; padding:0;}



div.greyleft { float:right; width:100%; background-image:url(images/greyL.gif); background-repeat:no-repeat; height:28px; margin:0;}



div.greyright { float:left; width:100%; background-image:url(images/greyR.gif); background-repeat:no-repeat; background-position:right; height:28px; margin:0;}



div.greyright span, div.greyright h1.sub { float:left; display:block; margin:5px 0 0 12px; font-weight:normal; font-size:18px; color:#000000; padding:0 0 3px 0; }





div.downgrey { float:left; width:712px; height:28px; padding:0; margin: 1px 0 0 0; background-image:url(images/Dgrey.gif); background-repeat:repeat-x;  /* --- */ font-size:10px; color:#333;}



div#topic2 { float:left; width:710px; height:150px; margin: 0 0 10px 0; height:150px; padding:0; background-image:url(images/bg_topic2.jpg); background-repeat:repeat-x; border:1px solid #cccccc; padding:0}

div#topic3 { float:left; width:710px; height:150px; margin: 0 0 10px 0; height:150px; padding:0; background-image:url(images/bg_topic3.jpg); background-repeat:repeat-x; border:1px solid #cccccc; padding:0}





div#topic1 { float:left; width:700px; margin: 0 0 10px 0; padding:0; background-image:url(images/bg_topic1.gif); background-repeat:repeat-x; border:1px solid #cccccc; padding:10px 0 10px 10px;}



div.topic_a { float:left; width:174px; border-right:1px solid #c9c9c9; margin:11px 0 1px 0; padding:0 10px 0 0;}

div.topic_a2 { float:left; width:174px; border-right:1px solid #c9c9c9; margin:11px 0 1px 10px; padding:0 10px 0 0;}

div.topic_a3 { float:left; width:385px; border-right:1px solid #c9c9c9; margin:11px 0 1px 10px; padding:0;}



div.topic_b { float:right; width:480px; margin:11px 10px 0 0; padding:0;}



span.title1 { float:left; margin:0; padding:0; font-size:19px; width:100%; color: #356b9d;}



span.article2 { float:left; font-size:11px; color: #565656; display:block; width:100%; line-height:normal; margin:0; padding:0;}



div#menubottom { width:970px; height:28px; background-color:#FFFFFF; border-top:1px solid #cccccc; margin:0 auto; font-size:10px; padding:5px 0 0 0; color: #76797c; }



div#menubottom a:link,div#menubottom a:visited { color: #76797c; text-decoration:none; }



div#menubottom a:hover { color: #76797c; text-decoration:underline; }



div#menutop_t { float:left; height:28px; width:100%;}



div#inside_mt { float:left; text-align:center; padding:6px 0 0 0; width:100%;}



div.messager{ float:left; width:100%; padding: 0 0 5px 0; clear: both; margin: 10px 0; background-image:url(images/bg_messager.gif); background-repeat:repeat-x; }

div.messager_big{ float:left; width:100%; padding: 0 0 5px 0; clear: both; margin: 10px 0; border:1px #CCCCCC solid; background-color:#E9E9E9; }

div.messager_twitter{ float:left; width:100%; padding: 0 0 5px 0; clear: both; margin: 10px 0;  }



div.client { float:left; ; border-bottom:1px solid #CCCCCC; padding:5px 0; margin:5px 0;}

div.client img { margin:2px;} 



h1.title_web_design { font-size:18px; float:left; font-weight:normal; display: block; width:90%; font-weight: normal; color: #000000; margin:0; padding:4px 0 6px 4px; }




h2.title_web_design { font-size:18px; float:left; font-weight:normal; display: block; width:90%;  font-weight:normal; width:100%; color: #000000; margin:0; padding:4px 0 6px 4px; }

h3.title_web_design, h4.title_web_design, h2.title_web_design_small  { font-size:16px; float:left; font-weight:normal; display: block; width:100%; color: #000000; margin:0; padding:4px 0 6px 4px; }

span.title_web_design { font-size:18px; float:left; display: block; width:100%; color: #000000; margin:0; padding:4px 0 6px 4px; }



div.messager2 { font-size:11px; float:left; color: #464f57; padding: 5px; line-height: normal; margin:0;  }



div.newsitem { float:right; margin:0 0 5px 0; padding:0; width:100%;}

span.tagslist, div.tagslist  { font-size:10px; color:#999999; }



ul.lab { margin:0; padding:0px; list-style-type:none; float:left; width:100%; }

ul.lab li { margin:0; padding:0 0 0 10px; float:left; width:100%; display:block; background-position:0 7px; background-image:url(images/blackdot.gif); background-repeat:no-repeat;}





div.topic_d { float:left;  width:100%; margin:11px 0 0 0; height:auto;}



.title2 { float:left; display:block; font-size:13px; color: #727272; margin:0 0 0 40px; padding:0; font-weight:bold; }



div.newsitem h5.title3 { float:left; display:block; font-size:13px; color: #000000; margin:0 0 0 20px;}



div.newsitem  h5.title3 a:link, h5.title3 a:visited { color: #000000; text-decoration:none;}



div.newsitem  h5.title3 a:hover { text-decoration:underline;}



.title4 { float:left; display:block; font-size:13px; color: #000000; margin:10px 0 0 20px; line-height:normal;}



.topic_data { float:left; display:block; font-size:13px; color: #000000; margin:10px 0 0 20px; line-height:normal;}



form { margin:0; padding:0;}



input.subnewsletter { background-image:url(images/bg_text.gif); background-repeat:repeat-x; background-color:#FFFFFF; background-position:bottom; border:1px solid #939393; width:309px; height:18px; margin:5px 0 0 0; float:right; color: #666666;} 



a.bluelink2:link, a.bluelink2:visited  { font-size:11px;  color:#366c9e; text-decoration:none;} 



a.bluelink2:hover  { font-size:11px;  color:#366c9e; text-decoration:underline;}



a.newsletterbt span { display:block; margin:0; float:left; width:67px; color:#FFFFFF; text-align:center; cursor:pointer; }



a.newsletterbt:link, a.newsletterbt:visited  { text-decoration:none; display:block; cursor:pointer;  float:right;  padding:0; text-align:center; background-image:url(images/bg_submit.gif); background-repeat:repeat-x; width:67px; height:20px; margin:5px 0 0 1px ; border:1px solid #939393; text-decoration:none; background-position:bottom; background-color:#a7a7a7;}



a.newsletterbt:hover { text-decoration:none; }



img#labgif { float: left; margin: 10px 0 3px 135px;}



img#gifbox1 { float: left; margin: 10px 0 3px 165px;}



img#gifbox2 { float: left; margin: 33px 4px 3px 152px;}



img#gifbox3 { float: left; margin: 49px 4px 3px 114px;}



img#gifbox4 { float: left; margin: 55px 4px 3px 180px;}



.linkwww:link, .linkwww:visited { color: #012bb5; text-decoration:none;}



.linkwww:hover { text-decoration:underline;}



div.newstitle{ float:left; padding:0; margin:0; width:100%; font-weight:bold; font-size:13px; }

div.newstitle a:link, div.newstitle a:visited { text-decoration:none;  font-weight:bold; color:#3e74bd; }

div.newstitle a:hover { text-decoration: underline;   }



div.newsdate{ float:left; padding:0; margin:0; width:100%; font-size:10px; }





div.newstext{ float:left; padding:7px 0 10px 0; text-align:justify; border-bottom:1px dotted #CCCCCC; margin:0 0 10px 0; width:100%;}



div.newstext a:link, div.newstext a:visited, div.topic_b a:link, div.topic_b a:visited, div#right a:link, div#right a:visited  { text-decoration:none;   color: #3765ab; }

div.newstext a:hover, div.topic_b a:hover, div#right a:hover { text-decoration: underline;   }







span.newspadding { display: block; padding: 0 10px;}



/* portfolio 282 */





div#two_c_pf { border-bottom:1px #666666 solid;}



div.pf_gb { float:left; height:38px; width:100%; background-image:url(images/pf_bg.gif); margin:0 0 10px 0; background-repeat:repeat-x; border:1px solid #afafaf; }



div.pf_gb span { font-size:24px; color:#3a6fa1; padding:10px 0 0 11px; float:left; margin:0;  display:block;}



div.webpf_new { float:left;  width:100%; margin:10px 0; padding:0 0 10px 0; border-bottom:1px #b3b3b3 solid; background-image:url(images/pf_new.gif); background-repeat:no-repeat; background-position: top right; }



span.blue { color: #0066FF; }



div.webpf_new a:link, div.webpf_new a:visited, div.webpf_blank a:link, div.webpf_blank a:visited , div.webpf_hot a:link, div.webpf_hot a:visited  { text-decoration:none;   color: #0066FF; }

div.webpf_new a:hover, div.webpf_blank a:hover, div.webpf_hot a:hover { text-decoration: underline;   }





img.bt_studycase { margin:10px 0 0 0; }





div.webpf_blank { float:left; width:100%; margin:10px 0; padding:0 0 10px 0; border-bottom:1px #b3b3b3 solid; background-image:url(images/pf_blank.gif); background-repeat:no-repeat; background-position: top right; }





div.webpf_hot { float:left; width:100%; margin:10px 0; padding:0 0 10px 0; border-bottom:1px #b3b3b3 solid; background-image:url(images/pf_hot.gif); background-repeat:no-repeat; background-position: top right; }





div.topic_e  { float:left; width:300px; text-align:left; }

div.topic_t { float:right; width:400px; text-align:left; padding:0 5px 0 0; }



div.twocolumn { width:100%; float:right; text-align:justify; }

div.column1 { width:48%; float:left; color:#333333;}

div.column2 { width:48%; float:right;}



div.twocolumn p { float:left; width:97%; display: block; padding: 0 0 8px 5px; margin:0;}



div.twocolumn li a:link, div.twocolumn li a:visited { color:#3a70a2; text-decoration:none;} /*kolor linku, brak podkreslenia*/



div.twocolumn li a:hover  { text-decoration:underline;} /*podkreslenie linku po najechaniu*/







h4.hpf { display:block; margin:0; padding:0; float:left; color:#3a6fa1;}





div.quote { width:100%; float:left; margin:10px 0;}

div.quote label { float:left;  display:block; width:100%;}




div.aboutus_intro { width:100%; float:left; margin:10px 0; text-align:left;}



div.quote1 { float:left; width:200px;  }

div.quote2 { float:right; width:240px; background-image:url(images/respond.gif); background-repeat:no-repeat;  }

div.quote2 span, div.quote3 span{ display:block; width:187px; float:right;}

div.quote3 { float:right; width:240px ; margin:0 15px 0 0; background-image:url(images/twenty47.gif); background-repeat:no-repeat; }



h4.quotetitle {font-size:13px; float:left; display: block; width:100%; color: #000000; margin:0; padding:0; }

h4.quotetitle_blue {font-size:13px; float:left; display: block; width:100%; color: #3a6fa1; margin:0; padding:0; }



form.quoteform { float:left; width:90%; padding:0; margin:10px 0 0 10px;}

div.form_c1 { float:left; width:200px; }

div.form_c2_alert { float:right; width:470px; text-align:left; color:#FF6600; font-weight:normal;}

div.form_c2{ float:left; width:100%; }

div.rddmap{ float:right; width:450px; }



div.aboutus_left { float:left; width:220px; text-align:left; }

div.aboutus_left a:link,  div.aboutus_left a:visited, div.form_c2 a:link, div.form_c2 a:visited { color:#333333; text-decoration:none;}

div.aboutus_left a:hover, div.form_c2 a:hover { text-decoration:underline; }









input.quoteinput { border:1px #7f9db9 solid; width:100%;}

span.red { color:#d40000;}

textarea.quotetextarea { border:1px #7f9db9 solid; width:100%; height:300px;}









span.greysmall { font-size:11px; color:#666666;}







div#map { width:100%; height:400px; border:1px #999999 solid;}



div.ourteam img.photo { float:left; border:1px #999999 solid;}

div.ourteam { float:left; width:210px; height:300px; margin:10px 10px 0 0; padding:6px; border:1px solid #CCCCCC;}

div.ourteamabout { float:right; width:165px; margin:0 0 5px 0;}

div.ourteaminfo { float:left; width:205px;}





h1.right_h { float:left; display:block; margin:5px 0 0 12px; font-weight:normal; font-size:18px; width:100%; color:#000000; padding:0 0 3px 0;}

h2.right_h { float:left; display:block; margin:5px 0 0 12px; font-weight:normal; font-size:16px; width:100%; color:#4d83b5; padding:0 0 3px 0; }



div.enc_box1 {

	float:left; width:200px; padding:10px; border:1px #CCCCCC solid; margin:10px 0 10px 10px ;



}





/*div.topic_e  { float:left; width:300px; background-color:#996600; height:282px;}*/





/* <a href="" class="bluelink2">Read More <img src="arrow.gif" alt="arrow" /></a>  */





#hor-minimalist-a {font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:12px;background:#fff;width:100%;border-collapse:collapse;text-align:left;}

#hor-minimalist-a th {font-size:14px;font-weight:normal;color:#4177a9;border-bottom:2px solid #4177a9;padding:10px 8px;}

#hor-minimalist-a td {color: #666666;padding:9px 8px;}

#hor-minimalist-a tbody tr:hover td{color: #4177a9; background-color: #DBDBDB;}









div#newsright {width:26%; float:right; text-align:left; color:#999999; font-size:12px;  }



div#newsrightcms {width:100%; float:left; text-align:left; color:#999999; font-size:14px;  }



div#newsright a.no:link, div#newsrightcms a:link, div#newsright a.no:visited, div#newsrightcms a.no:visited { color: #999999; text-decoration: none; font-weight:bold; display:block; padding:3px;}



div#newsright a.no:hover, div#newsrightcms a.no:hover{ text-decoration: underline;}



div#newsrightpadding { margin:10px 0 0 0; padding:5px; border-left:1px solid #ccc;}



div#newsright a.selected:link,  div#newsright a.selected:visited, div#newsright a.selected:hover { display:block; padding:3px; text-decoration: none; font-weight:bold; color: #000000;}





span.archive { font-size:11px; font-weight:bold;}



div#newsrightpadding a.no:link, div#newsrightpadding a:link, div#newsrightpadding a:visited, div#newsrightpadding a.no:visited { color: #999999; text-decoration: none; font-weight:bold; display:block; padding:3px;}

div#newsrightpadding a.selected:link,  div#newsrightpadding a.selected:visited, div#newsrightpadding a.selected:hover { display:block; padding:3px; text-decoration: none; font-weight:bold; color: #000000;}





ul.articles_list { width:100%; float:left; }







div#blogleft {width:70%; float:left; text-align:left; }



div.bloglist { border-bottom:1px dotted #ccc; margin:5px; padding:5px; color:#999999; font-size:12px;}



div.bloglist a:link, div.bloglist a:visited { color:#666666; text-decoration: none; font-weight:bold;}



div.bloglist a:hover { text-decoration:none; color:#333333;}







div.blogintrolist, div#blogfull  { margin:5px; padding:10px 5px ; color: #333333; font-size:12px; border-bottom:2px dotted #CCCCCC; display:block; float:left; width:100%; }



div.blogintrolist span.date, div#blogfull span.date  { font-size:10px; color:#666666; margin: 0 ; padding:0; display:block; float:left;  text-transform:uppercase; letter-spacing:2px;  width:100%;}







div.blogintrolist span.title  a:link, div.blogintrolist span.title  a:visited, div#blogfull span.title , div.blogintrolist div.title  a:link, div.blogintrolist div.title  a:visited, div#blogfull div.title  { color: #006699; font-size:13px; padding:5px 0; text-transform:uppercase; text-decoration: none; font-weight:bold; display:block; float:left; width:100%;}





h1.titleblog { color: #006699; font-size:14px; padding:5px 0; text-transform:uppercase; text-decoration: none; font-weight:bold; display:block; float:left; width:100%; }

h2.titleblog2 { color: #666666; font-size:10px; padding:5px 0;  text-decoration: none;  display: inline; }

h3.titleblog3 { color: #666666; font-size:11px; padding:5px 0;  text-decoration: none;  display: inline; }



div.blogintrolist span.title  a:hover { text-decoration:none; color: #999999;}



div.blogintrolist span.text, div#blogfull span.text  {display:block; float:left; width:100%; padding:0 0 17px 0;}





div.imageblog { width:100%; text-align:center; padding:20px 0; float:left;}



div#blogright {width:26%; float:right; text-align:left; color:#999999; font-size:11px;  }







div#blogright a.no:link,  div#blogright a.no:visited { color: #999999; text-decoration: none; font-weight:bold; display:block; padding:3px;}



div#blogright a.no:hover { text-decoration: underline;}



div#blogrightpadding { margin:10px 0 0 0; padding:5px; border-left:1px solid #ccc;}



div#blogright a.selected:link,  div#blogright a.selected:visited, div#blogright a.selected:hover { display:block; padding:3px; text-decoration: none; font-weight:bold; color: #000000;}





span.archive { font-size:11px; font-weight:bold;}





div.pages span { background-color:#CCCCCC;}



div#footer { float:left; text-align:justify; width:100%; margin:4px 0 10px 0; color: #666666; font-size:10px; padding:0 0 5px 0; border-bottom:1px #CCCCCC solid;  }





/* drop down menu */



div.dropmenu { text-align:left;   width:200px; background-color: #808ea8; color:#FFFFFF;  z-index:1; visibility: hidden; position:absolute; padding:5px; margin:-3px 0 0 0; font-size:10px; }





/* tech */

/*
div#intro_tech { height:458px; width:970px; position:relative; float:left; background-image:url(images/sky.jpg); background-repeat:no-repeat;}
*/
div#intro_tech { height:450px; width:970px; position:relative; float:left; background-image:url(images/sky.jpg); background-repeat:no-repeat;}

div#services_tech { float:left; width:100%; }
div#services_tech2010 { float:left; width:1050px; height:388px; background-image:url(images/intro_2010.jpg); background-repeat:no-repeat; position:absolute; margin:0 0 0 -40px; }


div#intro_box1 { width:240px; margin:123px 0 0 70px; float:left; color: #FFFFFF; text-align:left;}
div#intro_box2 { width:240px; margin:123px 0 0 20px; color: #FFFFFF;  float:left; text-align:left;}
h1.intro, h2.intro  { margin:0 0 3px 0; padding:0 0 3px 0; float:left; color:#FFFFFF; font-size:14px; width:100%; border-bottom:1px #979797 solid;}
/*
div#bottom_tech{ width:970px;  border-top:1px solid #cccccc; margin:100px auto 0 auto; font-size:10px; padding:5px 0 0 0; color: #76797c; }


*/

div.bottom_tech{ width:970px;  border-top:1px solid #cccccc; margin:10px auto 0 auto; font-size:10px; padding:5px 0 ; color: #76797c; }

div#bottom_tech_big { margin:0; padding:0; width:100%; float:left; }


/* 
div#paneltech { position: absolute; width:950px; height:150px; bottom:-100px; left:10px; background-image:url(images/bg_tech_black.png); }
*/
div#paneltech { position: absolute; width:950px; height:50px; bottom:0; left:10px; background-image:url(images/bg_tech_black.png); }


div#paneltech span.paneltech { color:#FFFFFF; display:block; width:100%; float:left; padding:17px 0 0 15px; text-align:left; font-size:20px;}

div#paneltech span.paneltech span.grey { color:#CCCCCC;}

div.tech_box { float:left; width:200px; margin:28px 15px 0 15px; color:#b5b5b5; text-align:left; }

div.tech_box h3.tech_box { font-size:15px; color:#d9d9d9; width:100%; float:left; margin:0 0 10px 0;}

div.tech_box span.tech_box { display:block; width:100%; float:left; font-size:13px; }



div#techlist { width:970px; margin: 5px auto; border-top:1px solid #cccccc;}



div.tech_box_list { float:left; width:200px; margin:15px 18px; color:#b5b5b5; text-align:left;  }

div.tech_box_list a.tech_box_list { font-size:12px; color:#fff; width:100%; background-color: #333333; display:block; float:left; font-weight:normal;}

div.tech_box_list a.tech_box_list:hover { background-color:#000; text-decoration:none;}

div.tech_box_list a.tech_box_list span { display:block; width:100%; padding:3px;}

img.tech_box_list { float:left; margin:0 0 1px 0;}


/***** NEW *****/

.portfolio_box {
	width:297px;
	height:257px;
	background-image:url(images/portfolio_bg_box.gif);
	background-repeat:no-repeat;
	float:left;
	margin:10px 0 0 20px;
	text-align:center;
	font-size:12px;
	padding:7px 0 0 0;
}

.imagep {
	border:1px #d9d9d9 solid;

}
.portfolio_box a.link {
	color:#1e76b4; text-decoration:none;  display:block; padding:5px 0 0 0; 
}
.portfolio_box a.link:hover {
	color:#000000;
}

.ddimgtooltip{
box-shadow: 3px 3px 5px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 3px 3px 5px #818181;
-moz-box-shadow: 3px 3px 5px #818181;
display:none;
position:absolute;
border:1px solid black;
background:white;
color: black;
z-index:2000;
padding: 4px;
}







#slidebox{
    width:400px;
    height:100px;
    padding:10px;
    background-color:#336699;
    border-top:3px solid #000;   
    position:fixed;
	text-align:left;
    bottom:0px;
    right:-430px;
	-moz-box-shadow:-2px 0px 5px #aaa;
	-webkit-box-shadow:-2px 0px 5px #aaa;
	box-shadow:-2px 0px 5px #aaa;
}
#slidebox p, a.more{
    font-size:11px;
    text-transform:uppercase;
    font-family: Arial,Helvetica,sans-serif;
    letter-spacing:1px;
    color: #fff;
}
a.more{
    cursor:pointer;
    color:#fff;
}
a.more:hover{
    text-decoration:underline;
}
#slidebox h2{
    color:#fff;
    font-size:18px;
    margin:10px 20px 10px 0px;
}
a.close{
    background:transparent url(../images/close.gif) no-repeat top left;
    width:13px;
    height:13px;
    position:absolute;
    cursor:pointer;
    top:10px;
    right:10px;
}
a.close:hover{
    background-position:0px -13px;
}