/*----------------------------------------
Designed & Developed by: Kumail.H.T
----------------------------------------*/

/* Reset
----------------------------------------*/
html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,code,em,font,img,strong,li,ol,ul,fieldset,form,label,table,tr,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left;vertical-align:baseline;margin:0;padding:0}a img{border:none}table{border-collapse:collapse;border-spacing:0}q:before,q:after,blockquote:before,blockquote:after{content:""}

/* Elements
----------------------------------------*/
body{margin:0 auto;width:980px;position:relative}

/* Typography
----------------------------------------*/
body,p,td,th,li{font-family:“Helvetica Neue”,Arial,Helvetica,sans-serif;font-size:.875em;line-height:1.5em;color:#000}
p{margin:0 0 1em}
h1{font-size:2.125em}
h2{font-size:1.75em}
h3{font-size:1.5em}
h4{font-size:1.25em}
h5{font-size:1.125em}
h6{font-size:1em}

/* Link Styles */
a:link,a:visited{color:#555;text-decoration:none}
a:hover,a:active{color:#111}

blockquote{color:#666;font-style:italic;margin:0 0 18px 18px}

/* Standard Definitions
---------------------------------------- */
.clear{clear:both}

.arrow-down a{font-size:0;line-height:0;width:0;border-top:12px solid #4d4d4d;border-left:7px solid #fff;border-right:7px solid #fff;display:block}
	p.arrow-down a:hover{border-top-color:#37c8ab}
	p.arrow-down a:active{border-top-color:#bbb}

.arrow-up a{font-size:0;line-height:0;width:0;border-bottom:12px solid #4d4d4d;border-left:7px solid #fff;border-right:7px solid #fff;display:block}
	p.arrow-up a:hover{border-bottom-color:#37c8ab}
	p.arrow-up a:active{border-bottom-color:#bbb}

.arrow-right a{font-size:0;line-height:0;width:0;border-left:12px solid #4d4d4d;border-top:7px solid #fff;border-bottom:7px solid #fff;display:block}
	p.arrow-right a:hover{border-left-color:#37c8ab}
	p.arrow-right a:active{border-left-color:#bbb}

.arrow-left a{font-size:0;line-height:0;width:0;border-right:12px solid #4d4d4d;border-top:7px solid #fff;border-bottom:7px solid #fff;display:block}
	p.arrow-left a:hover{border-right-color:#37c8ab}
	p.arrow-left a:active{border-right-color:#bbb}
	
	.inactive{display:none}

/* Site Wide
---------------------------------------- */
#contact{position:fixed;bottom:50px;right:0;z-index:1001;height:46px;}

#k{display:block;float:right;background:#37c8ab;font:14px/0 'trebuchet ms',arial,helvetica,sans-serif;text-decoration:none;color:#fff;padding:10px;}
	#k:hover{background:#000;}
	#k:active{background:#333;}

#main-nav{list-style:none;z-index:1001;opacity:.9;display:none;float:right;margin-right:20px;}
	#main-nav li{float:left;}

#triangle{font-size:0;line-height:0;width:0;display:none;z-index:1005;position:fixed;bottom:65px;right:60px;opacity:.9;border-left:12px solid #5fd3bc;border-top:7px solid transparent;border-bottom:7px solid transparent;}

#main-nav li a{height:46px;display:block;text-shadow:-1px -1px 0 #37c8ab;text-transform:uppercase;font:bold 1em/46px arial;color:#FFF;background:#5fd3bc;padding:0 25px;}
	#main-nav li a:hover{background:#37c8ab;}
	#main-nav li a:active{background:#3bd3b5;}

#main-nav li:first-child a{-webkit-border-top-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-topleft:3px;-moz-border-radius-bottomleft:3px;border-top-left-radius:3px;border-bottom-left-radius:3px;}
#main-nav li:last-child a{-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;}
#main-nav li:first-child{border-left:none;}

#contact:hover #k{background:#000;padding-left:15px;}
#contact:hover #main-nav,#contact:hover #triangle{display:block;}


/* Home
---------------------------------------- */
#home{margin-top:79px}

.thumb{float:left;position:relative;margin:0 0 20px 20px;height:172px;width:172px}
	.thumb img{position:absolute}
	.thumb .shadow{background:url(../img/shadow_thumb.png) no-repeat;width:172px;height:172px;position:absolute;top:0;left:0;z-index:1}

.thumb a{text-decoration:none;float:left}
	.thumb a:hover{cursor:pointer}
		.thumb a .overlay{display:none}
			.thumb a:hover .overlay{font:.8em arial,helvetica,sans-serif;
			display:block;position:absolute;width:132px;height:132px;line-height:1.5;background:#000;color:#fff;padding:20px;
			filter:alpha(opacity=75);opacity:.75;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"}

/* Project
---------------------------------------- */
#project .arrow-up{margin:60px 0 7px 483px}

#slideshow{margin:0 0 0 20px;width:940px;height:384px;overflow:hidden;background:url(../img/loading.gif) no-repeat center center}
	#shadow{background:url(../img/shadow.png) no-repeat;width:940px;height:384px;position:absolute;top:19px;left:20px;z-index:100}

#nav{position:absolute;left:415px;top:403px;width:150px;text-align:center}
#nav a{font-size:0;display:inline-block;width:6px;height:6px;background:#484848;margin:10px 10px 0 0;
		border-radius:6px;-moz-border-radius:6px;-khtml-border-radius:6px;-webkit-border-radius:6px}
	#nav a:last-child{margin-right:0}
	#nav a:hover{background:#111}
	#nav a.activeSlide{background:#37c8ab}

#project-name,#visit-site{font:.8em verdana;color:#555}
	a#visit-site:hover,a#visit-site:focus{color:#37c8ab}
	#visit-site:after{content:"\00BB"}

#project-name{float:left;margin:5px 0 0 20px}
#visit-site{float:right;margin:5px 20px 0 0}

#project .arrow-left{position:absolute;top:200px;left:0}
#project .arrow-right{position:absolute;top:200px;right:0}