/* reset.css */
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;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
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;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}


/* -----------------------------------------------------------------------

Thousand Minds-Helping you do wonders with technology
http://www.thousandminds.com
Author: Nikki Bryan Enriquez
Copyright (c) 2009-Present

----------------------------------------------------------------------- */
body{font-family: Arial, Helvetica, sans-serif;background:#191919 url(../images/wrapper-bg.gif) no-repeat;background-position: center;}
#mask {width:982px;overflow:hidden;margin:0 auto;height:auto;}
#panel div {float:left;}
#panel-1 {}
#panel-2 {}
#panel-3 {}
#panel-4 {}
#panel-5 {}
#panel-6 {}

#mainwrapper{width: 982px; margin: 0 auto; }
#wrapper{float: left;width: 100%;overflow:hidden;}
#leftcolumn{float: left;width: 212px;margin-left: -982px; margin-top:15em;}
#contentcolumn{width:770px;margin-left: 212px;}
#content-title{width:100%;margin-top:8em;}
.content-left{float: left;width:195px;}
.content-center{width:355px;}
.content-right{float:right;width:195px;}

#social{float:right;}
#social ul{list-style: none;}
#social li{list-style: none;color:#656464;padding-bottom:5px;}
#social li a{color:#656464;text-decoration:none;}
#social li.facebook{background: url(../images/facebook.png) no-repeat;padding-left:2em;padding-right:1em;display:inline;}
#social li.twitter{background: url(../images/twitter.png) no-repeat;padding-left:2em;padding-right:1.2em;display:inline;}


.vector-flame{background: url(../images/tm-vector-flame-bg.png) no-repeat;width:750px;height:543px;margin-top:3.5em;}
.product-logo1{width:140px;height:auto;float:left;}
.product-logo2{width:150px;height:auto;float:right;}
img{border: none;}

#footer{width: 100%;color: #5b5a5a;font-size:.9em}
#footer p{color: #5b5a5a;font-size:.9em;margin-right:8em;}


h2 { color: #999;margin-bottom: 0; background:url(../images/logo.png) no-repeat;height:43px;width:212px;text-indent:-999px}
.logo-navigation{width:213px;position:relative;}
#hide {position:absolute;top:30px;left:-190px;margin-left: 15em;}

ul#nav{list-style: none;margin: 10px 0;padding: 0 0;}
ul#nav li.sliding-element a{display: block;width: 150px;padding: 0 5px;margin: 0;margin-bottom: 5px;font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;font-size:10pt;}
ul#nav li.sliding-element a{color: #aaa;text-decoration: none;}
ul#nav li.sliding-element a:hover { color: #969595; }
ul#nav li.sliding-elementa.selected {text-decoration:underline !important; color:#4b412f !important;}


.content{width:750px;height:auto}
.content h4.green{color:#90bb0b}
.content h4.red-pink{color:#a61b3f;padding-top:1em;}
.content h4.blue{color:#217fe8;padding-top:1em;}
.content p{padding-left:10px;color:#898989;font-size:11.5px;text-align:justify;width:750px;}
.content p a{color:#d5d4d4;text-decoration:none}

.content ul{list-style:none;float:left;width:750px;}
.content li{color:#898989;font-family: Arial, Helvetica, sans-serif;padding-bottom:5px;text-align:justify;list-style:none;padding-left:10px;}
.content li.about{color:#898989;font-family: Arial, Helvetica, sans-serif;padding-bottom:5px;text-align:justify;list-style:none;padding-left:10px;padding-bottom:12px;}
.content li a{color:#d5d4d4;text-decoration:none}
.content li a:hover{text-decoration:underline}
.content li.directories{color:#a61b3f}
.content li.web{color:#217fe8}

/*Gallery*/
.gallery ul{list-style:none;float:left;display:inline;width:770px;margin-left:6em}
.gallery p{color:#616060;padding-right:2.5em;font-family:Arial, Helvetica, sans-serif;float:right;width:auto;font-size:.90em;padding-top:.5em;}
.gallery p.four{color:#616060;padding-right:2.5em;font-family:Arial, Helvetica, sans-serif;float:right;width:auto;font-size:10px;}
.gallery ul li{float:left;padding-left:13px;padding-top:15px;background: url(../images/thumb-border1.png) no-repeat;width:153px;height:180px;}
.gallery ul li.border-two{float:left;padding-left:13px;padding-top:15px;background: url(../images/thumb-border2.png) no-repeat;width:153px;height:180px;}
.gallery ul li.border-three{float:left;padding-left:13px;padding-top:15px;background: url(../images/thumb-border3.png) no-repeat;width:153px;height:180px;}
.gallery ul li.border-four{float:left;padding-left:13px;padding-top:15px;background: url(../images/thumb-border4.png) no-repeat;width:153px;height:180px;margin-bottom:0;}
.gallery ul li a{text-decoration:none;}

#cssawards{top:0; right:-1px; width:115px; height:115px; 
display:block; position:fixed; text-indent:-999999px; overflow:hidden; background:url(../images/thecssawards09-mention.png) no-repeat 0 0;}

/*Pagination*/
.pagination {font-size:10px;margin-bottom:1em;padding:3px;margin-left:43em;}
.pagination a {border: 1px solid #403f40;margin-right:3px;padding:2px 6px;background-position:bottom;text-decoration: none;color: #585758;	font-weight: bold;	}
.pagination a:hover{border: 1px solid #403f40;color: #4e4d4d;}
.pagination span.current {margin-right:3px;padding:2px 6px;font-weight: bold;color: #4e4d4d;}
.pagination span.disabled {margin-right:3px;padding:2px 6px;color: #585758;}

/*Featured*/
.latest_img {border:none;float:left;}
#latest_work {float: left;width:750px;margin-top:5px;}
#latest_work_title {float: left;font-size: 18px;}
#images {width: 750px;margin-left:4.5em;float: left;line-height: 20px;margin-bottom:1.5em;}
#div{width: 640px;float: left;background-color: #2d2d2d;margin-top: 7px;line-height: 20px;}