/* CSS Document */
a, a:active, a:link, a:visited { color:#a55; text-decoration:none;}
a:hover { text-decoration:underline; color: #f55}

html, body {background:#fafafa; text-align:center;}
div.external {width:1015px; margin:0 auto; text-align:left; font-family: Georgia, "Times New Roman", Times, serif}

a.logo {background:url(../images/icon.png) no-repeat 3px 0px; width:340px; height:67px; float:left; margin:12px 0 0 21px; font-weight:600; font-size:32px; color:#777; padding:10px 0px 0px 80px; text-decoration:none}
a.banner {margin:15px 8px 0px 8px;}

div.rootmenu {width:100%; margin: 10px 0; padding:0 10px;}

div.rootmenu a {font-family: Georgia, "Times New Roman", Times, serif; font-size:100%; border:1px solid #fafafa;  border-left: 1px solid #7a8694; float:left; padding:0px 18px;}
div.rootmenu > a:first-child {border:none; }

div.menu {width:150px}
div.menu a {display:block; font-size:140%; padding:6px 0;}
div.menu a.submenu {font-size:120%; padding:4px 0; padding-left:20px;}

div.fIn div.cnt {margin-left:150px;}
div.fIn div.cnt img {border:1px solid #e3e3e3; margin:20px auto; text-align:center; display:block}

div.rects {width:1015px;font-size:75%;}
div.rects a.readMore {float:right; margin:5px 0px 0 0}
div.rects div.TL , div.rects div.TR , div.rects div.BL , div.rects div.BR {width:446px; height: 282px; float:left; padding:12px 30px;}
div.rects div.TL div.cnt, 
	div.rects div.TR div.cnt, 
	div.rects div.BL div.cnt, 
	div.rects div.BR div.cnt {display:block; width:270px; height:200px; padding-left:180px}
div.rects div.TL { background:url(../images/recttl.gif) no-repeat #fbfbfb; margin: 0 1px 1px 0;}
div.rects div.TL div.cnt {background:url(../images/mobile.gif) no-repeat 0 20px;}
div.rects div.TR { background:url(../images/recttr.gif) no-repeat #fbfbfb; margin: 0 0 1px 1px}
div.rects div.TR div.cnt {background:url(../images/lMatrix.gif) no-repeat 0 20px;}
div.rects div.BL { background:url(../images/rectbl.gif) no-repeat #fbfbfb; margin: 1px 1px 0 0 }
div.rects div.BL div.cnt {background:url(../images/lExperience1.gif) no-repeat 0 20px;}
div.rects div.BR { background:url(../images/rectbr.gif) no-repeat #fbfbfb; margin: 1px 0 0 1px }
div.rects div.BR div.cnt {background:url(../images/lProject.gif) no-repeat 0 20px;}

div.rects h1, div.content h1 {color:#4a4a4a; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:250%; padding:0; margin:0;}
div.fIn h1 {margin-bottom:10px}

div.content {width:1015px; font-size:75%; border:1px solid #dcdcdc;}
div.content div.fIn {position:relative; top:-1px; left:-1px; background:url(../images/cornertl.gif) no-repeat; padding:12px 15px;}

div.footer{width:1015px; text-align:left; margin:25px auto 0 auto; }
div.footer div.banners {text-align:center;}
div.footer div.copy {font-size:75%; margin-top:25px; border-top:1px solid #e3e3e3; padding:5px 0;}
div.footer a.mail {background:url(../images/contactMe.gif) no-repeat 0px 3px; padding-left:15px;}

div.images { width:700px; border:0px solid red; height:450px}
img.a { float:left; padding:25px; border:0px solid white }

table.codes { width:700px; text-align:center}
table.codes tr.hdr th{ height:20px; border-bottom:1px solid #CCC}



div.code { float:left; margin:0px 0px 10px 5px; width:400px; height:184px; border:1px solid #ccc; overflow:hidden; background-color:#eee; FONT-FAMILY: Tahoma; font-size:12px}
div.code div.title { float:left; width:190px; border:0px; margin-top:4px; font-weight:600; text-transform:uppercase; font-size:110%; overflow:hidden; height:35px;FONT-FAMILY: Tahoma;}
div.code div.overview { float:left; width:190px; height:130px; border:0px solid #ccc; overflow:hidden;FONT-FAMILY: Tahoma;}
div.code div.footer { float:left; width:190px; height:15px; border:0px solid #ccc; overflow:hidden; text-align:right; FONT-FAMILY: Tahoma; margin:0px;}
div.code div.footer a, div.code div.footer a:active,div.code div.footer a:link,div.code div.footer a:visited {font-size:11px; text-decoration:none; color:#555;FONT-FAMILY: Tahoma;}
div.code div.footer a:hover { text-decoration:underline;FONT-FAMILY: Tahoma;}

table.image { float:left; border:1px solid #ccc; width:200px; height:200px; margin:0px; padding:0px; overflow:hidden; background-color:White}
table.image img {margin:0px; padding:0px;}

table.codeinfo { float:left; width:100%; border:0px; background-color:Transparent; text-align:left;FONT-FAMILY: Tahoma; font-size:12px}
table.codeinfo td.header { border-bottom:1px solid #ccc; font-size:120%; text-transform:uppercase}
table.codeinfo td.section {padding-top:10px}
table.codeinfo div.image {border:1px solid #ccc; width:220px; height:220px;  float:left}

table.params { float:left; width:350px; border:0px solid red; background-color:Transparent; text-align:left; margin-right:10px}
table.params td.caption { font-weight:600}

.btnBack { float:left; margin-bottom:10px}
.resurl { width:700px; border:1px solid navy; background-color:#eee}
.red {color:red}

table.capture {width:100%; border:0px solid red; text-align:center;FONT-FAMILY: Tahoma; font-size:12px}
table.capture th { font-weight:600;}
table.capture td {width:25%;vertical-align:top}

div.news { margin-bottom:30px}

table.viewcodes { width:100%; float:left; border:0px; text-align:left}
table.viewcodes td.caption { width:100%; border-bottom:1px solid #ccc; padding:0px; font-size:100%; text-transform:uppercase;}
table.viewcodes td.codes { width:100%; padding-top:10px;}
table.viewcodes td.space { width:100%; height:30px;}