/* Layout */
/*-------------------------------*/
body {
font-size: 70%; 
padding: 0 0 0 0px; 
margin:0 0 0 0px;
background-color:#525252;
font-family: verdana;
background-image:url(/media/images/page-bg.jpg);
background-repeat:repeat-x;
position: top left
}
#container {
width: 761px;
margin: 0px auto;  
padding:0 0 0 0px;
background-color:#ffffff;
}

/* header */
/*-----------------------------------*/
#header{
clear: both; 
width: 761px; 
height: 149px; 
background-image:url(/media/images/Header.jpg);
background-position:top left;
background-repeat:no-repeat;
text-align:right;
}
#pagetag{
width: 746px; 
height:18px;
background-color:#FFFFFF;
text-align:right;
background-image:url(/media/images/Page-tag-right.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-right:15px;
padding-top:5px;
}


/*-----------------------------------*/
/* hoizontal top menu */
/*-----------------------------------*/
.topmenu {
clear: both; 
float: left; 
width: 719px;
height: 17px; 
padding-top:5px;
padding-bottom:5px;
padding-left:12px;
background-color:#999999;
display:inline;
direction:ltr;
font-size:110%;
}
.topmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/
/* hoizontal mid menu */
/*-----------------------------------*/
#midmenu {
clear: both; 
width: 100%; 
height: 61px; 
background-color:#AED1F9;
}
#midmenu a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/
/* title bar */
/*-----------------------------------*/
#titlebar {
clear: both; 
width: 100%; 
height: 105px; 
background-image:url(/media/images/title-left.jpg);
background-position:top left;
background-repeat:no-repeat;
background-color:#1374E2;
text-align:right;
border-bottom:solid 5px #ffffff;
}
#titlebar a {
color:#333333;
text-decoration:none;
}
/*-----------------------------------*/
/* Mian-Nav Left*/
/*------------------------------------*/
.navleft {
clear: both; 
float: left; 
width: 163px; 
border-left:10px white solid;
border-bottom:5px white solid;
min-height:750px;
}
.navleft ul {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 0px;
padding:0 0 0 0px;
background-color:#ABD0FA;
border-bottom:5px white solid;
}
.navleft li {
list-style-type:none;
list-style-position:outside;
padding-left: 12px;
background-image:url(/media/images/menu-Bg.jpg);
background-repeat:no-repeat;
background-position: bottom;
padding-top:6px;
padding-bottom:2px;
height: 18px;
}
.navleft li a {
text-decoration:none;
color:#333333;
cursor:pointer;
}
.navleft li a:hover {
text-decoration:underline;
color: #66B1DB; 
}
/*------------------------------------*/
/* right */
/*--------------------*/

#navright{
float: right; 
width: 144px; 
margin: 0px ; 
border-right:11px solid #ffffff;
border-bottom:5px white solid;
height:250px;
background-image:url(/media/images/Column-right-foot.jpg);
background-repeat:no-repeat;
background-position: top;
}
#navright-welcome{
float: right; 
width: 144px; 
margin: 0px ; 
border-right:11px solid #ffffff;
border-bottom:5px white solid;
height:250px;
background-image:url(/media/images/welcome-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#navright-landlord{
float: right; 
width: 144px; 
margin: 0px ; 
border-right:11px solid #ffffff;
border-bottom:5px white solid;
height:250px;
background-image:url(/media/images/latest-landlord-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#navright-tenant{
float: right; 
width: 144px; 
margin: 0px ; 
border-right:11px solid #ffffff;
border-bottom:5px white solid;
height:250px;
background-image:url(/media/images/latest-tenant-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#navright-news{
float: right; 
width: 144px; 
margin: 0px ; 
border-right:11px solid #ffffff;
border-bottom:5px white solid;
height:250px;
background-image:url(/media/images/latest-head.jpg);
background-repeat:no-repeat;
background-position: top;
}
#sub-welcome{
float: right; 
width: 136px; 
padding-top:150px;
padding-left:8px;
margin:0 0 0 0px;
}
#sub-news{
float: right; 
width: 136px; 
padding-top:150px;
padding-left:8px;
margin:0 0 0 0px;
}
#sub-tenant{
float: right; 
width: 136px; 
padding-top:150px;
padding-left:8px;
margin:0 0 0 0px;
}
#sub-landlord{
float: right; 
width: 136px; 
padding-top:150px;
padding-left:8px;
margin:0 0 0 0px;
}
#sub a{
color:#003366;
font-weight:normal;
width: 136px;
margin-bottom:10px;
text-decoration:none;
}
#sub a:hover{
color:#003366;
text-decoration:underline;
}
/* Content */
/*--------------------*/

#homeoptions {
width:410px;
direction:ltr;
display:inline;
}
.content {
float: left;
width:413px;
padding-left:5px;
padding-right:5px;
border-left:5px white solid;
border-right:5px white solid;
margin-bottom: 100px;
}
.content p {
color:#666666;
font-size:100%
}

.content a {
color:#0B4280;
text-decoration:none;
font-weight:normal;
}
.content a:hover{
color: #66B1DB; 
text-decoration:underline
}
.content hr{
color:#999999;
width:100%;
text-align:left;
}
.content li {
color:#333333;
line-height:13px;
font-size:100%;
text-transform:lowercase;
list-style-type:none;
}
.content li a{
color:#333333;
line-height:13px;
font-weight:normal;
}
.clearboth {
clear:both;
margin:0; padding:0;
}
/*-------------------------------*/
/* Footer */
/*-------------------------------*/

.footer {
clear: both;
width: 742px; 
text-align: left;
height:50px;
margin-bottom:15px;
background-image:url(../media/images/footer-top.jpg);
background-position:top;
background-repeat:no-repeat;
background-color:#ffffff;
border-left:#ffffff solid 9px;
border-right:#ffffff solid 10px;
padding-top:30px;

}
.footer p {
color: #66B1DB;
text-decoration: none;
padding-top:20px;
font-size:90%;
}
.footer a {
color: #666666; 
text-decoration: none;
}
.footer a:hover {
color: #66B1DB; 
text-decoration: none;
}

/*-------------------------------*/
/* FooterMenu */
/*-------------------------------*/

.footermenu {
position:relative;
width: 100%;
padding-top:10px;
padding-left: 168px;
border-top:1px solid #cccccc
}
.footermenu a{
text-decoration:none;
color:#66666;
}
.footermenu a:hover{
color:#0099CC;
}
/*-------------------------------*/



/* Section 4.1 - Size */
/*--------------------*/

.nav-sub {
position:relative;
top:8px;
min-height: 400px; 
float: right; 
width: 160px; 
margin: 0px; 
padding: 0px; 
color: rgb(110,110,110);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {
	height: 400px;
} 
/* End IE-Hack */

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.nav-sub ul {	
float: left;
list-style: none;
width: 160px;
margin: 0px;
padding: 0px;
}	
.nav-sub li {
margin: 0px;
padding: 0px;
}
.nav-sub li.title {
vertical-align: top;
margin: 0px;
padding: 10px 7px 10px 14px;
text-transform: uppercase;
color: rgb(175,175,175);
font-weight: bold; 
}
.nav-sub li.group a {
display: block; 
min-height: 1.5em; 
margin: 0px; 
padding: 3px 7px 2px 10px; 
border-top: solid 1px rgb(200,200,200); 
border-left: solid 5px #802C21); 
text-decoration: none; 
text-transform: uppercase; 
font-weight: bold; 
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
display: block;
min-height: 1.5em; 
margin: 0px; 
padding: 3px 7px 2px 10px; 
border-left: solid 5px #802C21;
border-top: solid 1px #F3F3F3;
background-color:#E1E1E1;
color: #333333; 
text-decoration: none; 
text-transform: uppercase;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
border-left: solid 5px #802C21; 
background-color: #cccccc; 
text-decoration: none;
color:#802C21
}
.nav-sub a:hover, .nav-sub .selected {
text-decoration: none;
color:#802C21
}
.nav-sub-align {
text-align: left;
}
#nav-sub-banners {
position:relative;
clear:both;
width: 160px; 
top: 0px; 
padding: 0px; 
}
#nav-sub-banners a{
color:#802C21;
}
#nav-sub-banners a:hover {
color:#802C21;
}
#banner-one {
position:relative;
width: 160px;
background-image:url(../media/images/Advertise-with-us.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:40px;
padding-bottom:10px;
border-top: 1px Solid #ffffff;
border-bottom: 2px Solid #666666;
}
#banner-one p {
padding-left:15px;
font-size:110%;
}
#banner-one a {
color:#802C21;
text-decoration: none;
}
#banner-one a:hover {
color:#666666;
}
#banner-two {
position:relative;
width: 160px;
background-image:url(../media/images/latest-news.jpg);
background-position:top;
background-repeat:no-repeat;
padding-top:40px;
padding-bottom:10px;
border-top: 1px Solid #ffffff;
border-bottom: 2px Solid #666666;
margin-top:15px;
}
#banner-two p {
padding-left:15px;
font-size:110%;
}
#banner-two a {
color:#802C21;
text-decoration: none;
}
#banner-two a:hover {
color:#666666;
}
#banner-feature {
position:relative;
width: 168px;
background-image:url(../media/images/Feature-Head.jpg);
background-position:top;
background-repeat:no-repeat;
height:176px;
padding-top:115px;
border-top: 6px Solid #ffffff;
background-color:#ffffff;
}
#banner-feature p {
padding-left:10px;
color:#3D5900;
font-size:90%;
text-transform:uppercase;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*-----------------------------------------------------------------*/
/* TRICK: To nest the right two columns (content and sidebar) and  */
/* give them a minimum height and white background. Then let the   */
/* left column have transparent background so the light-grey color */
/* from the global page definition comes through. However, nesting  */
/* floats inside each other with identical widths may activate the */
/* IE character duplicating bug, where the last characters of the  */
/* last float statement are duplicated outside the float. The      */
/* correction for this is to reduce the sidebar float so that the  */
/* sum of the content and sidebar floats are 6px less than the     */
/* container holding them. See Section 7.1, where this is done.    */
/* ----------------------------------------------------------------*/
/* RESTRICTION: For situations where the left navigation menu is   */
/* expanding over the minimum 600px height, it must remain smaller */
/* than the right columns. Otherwise the global page grey back-    */
/* will shine through after the end of the content and sidebar     */
/* columns. This situation may arise when you have very long left  */
/* navigation menus, and short content and sidebars. If this is    */
/* your situation, then simply increase the minimum height of the  */
/* left column, as well as the container defined in this section.  */
/*******************************************************************/

/* Contain both right columns (content and sidebar) in one         */
/* container and extended to a minimum height of 600 px            */
/* The "!important" statement is for Firefox so that the           */
/* "height" statement still allows the container to grow and       */
/* not remain fixed size. Necessary because IE cannot render       */
/* the "min-height" property                                       */

.container-content-sidebar {
   float: left; width: 620px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 400px;
} 
/* End IE-Hack */

/* Put a buffer between sub-navigation column and      */
/* main-navigation so that the global page background  */
/* color does not come through in this place           */

.buffer {
 	float: left; width: 160px; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);	
}


/* Section 6.6 - Contentbox text */
/*-------------------------------*/

/* Generic styling */
/*-------------------------------*/
hr {
height:1px;
width:100%;
color:#66B1DB;
margin-bottom:6px;
}
h1 {
font-weight: normal;
font-size: 130%;
color:#003366;
width:100%;
height:20px;
padding-top:6px;
}
h2 {
font-weight: normal;
font-size: 100%;
color:#003366;
font-weight:bold;
width:100%;
}
h3 {
font-weight: bold;
font-size: 110%;
color:#ffffff;
margin:0 0 0 0px;
}
h4 {
font-weight: bold;
font-size: 110%;
color:#666666;
line-height:10px;
margin:0 0 0 0px;
}
/* Embedded */
.embed {
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}
.embed-caption {
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}



.tabledata {
	clear: left; margin: 0.5em 0px 0.2em 30px; border: solid 1px rgb(150,150,150); empty-cells: show; border-collapse: collapse; background-color: rgb(225,225,225);
}

.tabledata tr {
	margin: 0px; padding: 0px;
}

.tabledata td {
	padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); text-align: left; font-size: 120%;
}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show; text-align: left; font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}
/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

/* Border */
.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px rgb(150,150,150);
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px rgb(150,150,150);	
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/
/* Because of IE float-rendering bug, the width  */
/* must be reduced by 6px, otherwise it will     */
/* duplicate characters after the last float     */
/* Reason: IE may not alwys allow nested floats  */
/* have identical widths, but inside float must  */
/* be smaller than outside float. This IE-bug is */
/* somewhat unpredictable. See Section 5 header  */
/* for more details on this topic.               */
/*-----------------------------------------------*/

#navrighthome{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(../media/images/Welcome-to-Capital-Chauffeurs.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightnews{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(../media/images/latest-Capital-Chauffeurs-news.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightbooking{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(../media/images/Booking-Capital-Chauffeurs.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightcontact{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(../media/images/Contact-Capital-Chauffeurs.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightservices{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(../media/images/Capital-Chauffeurs-Services-Title.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightabout{
float: left; 
width: 256px; 
margin-top: 0px ;
padding-top:71px;
background-image:url(../media/images/Capital-Chauffeurs-about-Title.jpg);
background-position:top;
background-repeat:no-repeat;
}
#navrightfaqs{
float: left; 
width: 256px; 
margin-top: 5px ;
padding-top:71px;
background-image:url(../media/images/Capital-Chauffeurs-FAQs-Title.jpg);
background-position:top;
background-repeat:no-repeat;
}
#suboption{
float: left; 
width: 256px; 
background-image:url(../media/images/Sub-Option-bg.jpg);
background-position:top right;
background-repeat:no-repeat;
padding-top:6px;
padding-bottom:2px;
height: 24px;

}
#suboption a {
padding-left:10px;
color:#04609B;
text-decoration:none;
font-weight:normal;
}
#suboption a:hover {
color:#003366;
text-decoration:none;
font-weight:normal
}


/* News
/*-----------------------*/

#news{
float: left; 
width: 256px;
margin-top:4px; 
padding-top:74px;
background-image:url(../media/images/Chauffeurs-News-header.jpg);
background-position:top;
background-repeat:no-repeat;
}
.newsitem{
float: left; 
width: 246px; 
background-image:url(../media/images/newsitem-divide.jpg);
background-position:bottom;
background-repeat:no-repeat;
padding-top:2px;
color:#666666;
padding-left:10px;
padding-bottom:10px;
padding-top:10px;
}
.newslisting{
float: left; 
width: 360px; 
padding-top:2px;
color:#666666;
padding-bottom:10px;
padding-top:10px;
border-bottom:1px solid #cccccc;
}
.newsitem p {
color:#666666;
text-decoration:none;
font-weight:normal
}
.newsitem a {
color:#66B1DB;
text-decoration:none;
font-weight:normal
}
.newsitem a:hover {
color:#003366;
text-decoration:none;
font-weight:normal
}


/*-----------------------*/
/* Section 7.2 - Textbox */
/*-----------------------*/

.sidebarbox-noborder {
	width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;
}

.sidebarbox-border {
	width: 130px; margin: 0px 0px 1.0em 0px; padding: 4px 4px 4px 4px; border: solid 1px rgb(200,200,200);
}

/*-----------------------------*/
/* Section 7.3 - Textbox title */
/*-----------------------------*/

.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	display: block; margin: 0px 0px 0.5em 0px; padding: 2px 5px 2px 5px; background-color: rgb(225,225,225); font-weight: bold; font-size: 120%;
}

/*------------------------------*/
/* Section 7.4 - Paragraph text */
/*------------------------------*/

.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 0.4em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/

/* Somehow not possible to use percentage values to scale the font-size here. */
/* Therefore the is the font-size definition given in the generic CSS-class   */
/* "footer-font", even though those generic font classes should all have a    */
/* normed size of 1.0em. But making footer an exception will not hurt us.     */



/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/


/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1.0em; line-height: 1.7em; color: rgb(110,110,110);
}

.sidebar-font {
	font-size: 1.0em; line-height: 1.4em; color: rgb(110,110,110);
}

/* Percentage value does not work in "footer", so we     */
/* cannot give the normed size of "1.0em" here and scale */
/* it up inside the "footer". Thus we define the final   */
/* font-size here the way it will appear on screen.      */


/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/

/* Basic Colors */
.txt-white {
	color: rgb(255,255,255);
}

.txt-black {
	color: rgb(0,0,0);
}

/* Grey */
.txt-grey01 {
	color: rgb(242,242,242);
}

.txt-grey02 {
	color: rgb(230,230,230);
}

.txt-grey03 {
	color: rgb(217,217,217);
}

.txt-grey04 {
	color: rgb(204,204,204);
}

.txt-grey05 {
	color: rgb(191,191,191);
}

.txt-grey06 {
	color: rgb(178,178,178);
}

.txt-grey07 {
	color: rgb(153,153,153);
}

.txt-grey08 {
	color: rgb(127,127,127);
}

.txt-grey09 {
	color: rgb(89,89,89);
}

.txt-grey10 {
	color: rgb(51,51,51);
}

/* Yellow */
.txt-yellow01 {
	color: rgb(254,252,232);
}

.txt-yellow02 {
	color: rgb(253,249,201);
}

.txt-yellow03 {
	color: rgb(253,246,185);
}

.txt-yellow04 {
	color: rgb(252,243,162);
}

.txt-yellow05 {
	color: rgb(251,239,139);
}

.txt-yellow06 {
	color: rgb(250,236,116);
}

.txt-yellow07 {
	color: rgb(249,233,93);
}

.txt-yellow08 {
	color: rgb(249,230,69);
}

.txt-yellow09 {
	color: rgb(248,227,46);
}

.txt-yellow10 {
	color: rgb(247,224,23);
}

/* Blue */
.txt-blue01 {
	color: rgb(238,237,249);
}

.txt-blue02 {
	color: rgb(222,220,242);
}

.txt-blue03 {
	color: rgb(205,202,236);
}

.txt-blue04 {
	color: rgb(189,185,229);
}

.txt-blue05 {
	color: rgb(172,167,223);
}

.txt-blue06 {
	color: rgb(155,149,217);
}

.txt-blue07 {
	color: rgb(139,132,210);
}

.txt-blue08 {
	color: rgb(122,114,204);
}

.txt-blue09 {
	color: rgb(106,97,197);
}

.txt-blue10 {
	color: rgb(89,79,191);
}

/* Green */
.txt-green01 {
	color: rgb(237,246,229);
}

.txt-green02 {
	color: rgb(220,238,204);
}

.txt-green03 {
	color: rgb(202,229,178);
}

.txt-green04 {
	color: rgb(185,220,153);
}

.txt-green05 {
	color: rgb(167,211,127);
}

.txt-green06 {
	color: rgb(149,203,102);
}

.txt-green07 {
	color: rgb(132,194,76);
}

.txt-green08 {
	color: rgb(114,185,51);
}

.txt-green09 {
	color: rgb(97,177,25);
}

.txt-green10 {
	color: rgb(79,168,0);
}

/* Red */
.txt-red01 {
	color: rgb(252,235,233);
}

.txt-red02 {
	color: rgb(248,216,211);
}

.txt-red03 {
	color: rgb(245,196,188);
}

.txt-red04 {
	color: rgb(242,177,166);
}

.txt-red05 {
	color: rgb(238,157,144);
}

.txt-red06 {
	color: rgb(235,137,122);
}

.txt-red07 {
	color: rgb(232,118,100);
}

.txt-red08 {
	color: rgb(229,98,77);
}

.txt-red09 {
	color: rgb(225,79,55);
}

.txt-red10 {
	color: rgb(222,59,33);
}

/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}

/* Yellow */
.bg-yellow01 {
	background-color: rgb(254,252,232);
}

.bg-yellow02 {
	background-color: rgb(253,249,201);
}

.bg-yellow03 {
	background-color: rgb(253,246,185);
}

.bg-yellow04 {
	background-color: rgb(252,243,162);
}

.bg-yellow05 {
	background-color: rgb(251,239,139);
}

.bg-yellow06 {
	background-color: rgb(250,236,116);
}

.bg-yellow07 {
	background-color: rgb(249,233,93);
}

.bg-yellow08 {
	background-color: rgb(249,230,69);
}

.bg-yellow09 {
	background-color: rgb(248,227,46);
}

.bg-yellow10 {
	background-color: rgb(247,224,23);
}

/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

.bg-green08 {
	background-color: rgb(114,185,51);
}

.bg-green09 {
	background-color: rgb(97,177,25);
}

.bg-green10 {
	background-color: rgb(79,168,0);
}

/* Red */
.bg-red01 {
	background-color: rgb(252,235,233);
}

.bg-red02 {
	background-color: rgb(248,216,211);
}

.bg-red03 {
	background-color: rgb(245,196,188);
}

.bg-red04 {
	background-color: rgb(242,177,166);
}

.bg-red05 {
	background-color: rgb(238,157,144);
}

.bg-red06 {
	background-color: rgb(235,137,122);
}

.bg-red07 {
	background-color: rgb(232,118,100);
}

.bg-red08 {
	background-color: rgb(229,98,77);
}

.bg-red09 {
	background-color: rgb(225,79,55);
}

.bg-red10 {
	background-color: rgb(222,59,33);
}

/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/

/* Horizontal line */

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}