/* Style Information for www..com */

/* -- Fundamental Components -- */
body {
 margin:0;
 padding:20px 0;
 font-size:85%;
 font-family:Arial,Helvetica,Sans-Serif;
 color:#000;
 background:#fff;
}

h1 {
 margin:0;
 padding:0 0 10px 0;
 font-size:2.0em;
 color:#996;
 background:transparent;
}
h2 {
 margin:0 0 10px 0;
 padding:0;
 font-size:1.4em;
 color:#666;
 background:#fff;
}
h3 {
 margin:0;
 padding:0;
 font-size:1em;
 color:#666;
 background:#fff;
}
p {
 margin:0;
 padding:0 0 1em 0;
 font-size:1.0em;
}

ul {
 margin:0;
 padding:0 0 1em 30px;
}

table,table tr,table tr th,table tr td {
 font-size:1em;
}
table tr th,table tr td {
 padding:2px;
 text-align:left;
}
table {
 margin:0 0 1em 0;
}

a {
 height:1%;
 color:#996;
 background:none;
}
a:hover {
 text-decoration:none;
 color:#996;
 background:none;
}

img {
 display:block;
 margin:0;
 border:0;
}

div#holder-home,div#holder-company,div#holder-past,div#holder-recommend,div#holder-contact {
 clear:both;
 width:740px;
 margin:0 auto;
 padding:0;
 color:#000;
 background:#fff;
}

/* -- Clear Float -- */
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* -- Fundemental CSS -- */
.right {float:right;}
.left {float:left;}
.noshow {display:none;}
.rightimage {float:right; margin:0 0 10px 10px;}
.leftimage {float:left; margin:0 10px 10px 0;}
.centreimage {display:block; margin:0 auto;}
.spacer {margin-bottom:10px;}
.emphasis {width:90%; font-style:italic;}
.largefont {font-size:18px;}

/*-- Holding -- */
div#holding {
 width:770px;
 margin:0 auto;
 padding:100px 0;
 text-align:center;
}
div#holding img {
 margin-bottom:25px;
}
div#holding p {
 font-size:1.1em;
}

/* -- Header -- */
div#header {
 margin-bottom:10px;
}

/* -- Top Navigation -- */
div#topnav {
 color:#666;
 background:transparent url('images/back-nav.jpg') repeat-x left top;
}
ul#topnavlinks {
 padding:0;
}
ul#topnavlinks li {
 float:left;
 list-style-type:none;
}
ul#topnavlinks li a {
 display:block;
 padding:15px 22px 5px 22px;
 font-size:1.2em;
 font-family:Century Gothic, Arial, Helvetica;
 text-decoration:none;
 color:#666;
 background:none;
}

div#holder-home ul#topnavlinks li a#nav-home {
 color:#333;
 background:transparent url('images/back-nav-home.gif') no-repeat left top;
}
div#holder-company ul#topnavlinks li a#nav-company {
 color:#333;
 background:transparent url('images/back-nav-company.gif') no-repeat left top;
}
div#holder-past ul#topnavlinks li a#nav-past {
 color:#333;
 background:transparent url('images/back-nav-past.gif') no-repeat left top;
}
div#holder-recommend ul#topnavlinks li a#nav-recommend {
 color:#333;
 background:transparent url('images/back-nav-recommend.gif') no-repeat left top;
}
div#holder-contact ul#topnavlinks li a#nav-contact {
 color:#333;
 background:transparent url('images/back-nav-contact.gif') no-repeat left top;
}

ul#topnavlinks li a#nav-home:hover {
 color:#333;
 background:transparent url('images/back-nav-home-hover.jpg') repeat-x left top;
}
ul#topnavlinks li a#nav-company:hover {
 color:#333;
 background:transparent url('images/back-nav-company-hover.jpg') repeat-x left top;
}
ul#topnavlinks li a#nav-past:hover {
 color:#333;
 background:transparent url('images/back-nav-past-hover.jpg') repeat-x left top;
}
ul#topnavlinks li a#nav-recommend:hover {
 color:#333;
 background:transparent url('images/back-nav-recommend-hover.jpg') repeat-x left top;
}
ul#topnavlinks li a#nav-contact:hover {
 color:#333;
 background:transparent url('images/back-nav-contact-hover.jpg') repeat-x left top;
}

ul#topnavlinks li a.extraspace {
 padding:15px 24px 5px 24px;
}

/* -- Main -- */
div#links {
 float:left;
 width:320px;
 margin-right:20px;
}
div#shortcutlinks {
 width:100%;
 padding-right:10px;
 border-right:1px solid #ccc;
}
img#logo-icipaints {
 margin-top:20px;
}

div#welcomecontent {
 float:left;
 width:380px;
 padding-left:20px;
 color:#000;
 background:#fff /*url('images/back-welcometext.jpg') no-repeat right top*/;
}

/* -- Left Column -- */
div#leftcol {
 float:left;
 width:189px;
 padding:0 20px 0 0;
 border-right:1px solid #ccc;
}

div#phone {
 height:60px;
 margin-bottom:5px;
 padding:5px 0 0 70px;
 color:#999;
 background:#fff url('images/icon-phone.gif') no-repeat left top;
}
div#phone p {
 padding-bottom:5px;
}
div.address {
 margin-bottom:5px;
 padding-left:70px;
 color:#999;
 background:#fff url('images/icon-address.gif') no-repeat left top;
}
div#email {
 margin-bottom:5px;
 color:#999;
 background:#fff;
}
div#email p {
 text-align:center;
}
div#email a {
 text-decoration:none;
 color:#666;
 background:#fff;
}
div#email a:hover {
 color:#999;
 background:#fff;
}

/* -- Right Column -- */
div#rightcol {
 float:left;
 width:510px;
 padding:0 0 0 20px;
}

div.quoteholder {
 float:left;
 width:460px;
 margin-bottom:10px;
 padding:0 50px 0 0;
 color:#000;
 background:#fff url('images/quotemark-right.gif') no-repeat right bottom;
}
div.quoteholder div.quotehasimage {
 float:left;
 width:325px;
}
div.quoteholder p {
 padding:0 0 1em 50px;
 font-style:italic;
}
div.quoteholder p.quotetext {
 padding:10px 0 1em 50px;
 color:#000;
 background:transparent url('images/quotemark-left.gif') no-repeat left top;
}
div.quoteholder p.quotedby {
 text-align:right;
 font-weight:bold;
}

div#rightcol table#enquiryform {
 margin:10px 0 10px 20px;
}
div#rightcol table#enquiryform tr th {
 padding-right:25px;
 vertical-align:top;
 text-align:left;
 color:#666;
 background:#fff;
}
div#rightcol table#enquiryform tr td input#submit {
 width:100px;
 float:right;
 cursor:pointer;
 font-weight:bold;
 font-size:1.0em;
 border:1px solid #999;
 color:#663;
 background:#cc9;
}
table#enquiryform img#captcha {float:left;}
table#enquiryform div#securitytools {width:22px; float:left; padding-left:7px;}
table#enquiryform div#securitytools a {border:0;}


/* -- Footer -- */
div#footer {
 width:700px;
 padding:30px 20px 15px 20px;
 font-size:0.9em;
 color:#036;
 background:#f2f2f2 url('images/back-footer.gif') no-repeat left top;
}
div#footer a {
 text-decoration:none;
 color:#036;
 background:#f2f2f2;
}
div#footer a:hover {
 text-decoration:underline;
}