html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body { line-height:1.5;}
table { border-collapse:separate; border-spacing:0;  border: 1px #ddd solid; }
caption, th, td { text-align:left; font-weight:normal; }

a img { border:none!important; }
.clearer { height: 0px; overflow: hidden; margin: 0px; clear: both; }

/***********************************************************************
******************* typography *****************************************
************************************************************************/

/* headings */
h1, h2, h3, h4, h5, h6 { font-weight: bold; color:#111;}
h1 { font-size:30px; line-height:1; margin-bottom:0.5em; }
h2 { font-size:170%; font-weight: normal;margin-bottom:0.75em; letter-spacing: -0.5px;}
h3 { font-size:100%; line-height:1; margin-bottom:1em; }
h4 { font-size:1.2em; line-height:1.25; margin-bottom:1.25em; }
h5 { font-size:1em; margin-bottom:1.5em; }
h6 { font-size:1em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0;}


/* Para */
p { padding: 4px 0 4px 0; line-height: 20px; font-size: 13px;}
p img.left { float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
.topspace {margin-top: 25px;}

/* Link */
a { color:blue; text-decoration:underline;}
a:link, a:visited { color: blue; text-decoration: underline; }
a:active, a:hover { color: black; text-decoration: underline }


/* Format */
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong { font-weight:bold; } 
em, dfn { font-style:italic; } 


caption {background:#eee;}
.small { font-size:.9em; margin-bottom:1.875em; line-height:1.875em;}
.large { font-size:1.2em; line-height:2.5em; margin-bottom:1.25em;}
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.center { text-align: center; }

/*list table*/
li { margin: 0; line-height: 22px; }
ul, ol {margin:0; }
ul { list-style-type: disc; }
ol { list-style-type:decimal; }
dl { margin:0 0 1.5em 0; }
dl dt { font-weight:bold; }
dd { margin-left:1.5em; }
table {  width:100%; }
td {padding: 2px; line-height: 20px;}
th { font-weight: bold; background:#C3D9FF; }

tr.even td {background:#E5ECF9;}
tfoot {font-style:italic;}

/*******************************************************************************
*************************   web site    ****************************************
*******************************************************************************/
body  {background:url('../images-new/bg/bg3.gif') repeat-x #fff;font-size: 75%; color:#000; font-family: verdana, Georgia, serif; background-color: #F8FBFE;}
.header {margin-top: 0px;}

/*navigation*/
#navigation {height:77px; width:300px;margin:17px 0 0 250px;padding:0 0 0 0; font-size: 17px; font-family: arial; font-weight: bold;}
#navigation a {color:#ddd;}
ul#nav {width: 300px;height:35px;padding:0 0 0 0;margin:0 0 0 15px;}
ul#nav li {line-height: 32px;width: 98px;margin-top: 20px; padding:37px 10px 0 0;margin:0;display:block;float:left; text-align: center;/*text-indent:-9999px;*/}
ul#nav li a {height:35px;border:0;display:block;text-decoration:none;overflow:hidden;padding:0;margin:0;}
li#home a, li#about a, li#portfolio a, li#, li#contact a{height:35px;}
li#home a:hover, li#home a:focus, li#about a:hover, li#about a:focus,
li#portfolio a:hover, li#portfolio a:focus, li#contact a:hover, 
li#contact a:focus{color: #eee;height:35px; width:98px;background-image:url('../images-new/bg/tzoolbar.gif');background-repeat:no-repeat;background-position:0px -46px;}
/*current page*/
.currentPage {background-image:url('../images-new/bg/toxolbar.gif');background-repeat:no-repeat;background-position:0px 0px;}
a.currentPage{color:#fff!important;}

/*slider*/
.project {background:#b5b5b4; padding: 7px; font-size: 13px; color: #fff; font-style: italic; }
.site {background:#8d8d8d; padding: 7px; font-size: 13px; color: #fff; font-weight: bold; }
.site a {color: #fff;}

/*section*/
.medium {height: 320px;}
.bottom {margin: 20px 0 0 0;}
.footer {border-top: 1px #d0d0cf solid; border-bottom: 1px #333 groove; text-align: center; margin: 40px 0 0 0;
background:url('../images-new/bg/bg5.gif') repeat-x ;
}

/*colors*/
.orange {color: #f56b06; }

.darkorange {color: #c35d02;}
.grey, .greyRight {color: #6b6c69;}
.greyRight {float: right;}



/*portfolio*/
#lastWork, .work, .getTouch {margin: 40px 0 0 0;}
.screenshot {width: 420px; height: 250px; background-image:url('../images-new/bg/screen.png');background-repeat:no-repeat; margin-top: 30px;}
.screenshot img {margin: 25px 0 0 31px;padding: 0; border: 1px #ccc solid;}
.separator {width: 960px; margin: 40px auto 0 auto;height: 2px; border-top: 1px #b8b8b8 dashed;}
#social img {margin: 20px 5px 0 0;}
.portfoliohead {font-size: 26px; font-weight: bold; margin-bottom: 0px; color: #f56b06; font-size: 30px;}


.projectli li

{margin-left: 25px;}

.desc p
{margin-top: 0px;}