/* Reset rule */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Reset rule end */


body { background:#6a5538 url(../../images/bg.jpg) 0 0 repeat-x; }
#wrapper { width:960px; min-height:100%; height:auto!important; height:100%; text-align:center; margin:0 auto -78px; padding:0;}
#header { height:332px; position:relative;}
h1#logo { position:absolute; top:26px; left:29px; width:303px; height:59px; background:url(../../images/kalyan-logo.png); text-indent:-9999px;}
.horzline { height:17px; width:867px; background:url(../../images/line.png); position:absolute; top:85px; left:29px;}
#navigation { width:350px; position:absolute; text-align:left; right:28px; top:55px; height:30px;}
#navigation  ul { float:left; display:block; height:30px; margin:0; padding:0; list-style-type:none;}
#navigation  ul li { float:left; display:inline; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#ffd304; font-style:italic; font-weight:normal; margin-right:3px;}
#navigation  ul li a { display:block; padding:0px 5px 0px 5px;  text-decoration:none; font-family: Georgia, serif; font-size: 1.2em; font-style: italic; font-weight: normal; letter-spacing: normal; line-height: 1.2em; color:#ffd304; font-style:italic; font-weight:normal;}
#navigation  ul li a:hover { display:block; -moz-border-radius:5px; -webkit-border-radius:5px; background:#000; color:#FFF;}
#navigation  ul li a.selected {display:block; -moz-border-radius:5px; -webkit-border-radius:5px; background:#000; color:#FFF;}
#headingtext { width:630px; height:114px; text-align:left; position:absolute; top:139px; right:50px;}
#headingtext h2 { font-family: Georgia, serif; font-size: 1.8em; font-style: italic; color:#FFF; font-weight: normal; letter-spacing: normal; line-height: 1.4em;}
#headingtext h2 span { display:inline block; padding:0px 2px 0px 2px; cursor:pointer; background:#000; color:#ffd304;}
#headingtext h2 span:hover { display:inline block; padding:0px 2px 0px 2px; cursor:pointer; background:#ffd304; color:#000;}
#midbar { height:64px; position:relative; padding:0 28px 0 12px; margin:0; text-align:left;}
#midbar .left { width:326px; float:left; height:64px;}
#midbar .left .catchme { float:left; height:64px; padding-top:21px; width:114px;}
.catchme .catchmetext { background:url(../../images/catchme.png) center left no-repeat; width:137px; text-indent:-9999px; height:22px;}
#midbar .left .social-container { width:168px; height:47px; padding:13px 0 0 9px; float:right;}
.social-container .box { width:159px; height:35px; padding-left:9px; padding-top:5px; background:url(../../images/social-container.png) center left no-repeat}
.social-container a { width:32px; height:30px; margin-right:4px;}
#midbar .right { float:right; width:530px; height:64px;}
#midbar .right .checkout {float:left; height:64px; padding-top:21px; width:203px;}
.checkout .checkouttext { background:url(../../images/checkout.png) center left no-repeat; text-indent:-9999px; width:224px; height:28px;}
.switcher {width: 297px; float:right; position:relative; padding-top:11px; height:51px;}
.switcher .block { background:url(../../images/selectblock.png) center left no-repeat; width: 297px; height:41px;}
.switcher a.ui { position:absolute; width:65px; height:20px; z-index:1; cursor:pointer; top:21px; left:17px; background:url(../../images/ui-design.png);}
.switcher a.graphic { position:absolute; width:55px; height:16px; z-index:1; cursor:pointer; top:24px; left:122px; background:url(../../images/grpahic-design.png);}
.switcher a.print { position:absolute; width:35px; height:18px; z-index:1; cursor:pointer; top:24px; left:227px; background:url(../../images/print-design.png);}
.switcher .handle {position:absolute; width:90px; height:30px; top:17px; left:8px; background:url(../../images/handle.png); z-index:0;}
#lowbody, #contact{ height:325px; position:relative; text-align:left; padding:20px 0 0 12px;}
.textcontainer { position:absolute; width:250px; height:300px; top:70px; left: 350px;}
.textcontainer p { font-family:Georgia, "Times New Roman", Times, serif; background:#000; padding:5px 5px; font-size:0.8em; color:#EEE; line-height:18px;}
.portfoliocontainer { width:585px; position:relative; height:224px;}
.portfoliocontainer h2.uidesign { position:absolute; text-indent:-9999px;  top:0; left:0; background:url(../../images/h2ui.png) center top no-repeat; width:110px; height:30px;}
.portfoliocontainer h2.contact { position:absolute; text-indent:-9999px;  top:0; left:0; background:url(../../images/contactme.png) center top no-repeat; width:115px; height:22px;}
fieldset { border:0;margin:0;padding:0; }
	label { display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#d3bc99; padding-bottom:5px; }
	input.text{ width:300px;font:12px/12px 'courier new',courier,monospace;color:#FFF; background:url(../../images/input.png) 0 0 repeat-x; padding:3px;margin:1px 0; border-top:1px solid #7b5c30; border-left:1px solid #7b5c30; border-bottom:1px solid #604825; border-right:1px solid #7b5c30; }
	textarea { width:300px;font:12px/12px 'courier new',courier,monospace; height:64px; background:url(../../images/textarea.png) center top repeat-x; color:#FFF; padding:3px;margin:1px 0; border-top:1px solid #7b5c30; border-left:1px solid #7b5c30; border-bottom:1px solid #604825; border-right:1px solid #7b5c30; }
	input.submit { padding:7px 10px; cursor:pointer; border:0; background:url(../../images/handle.png) center top no-repeat; font:bold 12px/12px verdana,arial,sans-serif; }
.portfoliocontainer h2.graphicdesign { position:absolute; display:none; text-indent:-9999px;  top:0; left:0; background:url(../../images/graphicDesign.png) center top no-repeat; width:156px; height:28px;}
.portfoliocontainer h2.printdesign { position:absolute; display:none; text-indent:-9999px;  top:0; left:0; background:url(../../images/printdesign.png) center top no-repeat; width:124px; height:27px;}
.portfoliocontainer a.resume { position:absolute; text-indent:-9999px;  top:0; right:35px; background:url(../../images/resume.png) center top no-repeat; width:163px; height:30px;}
.portfoliocontainer .portfoliowrapper { position:absolute; top:40px; left:0; width:585px; float:left; }
.portfoliocontainer .portfolio { height:246px; width:590px; overflow-x:hidden; overflow-y:scroll;}
.portfolio .picwrapper { float:left; height:auto;}
.picwrapper a { width:169px; height:74px; float:left; margin-right:18px; margin-bottom:15px;}
#blogcontainer { width:298px; height:230px; background:url(../../images/blog.png) center top no-repeat; padding-left:10px; padding-top:67px; position:absolute; top:10px; right:20px;}
#chatcontainer { width:298px; height:230px; padding-left:10px; padding-top:10px; position:absolute; top:10px; right:20px;}
#blogcontainer1 { width:298px; height:230px; background:url(../../images/blog.png) center top no-repeat; padding-left:10px; padding-top:67px; position:absolute; top:10px; right:20px;}
.footer, .push { height: 78px; /* .push must be the same height as .footer */}
.footer { background:url(../../images/footer-repeat.jpg) 0 0 repeat-x; position:relative;}
.footer p { padding: 30px 30px; color:#CCC; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}


#blogposts { height:auto; display:block; padding:0px 20px 0 10px;}
#blogposts1 { height:auto; display:block; padding:0px 20px 0 10px;}
#blogposts h2 a, #blogposts1 h2 a { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; line-height:1.2em; font-size:1.2em; color:#ffd304;}
#blogposts h2 a:hover, #blogposts1 h2 a:hover { text-decoration:underline; color:#ffd304;}
#blogposts p, #blogposts1 p { font-family:Georgia, "Times New Roman", Times, serif;  margin-top:10px; text-decoration:none; line-height:1.2em; margin-bottom:10px; font-size:0.9em; color:#e5e5e5;}

/* scroll style */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: url(../../images/track.gif);
}
.jScrollPaneDrag {
	position: absolute;
	background: url(../../images/dragmiddle.gif) repeat-y;
	cursor: pointer;
	height:20px;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	background:url(../../images/dragtop.png) no-repeat;
	height:9px;
	top: 0;
	left: 0;;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	background:url(../../images/dragbottom.png) no-repeat;
	height:8px;
	bottom: -2px;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	background:url(../../images/tracktop.png) no-repeat;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


#zoombox_aplat {
	position:fixed;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height:100%;
	background-color: #000;
	cursor:pointer;
}
#zoombox_loading {
	background:url(../../images/loader.png) left top no-repeat;
	position: fixed;
	height: 40px;
	width: 40px;
	cursor: pointer;
	top:50%;
	left:50%;
	margin:-20px 0 0 -20px;
	overflow: hidden;
	z-index: 100;
}

#zoombox_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(../../images/close.png) ;
	cursor: pointer;
	z-index: 100;
}
#zoombox_conteneur {
	position:absolute;
	padding:18px 18px 56px 18px;
	overflow: visible;
	z-index: 90;
}
#zoombox_conteneur2 {
	position:relative;
	width:100%;
	height:100%;
}
#zoombox_contenu {
	width:100%;
	height:100%;
	overflow:hidden;
}	
#zoombox_contenu iframe{
	border:0;
}
#zoombox_titre {
	bottom:-26px;
	height:16px;
	left:0pt;
	position:absolute;
	width:100%;
	z-index:100;
	display:none;
}
#zoombox_titre a{
	color:#aeaeae;
	text-decoration:none;
	font-size:0.9em;
}
#zoombox_titre a:hover{
	color:#FFF;
}
#zoombox_titrec {
	background:transparent url(../../images/titre_c.png) repeat-x;
	height:26px;
	color:#FFFFFF;
	vertical-align:middle;
	font-family:Arial;
	font-size:12px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:26px;
	text-align:center;
}	
#zoombox_titreg {
	background:transparent url(../../images/titre_g.png) no-repeat top right;
	height:26px;
	width:13px;
}	
#zoombox_titred {
	background:transparent url(../../images/titre_d.png) no-repeat top left;
	height:26px;
	width:13px;
}
	
#zoombox_boutond {
	background:transparent url(../../images/bouton_d.png) no-repeat top right;
	display:block;
	height:26px;
	width:39px;
	cursor:pointer;
}	
#zoombox_boutong{
	background:transparent url(../../images/bouton_g.png) no-repeat top left;
	height:26px;
	width:39px;
	display:block;
	cursor:pointer;
}	
#zoombox_boutong:hover,#zoombox_boutond:hover{
	background-position:bottom left;
}	

#zoombox_bg {

}
div.zoombox_bg_h {
	position:absolute;
	top: -18px;
	left:0;
	width: 100%;
	height: 18px;
	background: transparent url(../../images/ombre_h.png) repeat-x;
}

div.zoombox_bg_hd {
	position:absolute;
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/ombre_hd.png) no-repeat;
}

div.zoombox_bg_d {
	position:absolute;
	top:0;
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(../../images/ombre_d.png) repeat-y;
}

div.zoombox_bg_bd {
	position:absolute;
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/ombre_bd.png) no-repeat;
}

div.zoombox_bg_b {
	position:absolute;
	bottom: -18px;
	left:0;
	width: 100%;
	height: 18px;
	background: transparent url(../../images/ombre_b.png) repeat-x;
}

div.zoombox_bg_bg {
	position:absolute;
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/ombre_bg.png) no-repeat;
}

div.zoombox_bg_g {
	left: -13px;
	top:0;
	position:absolute;
	height: 100%;
	width: 13px;
	background: transparent url(../../images/ombre_g.png) repeat-y;
}

div.zoombox_bg_hg {
	position:absolute;
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(../../images/ombre_hg.png) no-repeat;
}

.galleries { width:700px; height:50px; float:left; position:absolute; left:300px; top:10px;}
.galleries span { display:block; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:bold; color:#CCC; margin-bottom:7px;}
.galleries ul { float:left; width:700px;}
.galleries ul li { float:left; display:inline; color:#FFF;}
.galleries ul li a { float:left; display:inline; color:#a68f6f; margin-right:2px; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px; padding:2px 2px;}
.galleries ul li a:hover { background:#000;}