body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	background-color:#000000;
	color:#333333;
	font-size:85%;
  }

html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}


#container {}
a {text-decoration:none;cursor:hand;}
img {border:0;}

.home .heropicture {width:320px; height:247px;background: url(/images/homepage/portrait/boat.png) no-repeat top left;margin:auto;}
.home .heropicture h1 {width:320px; height:101px; background:url(../images/domani-logo.png) center no-repeat; text-indent:-999em;margin:0;padding:0;}
.home .heropicture .phone {clear:left;width:227px;height:47px;margin:92px 0 0 46px;}
.home .heropicture .phone a {text-decoration:none;border:0;}


.home .option {height:43px; background:url(../images/links-bg.gif) repeat-x;padding-left:18px;}

.home .option .content {float:left;width:252px;height:38px;padding-top:5px;}
.home .option .content h2 {
	font-size:1.0em;
	color:#333333;
	line-height:18px;
	margin:0 0 1px 0;
	font-weight:bold;
	font-family:Trebuchet MS,Arial, Helvetica, sans-serif;
	}
.home .option .content p {font-size:0.88em;color:#333333;line-height:12px;margin:0;}

.home .option .arrow {float:right;width:50px;height:43px; background:url(../images/go-btn.gif) no-repeat right}

.inner {
	background:url(../images/inner-page-bg.gif) repeat-x top;
	min-height:320px;
}
.inner .header {height:60px;background:url(/images/wiliam_logo.png) no-repeat top center;margin:auto;}
.inner .header .back {float:left;width:50px;height:32px;padding:17px 0 0 0;}
.inner .header .phoneicon {float:right;width:32px;height:32px;padding:17px 10px 0 0;}

.inner .title {height:43px; background:url(../images/links-bg.gif) repeat-x top}
.inner .title h1 {
	float:left;
	font-size:1.3em;
	line-height:16px;
	margin: 0 0 1px 0;
	font-weight:normal;
	padding:14px 0 0 12px;
}
.inner .title h1 span {font-weight:bold;}
.inner .title a {
	color:#000;
	float:right;
	font-size:0.9em;
	margin:6px 10px 0 0;
	background:url(../images/share.gif) no-repeat right 10px;
	display:block;
	height:32px;
	padding-top:8px;
	width:55px;
	font-weight:bold;
}

.inner .item {
	background:#fff url(../images/go-btn.gif) no-repeat right;
	padding:7px 10px 7px 12px;
	border-top:1px solid #ebf1f3;
}

.inner .item1 {
	background:#f0f0f0 url(../images/go-btn.gif) no-repeat right;
	padding:5px 10px 5px 12px;
	border-top:1px solid #ebf1f3;
}

.inner a {text-decoration:none;}
.inner .first {padding-top:15px;border-top:none !important;}

.inner .item .content {width:260px;display:block;}

.inner .item .content h2 {
	font-size:1.0em;
	color:#cf2027;
	line-height:16px;
	margin:0 0 1px 0;
}

.inner .item .content h2.blogtitle {font-size:1.2em;}
.inner .item .content p {font-size:0.9em;color:#333333;line-height:12px;margin:0;}
.inner .item .arrow {float:right;width:9px;height:13px;}

.inner .item1 {
	background:#f0f0f0 url(../images/go-btn.gif) no-repeat right;
	padding:7px 10px 7px 12px;
	border-top:1px solid #ebf1f3;
}

.inner .item1 .content {width:260px;display:block;}

.inner .item1 .content h2 {
	font-size:1.0em;
	color:#cf2027;
	line-height:16px;
	margin:0 0 1px 0;
}

.inner .item1 .content h2.blogtitle {font-size:1.2em;}
.inner .item1 .content p {font-size:0.9em;color:#333333;line-height:15px;margin:0;}
.inner .item1 .arrow {float:right;width:9px;height:13px;}

.inner .item .content h2.blogtitle {font-size:1.2em;}
.inner .item .content p {font-size:0.9em;color:#333333;line-height:15px;margin:0;}
.inner .item .arrow {float:right;width:9px;height:13px;}


.inner .contact {
	background:url(../images/contact-bg.gif) #f6f6f6 bottom repeat-x;
	padding:15px 10px 10px 12px;
}
.inner .contact h2 {
	font-size:1.2em;
	line-height:12px;
	margin:0;
	padding:0;
	color:#cf2027
 }
.inner .contact p {
	font-size:1em;
	line-height:20px;
	color:#000000;
 }
 
.inner .contact p a{
	color:#cf2027;
	text-decoration:none;
 }
 
.inner .contact p a:hover{
	color:#669900;
	text-decoration:none;
 }
 
  
.inner .contact .googlemap {
	float:right;
	width:140px;
	height:137px;
}
.inner .contact .phone {text-align:center;margin:25px 0;}

.inner .about {
	background:url(../images/contact-bg.gif) #f6f6f6 bottom repeat-x;
	padding:15px 10px 15px 12px;
}
.inner .about h2 {
	font-size:1.2em;
	line-height:12px;
	margin:0;
	padding:0;
	color:#cf2027
	}
	
.inner .about p {
	font-size:1em;
	line-height:20px;
	color:#000000;
	text-align:justify;
	padding:0 5px 0 0;
	}

.inner .ourwork .item {height:55px;}
.inner .ourwork .item .logo {float:left;width:90px;}
.inner .ourwork .item .content {float:left;width:170px; clear:right;}

.inner .ourwork .item1 {height:55px;}
.inner .ourwork .item1 .logo {float:left;width:90px;}
.inner .ourwork .item1 .content {float:left;width:170px; clear:right;}

.detail h2 {font-size:0.9em;color:#3399cc;padding:10px 10px 0 15px;}
.detail p {color:#fff;font-size:1.1em;padding:10px 10px 0 15px;line-height:20px;margin:0;}
.detail p.ourworkheader {font-weight:bold;}
.detail {background:#fff !important;}
.detail .next {float:right;padding-right:10px;margin-bottom:50px;margin-top:10px;height:100px;}
.detail a, .detail a:visited, .detail a:hover, .detail a:active {color:#3399cc;}
.blogdetail {background:none !important;}
.blogdetail p {font-size:1.1em !important;line-height:20px !important;padding:10px 10px 0 0;}


