/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 2, 2011 09:36:48 PM America/New_York */
/* League Gothic */
@font-face {
	font-family: 'Lobster 1.4';
	src: url('../fonts/lobster_1.4-webfont.eot');
	src: local('☺'), url('../fonts/lobster_1.4-webfont.woff') format('woff'), url('../lobster_1.4-webfont.ttf') format('truetype'), url('../fonts/lobster_1.4-webfont.svg#webfont1Lb5Pdit') format('svg');
	font-weight: normal;
	font-style: normal;
}

body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}

#content p {margin-bottom: 25px;}


/* 
 * These selection declarations have to be separate
 * No text-shadow: twitter.com/miketaylr/status/12228805301
 * Also: hot pink!
 */

::-moz-selection { background: #a07b68; color: #fff; text-shadow: none; }
::selection { background: #a07b68; color: #fff; text-shadow: none; }


/* ========================================
   Links
   ======================================*/

a:hover, a:active { outline: 0; }

/* ========================================
   Paddings
   ======================================*/
   
.padtop50px {padding-top:50px !important;}
.padtop20px {padding-top:20px;}
.padtop30px {padding-top:30px !important;}
.padright18px {padding-right:18px;}
.padright40px {padding-right:40px;}
.padright38px {padding-right:38px;}
.padright80px {padding-right:80px;}

/*=========================================
	Main Styles
=========================================*/
body {font-family: arial;font-size: 15px;line-height: 18px;color: #34312a;background: #fdfdfd;float:left;}
.title {text-align:center; padding-bottom:15px;}

/*=========================================
	Home
=========================================*/

#home {background:url(../images/home-bg.gif); width:100%; float:left; }
#content-home {width: 760px;margin: 0 auto;padding: 218px 50px 0 50px;}
#divider-home {width:100%; background: url(../images/divider-home.gif); height:25px; float:left;}
nav {font-family: 'Lobster 1.4';width: 100%;position: fixed;height: 133px;background: white;background:url(../images/navi-bg.png);z-index:999;
/* -webkit-box-shadow: 0px 0px 3px 1px #ebebeb;
-moz-box-shadow: 0px 0px 3px 1px #ebebeb;
box-shadow: 0px 0px 3px 1px #ebebeb;*/
}
nav ul li.logo {background:url(../images/logo.png) no-repeat; width:172px; height:190px; margin-top:0px;}		
nav ul {width: 860px;margin: 0 auto;}
nav ul li{float: left;margin-top: 56px;text-align: center;}
nav ul li.home{padding-right:80px;}
nav ul li.portfolio{padding-right:52px;}
nav ul li.about{padding-left:40px; padding-right:60px;}
nav ul li a {line-height: 40px;font-size: 30px;text-decoration: none;color: #eee;}
nav ul li a:hover{color: #fff;}

/*Slider
---------------------------------------------------------*/	

#slider{width:767px;height:355px; }
		
/* slideshow */
#slideshow, #slideshow_noslide {background:url(../images/slider-frame.gif) no-repeat;width:767px;height:355px; margin:0px auto 0px;overflow:hidden;	clear:both;}
.slide_entry, .slide_entry_noslide { position: absolute; overflow: hidden; width: 720px; height:320px; padding:10px 0 0 24px; z-index:-0;}
#slideshow ul {left:0px; padding: 10px 23px 0 24px;	width: 720px;top:0px; overflow: hidden;	position: absolute;}
#slideshow ul li {float: left;position: absolute;text-align: center;width: 720px;height:320px;}
#slideshow.main_title {position:relative;width: 643px;height:60px;margin-top:290px; text-align:left; color:#fff;background:#333;opacity:0.5;z-index:100;}

#number {z-index: 50; width: 720px;	text-align:right;position: absolute; bottom: 10px; right: 10px; font-family: Arial, Helvetica, sans-serif;font-weight:bold;font-size:15px;}
#number a { margin: 0 5px; padding: 3px 5px; color:#ac988d; text-decoration:none; }
#number a.activeSlide { color: #34312a; text-decoration:none;}
#number a:hover { color: #ac988d; text-decoration:none;}
#number a:focus { outline: none; text-decoration:none; }
#number-left {width:49px; height:76px; margin-left:15px; margin-top: 110px; z-index:1; position:absolute;}
#number-right {width:49px; height:76px; margin-left:702px;z-index:1; margin-top:110px;position:absolute;}

.main_title a { font-size:26px; font-family:'Lobster 1.4'; padding:15px 20px 0 0; float:left; text-decoration:none; color:#34312a;}
.main_title a:hover { color:#ac988d; text-decoration:none;}
.slider-btn {float:left; width:42px; height:42px; padding: 4px 15px 0 20px;}
.subtitle {font-size:15px;}

/*=========================================
	My portfolio
=========================================*/

#myportfolio {background:url(../images/portfolio-bg.gif); width:100%; float:left;}
#content-portfolio {width: 860px;margin: 0 auto;padding: 180px 0 0 0;}
#divider-portfolio {width:100%; background: url(../images/divider-portfolio.gif); height:25px; float:left;}
#projects {width:860px; height:253px;}
a.over_image {text-transform:uppercase;	position:relative; width:261px; height:253px;color:#fff;display:none;}
.wrap_image {position:relative; float:left;width:261px; height:253px;}

/*=========================================
	About me
=========================================*/

#aboutme {background:url(../images/aboutme-bg.gif); width:100%; float:left;}
#content-aboutme {width: 820px;margin: 0 auto;padding: 180px 0 0 0;}
#content-aboutme p {font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:center; padding-top:15px;}
#divider-aboutme {width:100%; background: url(../images/divider-aboutme.gif); height:25px; float:left;}
.aboutme-title { font-weight:bold;}
.bigbullet {font-size:30px; vertical-align: auto;}
.bullet {font-size:20px; vertical-align:middle;}
#long-divider {height:11px; width: 820px; background:url(../images/aboutme-divider.png); float:left;}
#mystuff {width:820px; height:430px;}
.picture {width:216px; height:249px; padding-bottom:20px;}
.content {width:216px; text-align:left; padding-top:20px; float:left; position:relative;}
#desc {width:820px; height:55px; text-align:center;}
#desc p {font-family: 'Lobster 1.4'; font-size:47px; color:#34312a; text-align:center !important; padding-right:15px;}
.designation {font-family: 'Lobster 1.4'; font-size:30px; color:#854c44; text-align:center;}

/*=========================================
	Contact me
=========================================*/

#contactme {background:url(../images/contactme-bg.gif); width:100%; float:left;}
#content-contactme {width: 820px;margin: 0 auto;padding: 180px 0 0 0;}
#contact {width:820px; height:400px;}
.details-pic {width:148px; height:177px; padding-bottom:20px;}
.details {width:148px; text-align:left; padding-top:20px; float:left; position:relative;}
.details a {color:#ab3728; text-decoration:none;}