/* ================================================================================ */
/* = Laksh Creations - CSS - Coded by Laxman Choudhary/www.LakshCreations.com  ...............*/
/* ================================================================================ */	
/* RESET */
@import url("reset.css");

/* =================================== */
/* = SITE STRUCTURE ................ = */
/* =================================== */

	body { margin: 0 auto; padding: 0px; background-color: #190C01; background-image: url(../img/bg.gif); background-repeat:repeat; background-position:center top; font-size: 70%; font-family:Verdana, Arial, Helvetica, sans-serif; color: #B48558;}
	
	input{ background-color:#180C02; border:1px solid #382310; color:#7B5A3D; padding:0px 3px 0px 3px}
	select{ background-color:#180C02; border:1px solid #382310; color:#7B5A3D}
	textarea{ background-color:#180C02; border:1px solid #382310; color:#7B5A3D; padding:0px 3px 0px 3px}
	.noborder {border:none; padding:0px; }
	.servicestext {font-family:Tahoma; font-size:12px; font-weight:normal; color:#B48558; line-height:1.4em; letter-spacing:1px;}
	.contenttext {font-family:Tahoma; font-size:12px; font-weight:normal; color:#B48558; line-height:1.2em; letter-spacing:1px;}

	#wrap {width:880px; margin:0 auto; padding: 0px;}
	#mainbodywrap {width:880px;margin: 0 auto;padding: 0px;position:relative;overflow: visible; background-color: #1B0E03;}
	#header {width:880px;margin: 0 auto; padding: 0px 0px 0px 0px;height:93px;font-size:12px;position:relative;z-index:98;background-image: url(../img/topmenubg.gif);}
	#footer {width:880px; margin: 0 auto; padding: 0px 0px 0px 0px; position: relative; clear:both;overflow: hidden; line-height:62px; border-top:1px solid #000;background-image:url(../img/footerbg.gif); background-repeat:repeat-x;}
	
	/* FLASH */
	#flashcontent {width:880px; margin: 0 auto; padding: 0px 0px 0px 0px; z-index:1;border-bottom:1px solid #000;}
	#flashgallery{width:880px; margin: 0 auto; padding: 0px 0px 0px 0px;}
	
/* =================================== */
/* = MAIN LAYOTUS DIVS ............. = */
/* =================================== */

	/*- 66% split -*/
	#col-2thirds-r {width:585px; margin: 0 auto;  padding: 0px 0px 0px 0px; float: right; border-left:1px solid #3D3025;line-height: 16px;background-image: url(../img/logobg.gif); background-repeat:no-repeat; background-position:bottom right;}

	/*- 33% split - Each is a third total of the main body wrap-*/
	#col-third-l {width:293px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; background-color:#1B0E03; border-right:1px solid #000;line-height: 16px;}
	#col-third-m {width:291px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; background-color:#1B0E03; border-left:1px solid #3D3025; border-right:1px solid #000;line-height: 16px;}
	#col-third-r {width:292px; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; background-color:#1B0E03; border-left:1px solid #3D3025;line-height: 16px;}
	#col-third-ser {width:293px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; background-color:#1B0E03; border-right:1px solid #000;line-height: 16px;}
	
	/*- Full Width -*/
	#col-full {width:880px; margin: 0px 0px 0px 0px;  padding: 0px 0px 0px 0px;float: left; border-top:1px solid #111;line-height: 16px;}
	
	#logo {width:86px; margin: 15px 0px 0px 790px; padding: 0px 0px 0px 0px; float:left;position:absolute;z-index:100;overflow: hidden;}
	
/* =================================== */
/* = NAVIGATION ELEMENTS............ = */
/* =================================== */

/* = Main menu / Header = */	
/* = -------------------------------------------- = */	

	/* Containers and general Setup */
	#header h1 {position:absolute;left:-9999px;}	
	#header ul {list-style:none;margin:0;padding:0;}
	
	/* Nav buttons setup */
	#header ul li {float:left;border-right:1px dotted #874A11;line-height:51px;position:relative;z-index:99;outline: none;}

	/* Nav States  */
	#header ul li a {color:#FFF;text-decoration:none;height:51px;float:left;display:inline; /*ie*/padding:0 14px;outline: none;}
	#header ul li a:active {color:#ff7700;}
	#header ul li a:hover {display:block; background-image:url(../img/toplink_hover.gif); background-repeat: repeat-x; color:#F79D47;}

	/* Drop setup */	
	#header ul li.hover ul,
	#header ul li:hover ul {display:block; outline: none;}
	
	/* Drop styling */	
	#header ul ul {position:absolute;top:51px;left:-1px;background:#000;border:1px dotted #874A11;border-width:1px 1px 0 1px; width:205px; display:none; font-size:10px; z-index:99;}
	#header ul ul li {float:none;border:1px solid #874A11;border-width:0 0 1px 0;height:29px;line-height:29px; z-index:99;}
	
	/* Drop states  */
	#header ul ul li a {float:none;height:29px;line-height:29px;display:block;background-image:none !important;color:#FFF;outline: none;padding:0 15px;}
	#header ul ul li a:active {float:none;height:29px;line-height:29px;display:block;background-image:none !important;background-color:#874A11;color:#fff;padding:0 15px;}
	#header ul ul li a:hover {float:none;height:29px;line-height:29px;display:block;background-image:url(../img/toplink_hover.gif);background-repeat:repeat-x; background-color:#874A11;color:#fff;padding:0 15px;}
	
	/*- Nav Elements -*/
	#namenum {width:300px; margin: 0px 25px 0px 0px;float:right;display:inline; vertical-align:top}


/* ======================================== */
/* Display 2 - Larg IMG - detail page con   */	
/* ======================================== */
	/* Display 1 - Large IMG  .......... */
	#display-lg-con {width:585px; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;}
	#display-lg-text {width:537px; margin: 0 auto; padding: 21px 21px 50px 21px; float: left; overflow: hidden;line-height: 18px; font-size: 110%;}
	
	/* LARGE Thumb Con */
	#lg-thumb-con {width:580px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;}
	#lg-thumb-con a { display: block; border:1px solid #000; overflow: hidden;}
	#lg-thumb-con a:hover {display: block; border:1px solid #ff7700; overflow: hidden;}

	
/* ======================================== */
/* Display 2 - Small IMG - Grid of teasers  */	
/* ======================================== */
	/* Display 2 - Thumb Small IMG  .......... */
	#display-sm-con {width:264px; margin: 0 auto; padding: 13px; float: left; overflow: hidden; }
	#display-sm-con-mid {width:264px; margin: 0 auto; padding: 13px; float: left; overflow: hidden; }
	#display-sm-con-rite {width:264px; margin: 0 auto; padding: 13px; float: left; overflow: hidden; }
	.display-sm-text {width:264px; margin: 0 auto; padding: 10px 0px 0px 0px; float: left; overflow: hidden; min-height:100px;height:auto !important;height:100px; }
	
	
	#display-serv-sm-con {width:264px; margin: 0 auto; padding: 13px; float: left; overflow: hidden; }
	#display-serv-sm-text {width:264px; margin: 0 auto; padding: 10px 0px 0px 0px; float: left; overflow: hidden; min-height:220px;height:auto !important;height:220px; }
	
	/* SMALL Thumb Con */	
	.sm-thumb-con {width:263px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;}
	.sm-thumb-con a { display: block; border:4px solid #0D0601; overflow: hidden;}
	.sm-thumb-con1 a:hover {display: block; border:4px solid #ff7700; overflow: hidden;}	
	


/* =================================== */
/*  Details                            */
/* =================================== */
	#specs1 {width:258px; display: block; overflow: hidden; float: left; text-align:center;margin: 4px 0px 4px 0px; padding: 4px 4px 4px 4px; line-height:15px; color:#fff; font-size:80%; font-weight:normal; background-image: url(../img/spec_btmline.gif);background-repeat: no-repeat;min-height:20px;height:auto !important;height:20px;}
	#specs2 {width:258px; display: block; overflow: hidden; float: left; text-align:center;margin: 4px 0px 4px 0px; padding: 4px 4px 4px 4px; line-height:15px; color:#fff; font-size:80%; font-weight:normal; background-image: url(../img/spec_btmline.gif);background-repeat: no-repeat;min-height:20px;height:auto !important;height:20px;}	
	#specs3 {width:258px; display: block; overflow: hidden; float: left; text-align:center;margin: 4px 0px 4px 0px; padding: 4px 4px 4px 4px; line-height:15px; color:#fff; font-size:80%; font-weight:normal; background-image: url(../img/spec_btmline.gif);background-repeat: no-repeat;min-height:20px;height:auto !important;height:20px;}	
	
	/* Side bar container for simple lists and checklists */
	#sb-subcon {width:258px; margin: 0 auto; padding: 20px 30px 20px 30px; float: left; overflow: hidden;}
	#sb-subcon-title {color: #ff7700; font-size: 120%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 10px 0px;}
	
	/* Pull Quotes */	
	#pullquote-con {width: 513px; margin: 10px 0px 10px 0px; padding: 20px 30px 20px 30px; float: left; overflow: hidden; border-right:3px solid #111; border-left:3px solid #111; color: #ff7700; font-size: 140%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif; text-align:center;line-height: 20px; display:block}
	
	#pullquote-sb {width: 258px; margin: 0px 0px 0px 0px; padding: 10px 30px 20px 30px; float: left; overflow: hidden; border-bottom:1px dotted #333;color: #ff7700; font-size: 100%; font-weight:normal; font-style: italic; font-family:Georgia, "Times New Roman", Times, serif;line-height: 18px;}	
	
/* =================================== */
/*  GLOBAL STYLES                      */
/* =================================== */

	/* IMAGE Classes */
	.img {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden; } 
	.right {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: right; overflow: hidden;}
	.left {border:none; margin: 0 auto; padding: 0px 0px 0px 0px; float: left; overflow: hidden;} 
	
	#sitecredit {width:350px; height:61px;  margin: 0 auto; padding: 1px 0px 0px 0px; float: left; overflow: hidden; font-size: 100%; font-weight:bold; color:#C2956B;} 
	#copyright {width:400px; margin: 0 auto; padding: 0px 15px 0px 0px; float: right; overflow: hidden; font-size: 90%; font-weight:normal; color:#825E3D; text-align:right} 




/* =================================== */
/*  TYPOGRAPHY                         */
/* =================================== */

/* TYPOGRAPHY - general */
	p {color:#a0a0a0;}
	ul {color:#ccc; }
	ol {color:#ccc;}

/* TYPOGRAPHY - headlines */
	h1, h2, h3 {letter-spacing: .5px; }
	
	/* h1,h2 used for product titles and sub titles */
	h1 {color: #FFF; font-size: 160%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 18px; line-height: 50px;background-image: url(../img/hd_bg.gif);background-repeat: repeat-x;}
	
	/* h2, Used as secondary story titles */
	h2 {color: #ccc; font-size: 160%; font-weight:bold; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 30px;}
	
	/* h3, used in all Display modules as the headline - home, news */
	h3 {color: #fff; font-size: 100%; font-weight:bold; margin: 0px 10px 0px 0px; padding: 0px 0px 0px 0px;display:inline;}
	
	/* h4, Tips Colum - with checkmark*/
	h4 {color: #ccc; font-size: 100%; font-weight:normal; margin: 0px 0px 4px 0px; padding: 0px 0px 0px 30px; line-height: 20px;background-image: url(../img/backgrounds/h4-bg.gif);background-repeat: no-repeat;}
	
	/* h5, thumbnail tiitle */
	h5 {color: #F79D47; font-size: 90%; font-weight:bold; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #6E5136; border-style: none none dotted;padding-Bottom: 2px}
	
	/* h5, Service */
	h6 {color: #B48558; font-size: 100%; font-weight:normal; margin: 0px 0px 6px 0px; padding: 0px 0px 0px 0px; border: 1px dotted #6E5136; border-style: none none dotted;padding-Bottom: 8px}
	

	
/* =================================== */
/*  TEXT STYLING                       */
/* =================================== */

	.lrg {color: #ccc; font-size: 160%; font-weight:bold;letter-spacing:0px;}
	.lrg-color {color:#ff7700; font-size: 120%; font-weight:bold;letter-spacing:0px; }
	.smallheader {font-size: 120%; font-weight:bold;}
	.smalltx {font-size: 90%; font-weight:normal;}
	.italic {font-style: italic}
	.italic-lg {color:#ccc; font-weight:bold; font-size: 110%; letter-spacing:0px;font-style: italic}
	.subdued {color:#666}
	.subduedsm {color:#666;font-size: 90%}
	.subdued-normal {color:#777;font-weight:normal!important;}
	.bold {font-weight:bold; font-size: 110%; letter-spacing:0px;}
	.highlight {color:#ff7700;}
	.highlightbold {color:#fff;font-weight:bold;font-size: 100%;}
	.highlightbold2 {color:#aaaaaa;font-weight:bold;font-size: 100%;}
	.highlightsm {color:#cfcfcf;font-weight:bold;font-size: 90%}
	.alert {color:#ff0000;font-weight:bold;font-size: 100%}
	.headline-sm {color:#ff7700; font-weight:bold; font-size: 100%; }
	.subtlehighlightbold {color:#666;font-weight:bold;}
	.headline {color: #ccc; font-size: 120%; font-weight:bold; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px;}

/* =================================== */
/*  LINKS STYLING                      */
/* =================================== */

/* LINKS - general*/	
	a,a:link,a:link,a:link,a:hover {background:transparent;text-decoration:none;cursor:pointer} 
	a:link {color:#ff7700;font-weight:bold;} 
	a:visited {color:#ff7700;font-weight:bold;} 
	a:hover,a:active {color:#ff9900;font-weight:bold} 
	
/* LINKS - headlines */	
	.headline a:link {color:#ff7700; font-weight:bold;} 
	.headline a:visited {color:#ff7700; font-weight:bold;} 
	.headline a:hover {color:#ff9900; font-weight:bold;} 
	.headline a:active {color:#ff9900; font-weight:bold;} 
	
	
/* =================================== */
/*  TABLE STYLING                      */
/* =================================== */
	.table-gen{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 0.9em;font-size: 90%}
	.table-rw-gen{padding: 0px;}

/* ================================== */
/* Portfolio Page */
/* ================================== */	
	/* Left Con */
	#col-port {width:880px; margin: 0 auto; padding: 0px 0px 10px 0px; float: left; background-color:#1B0E03; line-height: 16px;}
	.display-port-lt {width:398px; margin: 0 auto; padding: 20px 20px 0px 20px; float: left; overflow: hidden; border-right:1px solid #3D3025 }
	
	.port-sm-text {width:384px; margin: 0 auto; padding: 7px; float: left; overflow: hidden; min-height:75px;height:auto !important;height:75px; }
		
	/* Right Con */
	.display-port-rt {width:398px; margin: 0 auto; padding: 20px 20px 0px 20px; float: left; overflow: hidden; border-left:1px solid #000 }
	
	#display-serv-sm-con {width:264px; margin: 0 auto; padding: 13px; float: left; overflow: hidden; }
	#display-serv-sm-text {width:264px; margin: 0 auto; padding: 10px 0px 0px 0px; float: left; overflow: hidden; min-height:220px;height:auto !important;height:220px; }
	
	/* Web Site Name and City-Country */		
	.sitename{width:398px; margin: 0 auto; padding: 0px; float:left; overflow: hidden; background-color:#0D0601; font-weight:bold; min-height:25px;height:auto !important;height:25px; }
	.websitename{color:#F79D47; float:left; padding-left:8px}
	.citycountry{color:#FFF; float:right; padding-right:8px}

	/* Web Tool Specs */		
	.portspecs {width:398px; display: block; overflow: hidden; float: left; text-align:center;margin: 4px 0px 0px 0px; padding: 4px 4px 0px 4px; line-height:15px; color:#fff; font-size:80%; font-weight:normal; background-image: url(../img/spec_btmline.gif);background-repeat: no-repeat; background-position:center top;min-height:20px;height:auto !important;height:20px;}	
	
	/* SMALL Thumb Con */	
	.sm-thumb-con-port {width:398px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; float: left; overflow: hidden; display:block;}	
	.sm-thumb-con-port a { display: block; border:4px solid #0D0601; overflow: hidden;}
	.sm-thumb-con-port a:hover {display: block; border:4px solid #ff7700; overflow: hidden;}	

	a.implink {color:#B48558; font-weight:normal; font-size:12px; text-decoration:underline;}
	a.implink:hover {color:#FFF; text-decoration:none;}


	/* Page Nav Col */	
	#pag-nav {float:left; width:850px; margin: 0 auto; padding: 0px 30px 0px 0px; text-align:right; border-top:1px solid #241508; background-image: url(../img/pagenav=-bg.gif);background-repeat: repeat-x; background-color:#0D0601; vertical-align:bottom;}

	#padding-textcont {padding:15px;}

/* ========================= */
/*  Print               */
/* ========================= */

.print-cont {float:left; width:835px; margin:10px; padding:10px; border:1px dotted #382310;}
.print-pic {float:left; padding:0px 20px 0px 0px; border-right:1px dotted #382310;}
.print-text {float:right; width:495px;}
.print-text h2{font-size:15px; color:#FFF; font-family:Arial, Helvetica, sans-serif; font-weight:normal; border-bottom:1px dotted #382310; display:block;}

/* ========================= */
/*  LOGO Design               */
/* ========================= */
.logo-cont {float:left; width:835px; margin:10px; padding:10px;}
.client-logo {float:left; width:235px; margin:10px; padding:10px; border:1px dotted #382310;}

.banner-cont {float:left; width:835px; margin:10px; padding:10px;}
.sample-banner {float:left; margin:10px; padding:10px; border:1px dotted #382310;}

.sitemap {float:left;}
.sitemap ul {list-style:square; color:#ff7700; line-height:1.8em; font-weight:normal;}
.sitemap ul li {color:#ff7700; }
.sitemap ul li a {color:#FFF; }
.sitemap ul li a:hover {color:#ff7700;}

/* ========================= */
/*  CLEAR FIXES              */
/* ========================= */

	.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 
	.fix{clear: both;height: 1px;margin: 0 0 -1px;overflow: hidden;}
 
	.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-block}
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */