* { padding:0; margin:0; }

.clearfix:after {
    content: "."; 
    clear: both; 
    display: block; 
    height: 0; 
    visibility: hidden;
}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
 /* End hide from IE-mac */


body.index { background:#020C10 url(../images/index/bg-index.jpg) top repeat-x; margin:0; }
body { background:#020C10 url(../images/core/bg-inner.jpg) top repeat-x; margin:0; }

p { margin:0 0 25px 0; }
a { color:#fff; }
a:hover { color:#5DADCF; }


body.index div#page { background:url(../images/index/bg-index2.jpg) center top no-repeat; height:auto; }
body div#page { background:url(../images/core/bg-inner2.jpg) center top no-repeat; height:auto; }
div#container { margin:0 auto; width:828px; height:auto; }
div#title { position:relative; width:828px; height:91px; }
div#title img { margin:35px 0 18px 49px; }
div#title div.enquirebutton { position:absolute; right:40px; bottom:0; width:120px; }
* html div#title div.enquirebutton { bottom:-1px; }
div#title div.enquirebutton a {
	background:#1E4A5C url(../images/core/arrow-right.gif) right 13px no-repeat;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#85ACBD;
	padding:10px 31px 11px 15px;
	text-decoration:none;
	display:block;
}
div#title div.enquirebutton a:hover {
	color:#fff;
	background-color:#2C5C6F;
}




/* header */
div#header { height:84px; background:url(../images/core/phone.gif) right no-repeat; }


/* nav */
div#nav { height:31px; width:487px; padding-left:39px; background:#0D4E68; }
div#nav ul { list-style-type:none; }
div#nav li { float:left; }
div#nav li a { 
	display:block;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#85ACBD;
	padding:10px 13px 11px 13px;
	text-decoration:none;
}
div#nav li a:hover, div#nav li a.active { 
	color:#fff;
	background:#155773;
}


/* flash area on homepage */
div#flasharea { height:224px; width:828px; }
div#flasharea div#flash { width:304px; height:224px; float:right; }
div#flasharea div#left { width:500px; height:224px; }
div#flasharea div#slogan { padding:62px 0 0 49px; margin-bottom:51px; }
div#flasharea div#button { width:140px; margin-left:360px; }
div#flasharea div#button a {
	background:#1E4A5C url(../images/core/arrow-right.gif) right 13px no-repeat;
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#85ACBD;
	padding:10px 31px 11px 15px;
	text-decoration:none;
	display:block;
}
div#flasharea div#button a:hover {
	color:#fff;
	background-color:#2C5C6F;
}


/* footer */
div#footer { border-top:1px solid #153C4C; padding:20px 0 20px 50px; position:relative; }
div#footer, div#footer a {
	font:normal 10px/10px Verdana, Arial, Helvetica, sans-serif;
	color:#929BA6;
}
div#footer a:hover { color:#fff; }
div#footer div.webfirmlogo { position:absolute; right:40px; top:7px; }



/* content */
div#contentcontainer {
	padding:23px 40px 33px 50px;
	font:normal 12px/28px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
}
div#contentcontainer div#content {
	float:left;
	width:459px;
	padding:0 15px 0 0;
	border-right:1px solid #153C4C;
}
div#contentcontainer div#content.colx1 { width:auto; border:0; float:none; padding:0; }
div#contentcontainer div#right {
	float:left;
	width:230px;
	margin:0 0 0 30px;
	padding-top:70px;
	line-height:16px;
}

div#contentcontainer div#content img.imgleft { float:left; margin:0 25px 0 0; } 
div#contentcontainer span.label { color:#5DADCF; font-weight:bold; }

div#content div.item { float:left; width:100px; margin:0 35px 35px 0; }
div#content div.item div.image { text-align: center; height: 120px; }
div#content div.item div.image a img { border:4px solid #05212D; }
div#content div.item div.image a:hover img { border:4px solid #0C384B; }
div#content div.item div.categorylink a { color:#5DADCF; font-size:9px; line-height:12px; font-weight:bold; text-decoration:none; }
div#content div.item div.categorylink a:hover { color:#fff; }
div#content div.item div.categorylink { height:35px; /*border-bottom:1px dashed #153C4C;*/ width:85px; padding:5px 20px 5px 5px; background:url(../images/core/arrow-right.gif) right 10px no-repeat; }

div#content div#breadcrumb { border-bottom:1px solid #153C4C; font-size:9px; line-height:19px; padding:0 0 5px 0; margin:0 0 15px 0; }


/* design detail page */
div#designdetail div#photo { float:left; width:260px; text-align:center; border-right:1px solid #153C4C; }
div#designdetail div#photo div.caption { font-size:9px; }
div#designdetail div#detail { float:left; width:400px; padding:25px 0 0 30px; }

/* dynamic content area on detail page */
div#detail td {border:0; border-bottom:1px solid #153C4C; border-right:1px solid #153C4C; vertical-align:top; padding:3px; }
div#detail table {border:1px solid #153C4C; border-right:0; border-bottom:0;}
div#detail p { margin:25px 0; }
div#detail ul { margin:0 0 10px 35px; }
div#detail li { padding-left:10px; }
div#content h1, 
div#content h2, 
div#content h3, 
div#content h4, 
div#content h5 { margin:15px 0; padding:0; line-height:28px; font-weight:normal; color:#5DADCF; }
div#content h1 { font-size:26px; }
div#content h2 { font-size:23px; }
div#content h3 { font-size:20px; }
div#content h4 { font-size:17px; }
div#content h5 { font-size:14px; }




/* enquiry form */
#enquiryform {	border:0; }
#enquiryform em {	color:#5DADCF; }
#enquiryform fieldset {	border:0; display:block; height:auto; }
#enquiryform fieldset ol {	list-style-type:none; margin:0; padding:0; }
#enquiryform fieldset ol li {	padding:10px 10px 0 0; }
#enquiryform label {	display:inline-block; padding-top:0; vertical-align:top;	width:150px; }
#enquiryform textarea, #enquiryform input {
	font:normal 12px/12px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	width: 250px;
	background:#fff;
	border:0;
	padding:3px;
}
#enquiryform textarea {	height:200px; }

#enquiryform input.formbutton {
	background:#5DADCF;
	color:#fff;
	font-weight:bold;
	width:75px;
}