/* CSS Document */
@import url(header.css);
@import url(footer.css);

body   {
   margin: 0px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
   font-size: 12px;
   color: #4E4E4E;
   background-color: #ffffff;
   text-align:center;
}

form  {
   margin: 0px;
}


.imageBorder   {
    border: 0px;
}

.floatLeft   {
    float: left;
}

.floatRight  {
    float:right;
}

.fltLeftBorder  {
    float: left;
	border: 0;
}

.fltRightBorder  {
    float: right;
	border: 0;
}

.floatMargin  {
    float: left;
	margin-right: 4px;
	margin-bottom: 4px;
}

.textField  {
    border: 1px solid #819EBA;
}

/* layout starts */

#container  {
    width: 1004px;
	height: auto;
	margin: auto;
	text-align:left;
}

#mainContainer  {
	width: 904px;
	height: auto;
	padding: 0px 50px 0px 50px;
	text-align: left;
	float: left;
}

.blankDiv  {
    width: 100%;
	height: auto;
	float: left;
}

/* layout ends */

/*----------------------------middle section starts--------------------------------------*/

#middleSection  {
    width: 904px;
	height: auto;
	margin-top: 6px;
	float: left;
}

.importantFeatures  {
    width: 904px;
	height: auto;
	float: left;
}

.tdPadding  {
    padding-left: 4px;
	padding-top: 5px;
}

.redHead  {
    font-family: "Century Gothic", Arial, "Times New Roman";
	font-size: 16px;
	color: #910000;
	font-weight: bold;
}

a.redHeadLink  {
   	 font-family: "Century Gothic", Arial, "Times New Roman";
	font-size: 16px;
	color: #910000;
	font-weight: bold;
	text-decoration: none;
}

a.redHeadLink:hover  {
   	
	text-decoration: none;
}

.blackHead  {
    font-family: "Century Gothic", Arial, "Times New Roman";
	font-size: 16px;
	color: #1B211E;
	font-weight: bold;
}

a.blackHeadLink  {
   	font-family: "Century Gothic", Arial, "Times New Roman";
	font-size: 16px;
	color: #1B211E;
	font-weight: bold;
	text-decoration: none;
}

a.blackHeadLink:hover  {

   	text-decoration: none;
}

.explanationTdOne, .explanationTdTwo, .explanationTdThree, .explanationTdFour   {
    padding: 12px 6px 10px 6px;
	font-size: 12px;
	color: #FFFFFF;
	background-position: top left;
	background-repeat: repeat-x;
}

.explanationTdOne   {
	background-color: #980000;
	background-image: url(images/expl_red_bg.gif);
}

.explanationTdTwo   {
	background-color: #1B211E;
	background-image: url(images/expl_black_bg.gif);
}

.explanationTdThree   {
	background-color: #5B5240;
	background-image: url(images/expl_brown_bg.gif);
}

.explanationTdFour   {
	background-color: #776C55;
	background-image: url(images/expl_ash_bg.gif);
}

.curveTdOne, .curveTdTwo, .curveTdThree, .curveTdFour   {
    padding: 0px 4px 0px 6px;
	height: 20px;
	font-size: 12px;
	color: #FFFFFF;
	background-position: top right;
	background-repeat: no-repeat;
}

.curveTdOne   {
	background-color: #980000;
	background-image: url(images/red_curve.gif);
}

.curveTdTwo   {
	background-color: #1B211E;
	background-image: url(images/black_curve.gif);
}

.curveTdThree   {
	background-color: #5B5240;
	background-image: url(images/brown_curve.gif);
}

.curveTdFour   {
	background-color: #776C55;
	background-image: url(images/ash_curve.gif);
}

#innerMiddleSection  {
    width: 904px;
	height: auto;
	background-image: url(images/inner_middle_bg.gif);
	background-position: top left;
	background-repeat: repeat-y;
	margin-top: 6px;
	float: left;
}

/*---------------left link portion starts-----------------*/

#lftLinkSection  {
    width: 150px;
	height: auto;
	background-image: url(images/lft_section_top_curve.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 15px 0px 15px 0px;
	margin-right: 4px;
	float: left;
}

.lftMainLinks  {
    width: 143px;
	height: 27px;
	background-image: url(images/lft_link_dots.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	padding-left: 4px;
	padding-right: 3px;
	line-height: 2em;
	float: left;
}

.lftMainLinksClass  {
    font-size: 13px;
	color: #fff;
	font-style: normal;
	text-decoration: none;
}

a.lftMainLinksClass:hover  {
	color: #D9D3CA;
	text-decoration: none;
}

.lftMainLinksClassActive  {
    font-size: 13px;
	color: #D9D3CA;
	font-style: normal;
	text-decoration: none;
}

/*---------------left link portion ends-----------------*/

/*---------------right content portion starts-----------------*/

#contentPortion  {
    width: 750px;
	height: auto;
	float: left;
}

.breadCrumb, .breadCrumbTwo   {
    width: 737px;
	height: 28px;
	background: #910000 url(images/back_link_top_curve.gif) no-repeat top left; 
	background-color: #910000;
	padding: 12px 3px 0px 10px;
	font-size: 13px;
	color: #E2DDD8;
	float: left;
}

.breadCrumb   {
	background: #910000 url(images/back_link_top_curve.gif) no-repeat top left;
}

.breadCrumbTwo   {
	background: #910000 url(images/back_link_top_curve2.gif) no-repeat top left; 
}

.breadCrumbLinks  {
    font-size: 13px;
	color: #E2DDD8;
	text-decoration: none;
}

a.breadCrumbLinks:hover  {
	color: #fff;
}

.breadCrumbLinksActive  {
    font-size: 13px;
	color: #fff;
	text-decoration: none;
}

#innerHeadingDiv  {
    width: 100%;
	height: auto;
	margin-bottom: 8px;
	float: left;
}

.innerRedMainHead  {
    font-family: "Century Gothic", Arial, "Times New Roman";
	font-size: 25px;
	color: #910000;
	float: left;
}

.innerBlackMainHead  {
    font-family: "Century Gothic", Arial, "Times New Roman";
	font-size: 25px;
	color: #1B211E;
}

.contents  {
    	width: 736px;
	height: auto;
	padding-right: 10px;
	padding-left: 4px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
  	font-weight: normal;
   	font-size: 12px;
   	color: #4E4E4E;
}

.innerImageClass  {
    width: 162px;
	height: auto;
	float: right;
}

.portfolioPageNum  {
    width: auto;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #980000;
	float: right;
}

.text  {
    font-size: 12px;
	color: #1B211E;
}

.portfolioImageContainer  {
    width: 744px;
	height: auto;
	padding: 0px 0px 18px 6px;
	float: left;
}

.image  {
    width: 155px;
	height: auto;
	margin-right: 20px;
	margin-bottom: 20px;
	float: left;
}

.imageMargin  {
    margin-bottom: 4px;
}

#modelListing  {
    width: 904px;
	height: auto;
	background-image: url(images/models_bg.gif);
	background-position: top left;
	background-repeat: repeat-x;
	padding-top: 1px;
	float: left;
}

.modelDivOne  {
    width: 281px;
	height: auto;
	padding: 12px 6px 8px 6px;
	font-size: 11px;
	float: left;
}

.modelDivTwo  {
    width: 280px;
	height: auto;
	background-image: url(images/model_list_division.gif);
	background-position: top left;
	background-repeat: repeat-y;
	padding: 12px 6px 8px 7px;
	font-size: 11px;
	float: left;
}

.mdlBlackHead  {
    width: auto;
	height: auto;
	background-image: url(images/mdl_arrow.gif);
	background-position: top left;
	background-repeat: no-repeat;
	padding-left: 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #333333;
}

a.mdlBlackHead:hover  {
	color: #980000;
}

.whiteLink  {
    font-size: 12px;
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}

a.whiteLink:hover  {
	text-decoration: underline;
}

.txtLink  {  
   
   font-weight: normal;
   font-size: 11px;
   color: #4E4E4E;
   text-decoration: none;
  
}

/*---------------right content portion ends-----------------*/

/*----------------------------middle section ends--------------------------------------*/

