* {
	margin: 0px;
	padding: 0px;
}

body 
{
	padding: 0px 0px 0px;
	/*background: url('images/background_top.gif') #c4b8a1 repeat-x;*/
	color: #695d47;
	font-family: sans-serif, serif;
	font-size: 12px;
	text-align: center;
}

a 
{
	color: #695d47;
	background-color: inherit;
	text-decoration: none;
}

a:hover 
{
	/*color: #ab9c7e;*/
	color: #FF0000;
	background-color: inherit;
}

/*span 
{
	display: none;
}*/

img 
{
	border: none;
}

ul 
{
	list-style-type: none;
}

li 
{
	list-style-type: none;
}

p 
{
	margin: 0px 0px 15px;
	text-align: justify;
	line-height: 15px;
}

.clearthis 
{
	margin : 0px;
	height : 1px;
	clear : both;
	float : none;
	font-size : 1px;
	line-height : 0px;
	overflow : hidden;
	visibility: hidden;
}

#body_wrapper 
{
	/*padding: 5px 0px 10px;*/
	width: 100%;
	background-color: #fff;
	color: inherit;
}

#container 
{
	margin: 0px auto;
	width: 758px;
	text-align: right;
}

#container .content_header 
{
	margin: 0px 0px 0px auto;
	width: 730px;
	height: 40px;
	background: url('images/content_header_bg.gif') repeat-x 0% 0%;
}

#container .content 
{
	margin: 3px 150px 0px 28px;
	width: 580px;
	text-align: left;
}

/* Page Header */

#page_header 
{
	background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
	color: #6a604e;
	float: left;
}

#page_header h1 
{
	width: 280px;
	height: 125px;
	overflow: hidden;
	background: url('images/openerplogo.png') no-repeat 50% 50%;
}


/* Navigational Menu */

#nav_menu 
{
	margin-left: 9px;
	padding-left: 19px;
	float: right;
	background: url('images/header_leftborder.gif') #fff repeat-y 0% 0%;
	color: #b3a386;
	text-align: center;
	font-family: sans-serif, serif;
}

#nav_menu a 
{
	/*color: #b3a386;*/
	color: #990000;
	background: inherit;
}

#mav_menu a:hover 
{
	/*color: #857860;*/
	color: #FF0000;
	background: inherit;
}

#nav_menu ul 
{
	width: 450px;
	height: 125px;
	overflow: hidden;
}

#nav_menu li 
{
	float: left;
	border-width: 0px 1px 1px 0px;
	/*border-color: #c1b7a5;*/
	border-color: #990000;
	border-style: solid;
	font-size: 20px;
}

#nav_menu li#menu3, #nav_menu li#menu6 
{
	border-right: none;
}

#nav_menu li a 
{
	display: block;
	width: 149px;
	height: 62px;
	text-decoration: none;
}

#nav_menu li a:hover 
{
	/*color: #857860;*/
	color: #FF0000;
	/*background-color: #f4eee2*/
}

#nav_menu li a span 
{
	padding-top: 17px;
	display: block;
}


/* Welcome to my Site */

#welcome .content_header h2 
{
	height: 28px;
	background: url('images/welcome_header.gif') no-repeat 0% 0%;
}

#welcome p 
{
	width: 420px;
	float: right;
}

/* Client List */

#clientlist .content 
{
	margin-top: 18px;
	margin-right: 260px;
	width: 470px;
}

#clientlist .content_header h1 
{
	height: 28px;
	background: url('images/clientlist_header.gif') no-repeat 0% 0%;
}

#clientlist p 
{
	width: 300px;
	float: right;
}

#photographer_image 
{
	width: 758px;
	text-align: left;
	overflow: hidden;
}

#photographer_image span 
{
	display: block;
	margin-top: -269px;
	margin-left: 517px;
	width: 241px;
	height: 300px;
	background: url('images/main_image.gif') no-repeat 0% 0%;
	z-index: 1;
	position: absolute;
}

/********* Body Part Start *********/

#gallery 
{
	/*padding: 34px 0px 25px 20px;*/
	padding: 15px 0px 25px 20px;
}

#gallery ul 
{
	width: 700px;
}

#gallery li 
{
	margin-right: 30px;
	/*margin-bottom: 25px;
	padding: 4px 4px 2px;
	background-color: #c4b8a1;*/
	color: inherit;
	float: left;
}

.content_header span
{
	display: none;
}

/* Installation */

#installation .content_header h1 
{
	height: 28px;
	background: url('images/installation.gif') no-repeat;
}

#installation 
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery_title1.gif') no-repeat 29px 61px;
}

/* latest */

#latest .content_header h1 
{
	height: 28px;
	background: url('images/latest.gif') no-repeat;
}

#latest 
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Featured */

#featured .content_header h1 
{
	height: 28px;
	background: url('images/featured.gif') no-repeat;
}

#featured 
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Features Focus*/

#featured_focus .content_header h1 
{
	height: 28px;
	background: url('images/features_focus.gif') no-repeat;
}

#featured_focus 
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* commercial */

#commercial .content_header h1 
{
	height: 28px;
	background: url('images/commercial.gif') no-repeat;
}

#commercial 
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* technical */

#technical .content_header h1 
{
	height: 28px;
	background: url('images/technical.gif') no-repeat;
}

#technical 
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Discover OpenERP */

#discoveropenerp .content_header h1 
{
	height: 28px;
	background: url('images/Discover_OpenERP.gif') no-repeat;
}

#discoveropenerp
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Rich Client Ergonomy */

#richclient .content_header h1 
{
	height: 28px;
	background: url('images/Rich_Client_Ergonomy.gif') no-repeat;
}

#richclient
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Web Client Ergonomy */

#webclient .content_header h1 
{
	height: 28px;
	background: url('images/Web_Client_Ergonomy.gif') no-repeat;
}

#webclient
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Use Cases */

#usecases .content_header h1 
{
	height: 28px;
	background: url('images/Use_Cases.png') no-repeat;
}

#usecases
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* KDE Ergonomy */

#kde .content_header h1 
{
	height: 28px;
	background: url('images/KDE_Ergonomy.gif') no-repeat;
}

#kde
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Sales Animations */

#sales .content_header h1 
{
	height: 28px;
	background: url('images/animation.png') no-repeat;
}

#sales
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Developing a Module */

#module .content_header h1 
{
	height: 28px;
	background: url('images/Developing_a_Module.gif') no-repeat;
}

#module
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Customers In Action */

#customer .content_header h1 
{
	height: 28px;
	background: url('images/Customers_In_Action.gif') no-repeat;
}

#customer
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}
/* eCommerce Integration */

#ecommerce .content_header h1 
{
	height: 28px;
	background: url('images/eCommerce_Integration.gif') no-repeat;
}

#ecommerce
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}
/* Non-English Screencasts */

#nonenglish .content_header h1 
{
	height: 28px;
	background: url('images/Non_English_Screencasts.gif') no-repeat;
}

#nonenglish
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Presentation */

#presentation .content_header h1 
{
	height: 28px;
	background: url('images/presentation.png') no-repeat;
}

#presentation
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* Plugins */

#plugin .content_header h1 
{
	height: 28px;
	background: url('images/plugins.png') no-repeat;
}

#plugin
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}

/* BI */

#bi .content_header h1 
{
	height: 28px;
	background: url('images/bi.jpg') no-repeat;
}

#bi
{
	/*padding-bottom: 12px;*/
	background: url('images/gallery1.jpg') no-repeat 29px 61px;
}


/********* Body Part End *********/

/* Page Footer */

#page_footer 
{
	padding: 9px 10px 6px;
	font-weight: bold;
	float: none;
	clear: both;
}

#page_footer a:hover 
{
	background-color: inherit;
	color: #4f4635;
}

/* Thumbnail with Double-Border */

.thumbnail_dborder_1 
{
	margin: 0px 12px 5px 0px;
	background: url('images/thumbnail_border_1.gif') #695d47 no-repeat 0% 0%;
	color: inherit;
	clear: left;
	float: left;
}

.thumbnail_dborder_2 
{
	background: url('images/thumbnail_border_1.gif') no-repeat 100% 0%;
}

.thumbnail_dborder_3 
{
	background: url('images/thumbnail_border_1.gif') no-repeat 100% 100%;
}

.thumbnail_dborder_4 
{
	padding: 4px 4px 3px;
	background: url('images/thumbnail_border_1.gif') no-repeat 0% 100%;
}

.thumbnail_dborder_1 img 
{
	border: #fff 7px solid;
}

/* Thumbnail with Single-Border */

.thumbnail_border_1 
{
	margin: 5px 12px 5px 0px;
	background: url('images/thumbnail_border_2a.gif') #c5b9a2 no-repeat 0% 0%;
	color: inherit;
	clear: left;
	float: left;
}

.thumbnail_border_2 
{
	background: url('images/thumbnail_border_2b.gif') no-repeat 100% 0%;
}

.thumbnail_border_3 
{
	background: url('images/thumbnail_border_2c.gif') no-repeat 100% 100%;
}

.thumbnail_border_4 
{
	padding: 4px 4px 3px;
	background: url('images/thumbnail_border_2d.gif') no-repeat 0% 100%;
}

.prev {float: left;}
.next {float: right;}

.carousel 
{
	margin:0pt 0pt 20px 55px;
	padding:10px 0pt 0pt;
	position:relative;
}

.carousel .jCarouselLite 
{
	/*background-color:#DFDFDF;
	border:1px solid black;*/
	float:left;
	left:10px;
	position:relative;
	visibility:hidden;
}

.carousel li img
{
	background-color:#FFFFFF;
	height:100px;
	margin:10px;
	width:140px;
}

.carousel a.prev
{
	display:block;
	/*float:left;
	height:124px;*/
	text-decoration:none;
	width:28px;
	margin-top: 50px;
}

.carousel a.next 
{
	display:block;
	/*float:left;
	height:124px;*/
	text-decoration:none;
	width:28px;
	margin-top: 50px;
}

/*--------------- Header Css ---------------*/

.greycurveleft
{
	background-image:url(images/greycurveleft.gif);
}

.headerlinkgrey
{
	background-image:url(images/headergreybg.gif);
}

div.headerlink a
{
	font-family: sans-serif, serif;
	font-size:12px;
	font-style:bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	margin-top: 1px;
	position:relative; 
	top:-6px;
}

div.headerlink a:link
{
	font-family: sans-serif, serif;
	font-size:12px;
	font-style:bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	position:relative; 
	top:-6px;
}

div.headerlink a:visted
{
	font-family: sans-serif, serif;
	font-size:13px;
	font-style:bold;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	position:relative; 
	top:-6px;
}

div.headerlink a:hover
{
	font-family: sans-serif, serif;
	font-size:12px;
	font-style:bold;
	text-align: center;
	color: #ffffff;
	text-decoration: underline;
	position:relative; 
	top:-6px;
}

div.headerlink a:active
{
	font-family: sans-serif, serif;
	font-size:12px;
	font-style:bold;
	text-align: center;
	color: #ffffff;
	text-decoration: underline;
	position:relative; 
	top:-6px;
}

.greyredcurve
{
	background-image:url(images/greyredcurve.gif);
}

.redline
{
	background-image:url(images/redline.gif);
}

.redcurve
{
	background-image:url(images/redcurve.gif);
}

/*--------------- End Header Css ---------------*/

/*--------------- Tooltip Start ---------------*/
.toolTip 
{ 	/* This is the hook that the jQuery script will use */
	/*padding-right: 20px;  This is need to make sure that the help icon is always visible 
	background: transparent url(images/help.gif) no-repeat right;
	cursor: help;*/
	color: #3366FF;	 
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
}

.toolTipWrapper 
{ 	/* The wrapper holds its insides together */
	width: 175px;
	position: absolute; /* Absolute will make the tooltip float above other content in the page */
	top: 20px;
	display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; /* A font size is needed to maintain consistancy */
}
	
.toolTipTop 
{ 	/* Top section of the tooltip */
	width: 175px;
	height: 30px;
	background: transparent url(images/bubbleTop.gif) no-repeat;
}

.toolTipMid 
{ 	/* Middle section of the tooltip */
	padding: 5px 15px;
	background: #A1D40A url(images/bubbleMid.gif) repeat-x top;
}

.toolTipBtm 
{ 	/* Bottom Section of the tooltip */
	height: 13px;
	background: transparent url(images/bubbleBtm.gif) no-repeat;
}
		
/*--------------- Tooltip End ---------------*/