/* Standard Element Styles */

    body {
        margin: 0;
        padding: 0;

        font-family: Arial;
        color: #494949;
        font-size: 10pt;
        text-align: center;
    }

    img {
        margin: 0;
        padding: 0;
        border: 0;
    }

    p.pageTitle {
        display: inline;
    }

    h1 {
/*        display: none;  */

    	margin: 0.5em 0 0 0;
    	padding: 0;
        font-size: 11pt;
/*        color: #988162;  */
        color: #b3a491;
        background-color: #ffffff;
    }

    h2 {
    	/*letter-spacing: 1px;*/
    	margin-top: 2em;
    	padding: 10px 4px 3px 4px;
    	font-size: 11pt;
    	font-weight: bold;
    	margin-bottom: 0px;
/*    	color: #9a7f64;  */
    	color: #5d4830;
    	background-color: #f2f1ec;
    }

    h2.first {
    	margin: 0.5em 0 0 0;
    	padding: 0;
        font-size: 11pt;
/*        color: #988162;  */
        color: #b3a491;
        background-color: #ffffff;
    }

    p.first {
        color: #5f4d37;
        font-weight: bold;
    }

    big {
    	font-size: 14px;
    	font-family: Arial;
    	color: #FfFfFf;
    }

    A {
/*    	color: #9C3203;  */
    	color: #366ba3;
    	text-decoration: none;
    }

    A:hover {
    	text-decoration: underline;
    }

    TD {
    	font-size: 13px;
    }

    LI {
/*    	list-style-image = url('images/bullet3.gif');  */
    	vertical-align: top;
    	line-height: 16px;
    }

    hr {
    	align: left;
    	height: 1px;
    	margin-bottom: 5px;
    	color: #CCCCCC;
    	width: 100%;
    }

    hr.pageTitle {
        margin: 0;
        padding: 0;
        height: 2px;
        width: 100%;
        border: 1px solid #ccc0b2;
    }

    input {
    	font-family: Arial;
    	font-size: 12px;
    	color: #494949;
    }

    select {
    	font-family: Arial;
    	font-size: 12px;
    	color: #494949;
    }

    textarea {
    	font-family: Arial;
    	font-size: 12px;
    	color: #494949;
    }

/* End Standard Element Styles */



/* Header Styles */

    #header {
        width: 100%;
/*        height: 85px; */
        height: 103px;
        background-image: url('images/header-background.gif');

        text-align:left;
    }

    #logo {
        width: 276px;
/*        height: 85px;  */
        height: 103px;
        border: 0;
        float: left;
    }

    #headerTextImg {
        margin-top: 58px;
    }

    #header p {
        margin: 0;
/*        padding: 50px 0 0 0; */
        padding: 58px 0 0 0;

        font-family: 'tahoma';
        color: #ffffff;
        font-size: 12pt;
        text-align: left;
    }

/* End Header Styles */



/* Main Body and Wrapper Styles */

    #wrapper {
        background-image: url('images/page-background.gif');
        background-repeat: repeat-y;
    }

    .mainbody {
    	height: 100%;
    	width: 688px;  /* 996 - 228 - (50+30) */
    	float: left;
    	margin-left: 228px;

    	text-align: left; /*justify;*/
    	padding-left: 50px;
    	padding-top: 30px;
    	padding-right: 30px;
    	padding-bottom: 20px;
    	vertical-align: top;
    }

/* End Main Body and Wrapper Styles */



/* Left Navigation Styles */

    #leftNav {
        width: 228px;
        float: left;
        margin-left: -996px;
            /* margin = mainbody width + mainbody padding + leftNav width */
            /*        = 688 + (50+30) + 228 */
    }

    #leftNav img {
        border: 0;
        margin: 0;
        padding: 0;
    }

    .leftNavMenu {
        margin: 15px 0 0 0;
        padding: 0;

        list-style: none;
        text-align: left;
    }

    .leftNavMenu li {
        margin: 0 0 2px 0;
        padding: 6px 0 0 42px;
        height: 24px;  /* 30px - top and bottom padding */
        width: 186px;  /* 228px - left and right padding */
        float: left;
    }

    .leftNavItem-index { background-image: url('images/leftnav-index.jpg'); }
    .leftNavItem-theprocess { background-image: url('images/leftnav-theprocess.jpg'); }
    .leftNavItem-productsforsingle { background-image: url('images/leftnav-productsforsingle.jpg'); }
    .leftNavItem-imagestobuy { background-image: url('images/leftnav-imagestobuy.jpg'); }
    .leftNavItem-productsformultiple { background-image: url('images/leftnav-productsformultiple.jpg'); }
    .leftNavItem-completedprojects { background-image: url('images/leftnav-completedprojects.jpg'); }
    .leftNavItem-latestfeatures { background-image: url('images/leftnav-latestfeatures.jpg'); }
    .leftNavItem-aboutus { background-image: url('images/leftnav-aboutus.jpg'); }
    .leftNavItem-contactus { background-image: url('images/leftnav-contactus.jpg'); }

    .leftNavItem-index-over { background-image: url('images/leftnav-index-on.jpg'); }
    .leftNavItem-theprocess-over { background-image: url('images/leftnav-theprocess-on.jpg'); }
    .leftNavItem-productsforsingle-over { background-image: url('images/leftnav-productsforsingle-on.jpg'); }
    .leftNavItem-imagestobuy-over { background-image: url('images/leftnav-imagestobuy-on.jpg'); }
    .leftNavItem-productsformultiple-over { background-image: url('images/leftnav-productsformultiple-on.jpg'); }
    .leftNavItem-completedprojects-over { background-image: url('images/leftnav-completedprojects-on.jpg'); }
    .leftNavItem-latestfeatures-over { background-image: url('images/leftnav-latestfeatures-on.jpg'); }
    .leftNavItem-aboutus-over { background-image: url('images/leftnav-aboutus-on.jpg'); }
    .leftNavItem-contactus-over { background-image: url('images/leftnav-contactus-on.jpg'); }
/*
    .leftNavItem {
    	background-image: url('images/leftnav-index.jpg');
    }

    .leftNavItem-over{
    	cursor: hand;
    	background-image: url('images/leftnav-index-on.jpg');
    }
*/
    .leftNavMenu a {
    	font-family: Arial;
    	font-size: 9pt;
    	color: #604c34;
    	text-decoration: none;
    }
/*
    .leftNavItem-over a {
    	color: #f3f2ed;
    }
*/
    .leftNavMenu a:hover {
    	text-decoration: none;
    }

    .leftNavPromo {
        margin: 0;
        padding: 0;
        list-style: none;
        clear: left;
    }

    .leftNavPromo li {
        margin: 0 0 2px 0;
        width: 100%;
        background-color: #f3f2ed;
        text-align: center;
        float: left;
    }
/*
    .leftNav-promo {
    	background-image: url('images/leftnav-background.gif');
    	background-repeat: repeat-y;
    	background-position: top right;

    	padding: 0px 9px;
    	text-align: center;
    	vertical-align: top
    }

    .leftNav-promo a {
    	font-size: 11px;
    	text-decoration: none;
    	color: #4F4031;
    }

    .leftNav-promo a:hover {
    	text-decoration: underline;
    }
*/

    .menu {
        left-margin: 220px;
    }

    .menu a {
    	display:block;
    	padding:9px 10px;
    	text-decoration:none;
    	border-top: 1px solid #9D9FA2;
    	font-size: 11px;
    	letter-spacing:0px;
    	color: #4F4031;
    	filter: alpha(opacity=85);
    }

    .menu a:hover {
    	background-color:#F4F2ED;
    	color: #4F4031;
    	text-decoration: none;
    	filter: alpha(opacity=100);
    }

/* End Left Navigation Styles */



/* The Process and Product List Styles */

    hr.theprocess,
    hr.productlist,
    hr.meetthestaff,
    hr.commercialprojects {
    	clear: both;
    	align: left;
    	height: 1px;
    	margin-bottom: 0;
    	color: #CCCCCC;
    	width: 100%;
    }

    hr.commercialprojects { margin-bottom: 5px; }

    .theprocessImage,
    .productlistImage,
    .meetthestaffImage,
    .commercialprojectsImage {
        float: left;
        margin: 5px 10px 0 0;
        padding: 0;
    }

    .theprocessImage { width: 200px; }
    .productlistImage { width: 120px; }
    .meetthestaffImage { width: 200px; }
    .commercialprojectsImage { width: 300px; }

    .theprocessDescription {
        width: 478px;  /* content width (688) - left margin (210) */
        margin: 5px 0 0 210px;
        padding: 0;
    }

    .productlistDescription {
        width: 558px;  /* content width (688) - left margin (130) */
        margin: 5px 0 0 130px;
        padding: 0;
    }

    .meetthestaffDescription {
        width: 478px;  /* content width (688) - left margin (210) */
        margin: 5px 0 0 210px;
        padding: 0;
    }

    .commercialprojectsDescription {
        width: 378px;  /* content width (688) - left margin (310) */
        margin: 5px 0 0 310px;
        padding: 0;
    }

    .theprocessDescription h2,
    .productlistDescription h2,
    .meetthestaffDescription h2,
    .commercialprojectsDescription h2 {
        margin: 10px 0 0 0;
    }

/* End The Process Styles */



/* Products Styles */

    div.productImage {
        float: left;
        width: 400px;

        margin: 10px 10px 0 0;
        padding: 0;
/*        border: 2px solid red;  */

        text-align: center;
    }

    div.productDescription {
        width: 278px;  /* content width (688) - image width (400+10) = 278px */

        margin: 10px 0 0 410px;
        padding: 0;
/*        border: 2px solid green;  */
    }

/* Products Styles */



/* Footer Styles */

    .footer {
        clear: both;
        height: 20px;
        width: 100%;
        padding-top: 18px;

    	background: url('images/footer-background.gif');

    	color: #f0f0f0;
    	font-size: 10px;
    	font-weight: bold;
    	letter-spacing: 0.5px;
    	text-align: center;
    }

    .footer A {
    	color: white;
    	text-decoration: none;
    }

    .footer A:hover {
    	text-decoration: underline;
    }

/* Footer Styles */



/* Other Styles */

    .home-image-right {
        float: right;
        clear: right;
        margin: 0 0 8px 8px;
    }

    .home-image-bottom {
        margin: 0 8px 0 0;
        padding: 0;
    }

    .header A {
    	color: white;
    	font-size: 16pt;
    	text-decoration: none;
    }

    .menuoptions {
    	margin-right:1px;
    	margin-bottom:1px;
    	margin-left: 2px;

    	border-right:1px solid #9D9FA2;
    	border-bottom:1px solid #9D9FA2;
    	background-color: white;
    	line-height: 14px;
    	color: #4F4031;
    }

    .process-table {
        margin: 2em 0 0 0;
    }

    .process-table TD {
    	background: #D9CEBF;

    	vertical-align: top;
    	text-align: left;
    	padding: 20px;
    	border-bottom: 20px solid white;

    	color: black;
    }

    .process-table IMG {
    	border: 5px solid white;
    }

    .process-table HR {
    	border: 1px dashed #877875;
    }

    .enquiryform {
    	background: #E9E4DB;
    	border: 0px solid #AFAFAF;
    }

    .enquiryform TD {
    	 vertical-align: top;
    	 padding: 5px 8px;
    	 border-bottom: 1px solid white;
    }

    .errorMessageTable {
    	width: 100%;
    	border: 1px solid #FFE1E1;
    	background: #FFFAFA;
    	margin: 10px;
    	margin-left: 5px;
    	margin-bottom: 15px;
    }

    .errorMessageTable TD{
    	color: darkred;

    	padding: 2px;
    	font-size: 12px;
    }

    .productTable {
    	width: 300px;
    	border: 0px solid #FFE1E1;
    	margin: 0px;
    	font-size: 8px;
    }

    .productTable TD {
    	padding: 5px;
    }

    .dropshadow TD {
    	padding: 0px;
    }

    .gallery-header A {
    	color: #7AA2DF;
    	text-decoration: none;
    }

    .product-prices {
    	width: 100%;

    	background: #EFEFEF;
    	text-align: center;
    }

    .product-prices TD {
    	padding: 2px 3px;
    	font-size: 11px;
    	background: #F3F2EC;
    	color: #767267;
    	font-weight: bold;
    }

    .product-prices TD.title{
    	color: white;
    	letter-spacing: 1px;
    	text-align: left;
    	font-weight: bold;
    	background: #B39E7F;
    }

    .product-prices TD.size{
    	background: #E7E5D9;
    	color: #767267;
    	border-bottom: 1px solid #767267;
    }

    .product-prices TD.price{
    	background: #F3F2EC;
    	color: #767267;
    	font-weight: bold;
    }

    .product-prices TD.material{
    	background: #F3F2EC;
    	color: #767267;
    	font-weight: bold;
    	text-align:left;
    	padding-left: 30px;
    }

    .product-break{
    	margin: 8px 0px;
    	border: 1px dashed #B5AF8C
    }

    .product-index-image{
    	cursor: hand;
    	margin: 9px;
    }

    .productPros {
        background-color: #f3f2ed;
        margin: 0;
        padding-top: 5px;
        padding-bottom: 10px;
        padding-left: 25px;
    }

    .productPros li,
    .productPros a {
        color: #b3a491;
        font-weight: bold;
        font-size: 10pt;
    }

    .productPros li {
        margin-top: 5px;
    }

    .clientphoto-index-image{
    	margin: 8px;
    	border: 2px solid #FFFFFF
    }

    .project-table {
    	background: #B39E7F;
    }

    .project-table TD {
    	padding: 15px;
    	color: white;
    }

    .commercial-table TD
    {
    	background: white;

    	vertical-align: top;
    	text-align: left;
    	padding: 10px 0px;
    	border-bottom: 1px dashed #AFAFAF;
    	color: black;
    }

    .infoMessageTable {
    	width: 100%;
    	border: 1px solid #E1E1FF;
    	background: #FAFAFF;
    	margin: 10px;
    	margin-left: 5px;
    	margin-bottom: 15px;
    }

    .infoMessageTable TD{
    	padding: 2px;
    	font-size: 12px;
    	color: #0066CC;
    }

    .admin_table {
    	width: 600px;
    }

    .admin_table th {
    	font-size: 12px;
    	border-bottom-style:dashed;
    	border-bottom-width:1px;
    }

    .admin_table td {
    	font-size: 12px;
    	border-bottom-width:1px;
    	border-bottom-style:solid;
    }

/* End Other Styles */