@charset "utf-8";
/* CSS Document */

* { padding:0; margin:0; font:12px Verdana; }
.good { color:#090;  }
.bad { color:#C00;  }
.clear { clear:both; }
.cright { clear:right; }
.cleft { clear:left; }
.cap { text-transform:uppercase; }
.icon_highlight { background: url(../layout/barrow.png) no-repeat center bottom; }
body { background:#252525 url(../layout/mainbg2.jpg) no-repeat center top; }
#response { margin:5px; text-transform:capitalize;  }
#top  {	height:52px; width:100%; background:#000 url(../layout/top_name.jpg) 35px center  no-repeat; border-bottom:#ff6c00 solid 3px; }
#top a { color:#adadad; text-decoration:none; }
#top a:hover { color:#FFF; }
#top ul { list-style:none; float:right;	margin:14px 35px 0 0; }
#top li { float:left; color:#adadad; font: 14px Verdana, sans-serif; margin:0 8px 0 8px; height:26px; }
#top li.selected { background:#252525; }
#top li.selected a { color:#FFF;  }
#top li .ls { background: url(../layout/ls.jpg) left top no-repeat; float:left; width:6px; height:26px; }
#top li .cs { float:left; margin-top:5px; }
#top li .rs { background: url(../layout/rs.jpg) right top no-repeat; float:left; width:6px; height:26px; } 
#wrapper { background: url(../layout/wrapper_bg.png) top center repeat-y; width:980px; margin:0 auto; padding:0 10px; }
#banner { width:100%; height:264px; background:#000 url(../layout/banner_bg1.jpg) center center no-repeat; }
#banner.smaller { height:132px; border-bottom:5px #000 solid; }
#bottom { background:url(../layout/bottom_bg.png) top center no-repeat; width:1000px; padding-top:20px; text-align:center; color:#FFF; margin:0 auto; }
#submenu { height:264px; background:url(../layout/submenu_bg.png) 0 0 repeat; float:left; width:1px; }
#submenu.home { margin-left:44px; width:216px; height:237px; padding-top:27px; }
#submenu.services { margin-left:44px; width:320px; height:237px; padding-top:27px; }
#submenu ul { list-style:none; }
#submenu li { margin:12px 0 0 31px; }
#submenu li img { border:0 }
#content.home { margin:45px 80px 0 62px; padding-bottom:5px; }
#content.home .left_c { width:723px; float:left; margin:10px 0 0 0; }
#content.home .right_c { width:206px; float:right; }
#content.home p { text-indent:20px; line-height:22px; padding:0px 10px 15px 10px; margin:0px 0 10px 0; text-align:justify; font:14px Arial;}
#content.home a { font:bold 12px Arial; color:#258e00; text-transform:uppercase; text-decoration:none; padding:0 5px; }
#content.home .homeTitle { margin:-30px 0 15px 20px; }
#content.home .mission_bg { float:left; margin:0 0 0 16px; }
#content.home .mission_title { float:left; margin:6px 0 0 -250px; }
#content.home #mission { background:#f2f2f2; padding:8px 17px 15px 17px; margin-top:-4px; height:235px; text-align:left; }
#content.home #mission .fproj { float:left; width:150px; height:235px; margin:5px 5px 10px 5px; }
#content.home #mission .fw1 { background:url(../layout/fw1.jpg) 0 0 no-repeat; }
#content.home #mission .fw2 { background:url(../layout/fw2.jpg) 0 0 no-repeat; }
#content.home #mission .fw3 { background:url(../layout/fw3.jpg) 0 0 no-repeat; }
#content.home #mission .fw4 { background:url(../layout/fw4.jpg) 0 0 no-repeat; }
#content.home #mission .fw5 { background:url(../layout/fw5.jpg) 0 0 no-repeat; }
#content.home #mission .fproj .fimg { text-align:center; }
#content.home #mission .fproj .fimg img { padding:5px; background:#FFF; }
/* new stuff - september 13th - improve how images look in the front page */
#content.home #mission .fproj .fimage { border:5px solid #FFF; height:110px; width:100px; margin:0 auto; }
/* end of new stuff - september 13th - improve how images look in the front page */
#content.home #mission .fproj .finfo { padding: 15px 5px 5px 5px; margin-top:-10px; }
#content.home #mission .fproj .ftitle { color:#333; font:bold 12px Arial; }
#content.home #mission .fproj .ftext { color:#039; font:12px Verdana; padding-left:10px; margin-bottom:5px; }
#content.home #mission .fproj .minfo { width:90px; height:15px; background:url(../layout/smallbtn.jpg) no-repeat 0 0; text-align:center; padding-top:2px; margin:2px auto; }
#content.home #mission .fproj .minfo a { color:#FFF; font:9px Verdana; text-decoration:none; }

#content.home #icons { width:204px; margin:15px auto; }
#content.home #icons .icon_text { font:18px Arial; color:#474747; text-align:center; background:url(../layout/btext.png) no-repeat 0 0; height:34px; padding:10px; }
#content.home #icons .icons { width:156px; margin:0 auto; }
#content.home #icons .fb { margin:0 13px; height:61px; float:left;  }
#content.home #icons .twt { margin:0 13px; height:61px; float:left; }
#content.home #blogcont,#content.home #resumecont  { background:#f7f7f7; margin-left:-25px; }
#content.home #blog_title, #content.home #resume_title { background:#fff url(../layout/blog_title_bg.jpg) repeat-x bottom center;  }
#content.home #blog_title .blogTitleBG { margin-left: 30px; float:left; }
#content.home #blog_title .blogTitle { margin: 10px 0 0 -180px; float:left; }
#content.home #blog { float:left; margin-left: 10px; }
#content.home #blog .post { width:538px; margin:20px 0 20px 10px; }
#content.home #blog .post .top { background:url(../layout/blog_post_top_bg.png) no-repeat 0 0; height:60px; }
#content.home #blog .post .main { background:url(../layout/blog_post_main_bg.png) repeat-y 0 0; min-height:110px; }
#content.home #blog .post img { float:right; margin:0 10px; }
#content.home #blog .post .bottom { background:url(../layout/blog_post_bottom_bg.png) no-repeat 0 0; height:9px; }
#content.home #blog .date { height:39px; width:33px; background:url(../layout/date_bg.jpg) no-repeat 0 0; margin:14px 0 0 15px; float:left; } 
#content.home #blog .month { text-align:center; font:bold 11px Arial; text-transform:uppercase; color:#FFF; }
#content.home #blog .day { text-align:center; font:20px Arial; color:#484848; padding-top:3px; }
#content.home #blog .postTitle { margin:28px 0 0 15px; float:left; }
#content.home #blog p { font: 12px Verdana; line-height:18px; text-align:justify; margin:0px 21px 0px 21px; padding:0 0 5px 0; }
#content.home #blog .post .rmore { text-align:center; }
#content.home #blog_archives { float:left; margin:-20px 15px 0 45px;  }
#content.home #blog_archives .rss_icon { float:right;  }
#content.home #blog_archives ul { list-style:none; margin:8px 0 0 0; }
#content.home #blog_archives li { margin:5px 0; background:url(../layout/li_bulls.png) no-repeat center left; padding-left:14px; }
#content.home #blog_archives li a { font:14px Arial; color:#505050; text-transform:none; }
#content.home #resume_title .resumeTitleBG { margin-left:50px; float:left; }
#content.home #resume_title  .resumeTitle { margin:10px 0 0 -200px; float:left; }
#content.home #resume_title  .pdfLink { float:right; font:12px Verdana; background:url(../layout/pdficon.jpg) no-repeat left center; margin:10px 10px 0 0; height:20px; padding:6px 0 0 32px; }
#content.home #resume { padding:0 20px; font-family:"Trebuchet MS"; }
#content.home #resume .title { font-size:18pt; color:#F15B25;  margin:10px 0 3px 0; }
#content.home #resume .schools, #content.home #resume .work, #content.home #resume .skills { list-style:none; }
#content.home #resume .schools li { margin-bottom:5px; }
#content.home #resume .school_name, #content.home #resume .biz_name { font-weight:bold; font-size:10pt; float:left; }
#content.home #resume .skills_name { font-weight:bold; font-size:10pt; }
#content.home #resume .position { font-style:italic; font-size:8pt; float:left; padding-top:2px; margin-left:5px; }
#content.home #resume .work .biz_list, #content.home #resume .skills .skills_list, #content.home #resume .hna_list, #content.home #resume .aa_list   { list-style:inside disc; margin-left:10px; color:#353132; }
#content.home #resume .date { font-size:10pt; float:right;  }
#content.home #resume p { font-size:10pt; padding:0; margin:0 20px 0 0px; color:#353132; }
#content.home #resume p.extra { margin-left:30px; text-indent:-10px; }


#content.services { padding-top:50px; padding-bottom:5px; }
#content.services .serviceTitleBG, #content.services .serviceTitle { float:left; } 
#content.services .webBG { margin-left:250px; }
#content.services .web  { margin:10px 0 10px -500px; }
#content.services .gdesBG { margin-left:300px; }
#content.services .gdes { margin:10px 0 10px -420px; }
#content.services .sdevBG { margin-left:200px; }
#content.services .sdev{ margin:10px 0 10px -650px; }
#content.services .netBG { margin-left:350px; }
#content.services .net{ margin:10px 0 10px -335px; }
#content.services .seoBG { margin-left:130px; }
#content.services .seo{ margin:10px 0 10px -750px; }
#content.services .service { margin:40px 65px; }
#content.services .service p { text-indent:12px; margin:10px 0 0 35px; width:572px; float:left; }
#content.services .service p.two { width:480px; }
#content.services .service .img{ background:url(../layout/service_bg.jpg) no-repeat 0 0; width:134px; height:134px; float:right; margin:5px 0 0 30px;   }
#content.services .service .img img { border:0px; }
#content.portfolio { padding-top:30px; padding-bottom:5px; }

#content.portfolio .portfolioTitle { margin:10px 45px 15px 45px; padding:0 5px 5px 5px; border-bottom:1px #dadfe8 solid; } 
/* new project output as of september 12th, 2010 */
#content.portfolio .projs { float:left; margin:0 0 0 50px; width:660px; }
#content.portfolio .proj { background:url(../layout/portfolioBG2.jpg) no-repeat 0 0; width:660px; height:161px; margin-bottom:10px; padding:6px 0; }
#content.portfolio .proj .projImg { border-right:1px #dadfe8 solid; float:left; padding:0 10px 0 10px; text-align:center; margin-right:10px;  }
#content.portfolio .proj .projInfo2 { padding-left: 10px; }
#content.portfolio .proj img { border:0; }
/* end of new layout */
#content.portfolio .proj1 { background:url(../layout/portfolioBG1.jpg) no-repeat 0 0; width:430px; height:152px; padding:10px 10px 10px 20px; margin:10px 15px; float:left; }
#content.portfolio .proj1 img { border:0; }
#content.portfolio .prev { float:left; margin-right:23px; }
#content.portfolio .icons { float:right; }
#content.portfolio .text { font:bold 24px Arial; color:#022c6a; /* margin-left:-8px; */ }
#content.portfolio .subt { font:12px Verdana; color:#4e4e4e; margin-left:2px; /* margin-left:-5px; */}
#content.portfolio .cont { font:13px Verdana;  margin:7px 5px;}
#content.portfolio .links { text-align:center; font-size:11px; padding-top:5px; }
#content.portfolio .links a { margin:0 5px; text-decoration:none; color:#333; }

#content.project { padding-top:30px; padding-bottom:5px; }
#content.project .links { margin:0 0 15px 50px; color:#069; font:10px Arial;}
#content.project .links a { color:#777; font:11px Verdana; text-decoration:none; }
#content.project .links a:hover { color:#555; border-bottom:dashed 1px #777; }
#content.project .portfolioTitle { margin:10px 0 30px 60px; padding:0 5px 5px 5px; border-bottom:1px #dadfe8 solid; }

#content.project #project { margin:0 60px;}
#content.project #project .images { float:left; width:400px; }
#content.project #project .info { float:left; width:440px; margin-left:20px; }
#content.project #project table { width:400px; text-align:center; border-right:1px #ffbc75 solid; }
#content.project #project table thead td { width:380px; padding:10px; /* border:#999 1px solid; */ }
#content.project #project table tbody img { cursor:pointer; margin:5px; vertical-align:middle; }
#content.project #project .title { font:bold 24px Arial; color:#022c6a; }
#content.project #project p { font:13px Verdana;  margin:2px 5px 8px 5px; }



#content.contact { margin:45px 80px 0 62px; padding-bottom:5px; color:#333; }
#content.contact .left_c { width:723px; float:left; margin:10px 0 0 0; }
#content.contact p { margin:5px 0 0 10px; }
#content.contact #form { margin:15px 45px; }
#content.contact .form-item { font-weight:bold; margin:5px 0 2px 0;}
#content.contact .form-item2 { margin:8px;  }
#content.contact .req { color:#C30; font-weight:normal; font-size:10px; }
#content.contact .info { color:#999; font-weight:normal; font-size:10px; }
#content.contact .field { padding:2px; margin-left:5px; }
#content.contact .right_c { width:206px; float:right; }
#content.contact #icons { width:204px; margin:15px auto; }
#content.contact  #icons .icon_text { font:18px Arial; color:#474747; text-align:center; background:url(../layout/btext.png) no-repeat 0 0; height:34px; padding:10px; }
#content.contact  #icons .icons { width:156px; margin:0 auto; }
#content.contact  #icons .fb { margin:0 13px; height:61px; float:left;  }
#content.contact  #icons .twt { margin:0 13px; height:61px; float:left; }

#more_images { text-align:center; width:750px; margin:0 auto;  }
#more_images thead td { width:730px; padding:10px; border:#999 1px solid; }
#more_images tbody td {  }
#more_images tbody img { cursor:pointer; margin:5px; vertical-align:middle; }


#content.login { padding-top:80px; }
#content.login #login { background:url(../layout/loginpanel_bg.jpg) no-repeat 0 0; width:310px; height:315px; margin:0 auto; padding:160px 0 0 0; font-family:Arial; font-size:12px; }
#content.login table { margin:0 auto;}
#content.login td.cs { text-align:right; text-transform:Capitalize; color:#222; }
#content.login td.ct { text-align:center; }
#content.login input { margin:2px; }
#content.login #response { text-align:center; width:100%; color:#C03; font-family:Verdana, Geneva, sans-serif; font-size:11px; }