/*
Theme Name: CVC LINEMARKING
Theme URI:
Description: Default.
Version: 1.0
Author: Leo Lee
Author URI:

*/

/* Global properties ======================================================== */
body { 
	background:url(./images/tail-body.jpg) repeat center top; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%; 
	line-height:1em;
	color:#323235;
	height:100%;
}
html { 
	min-width:980px;
}
html, 
body { 
	height:100%;
}

/* Global Structure ============================================================= */
#main {
	margin:0 auto;
	position:relative;
	width:980px;
	font-size:.75em;
}

/* Sidebar (Header) */
#sidebar{
		height:321px;
		background-repeat:no-repeat;
		background-position:0 bottom;
		position:relative;
	}
#sidebar .tail {
	background:url(./images/header-tail.jpg) repeat-x left top;
}
#sidebar .left {
	background:url(./images/header-left.gif) no-repeat left top;
}
#sidebar .right {
	height:121px;
	background:url(./images/header-right.gif) no-repeat right top;
}

/* Content */
section #content {
		
	}
			
/* Footer */
#footer {
		text-align:right;
		color:#444447;
		overflow:hidden;
		width:100%;
		font-size:.92em;
		padding:17px 0 30px 0;
	}
/*===== footer =====*/
#footer span {
	text-transform:uppercase;
}
#footer a {
	color:#444447;
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}

/* Left & Right alignment */

#wrapper {
	margin:0 auto 0 auto;
	width:100%;
	overflow:hidden;
}

.wrapper {
	margin:0 auto 0 auto;
	width:100%;
	overflow:hidden;
}

.fleft { 
	float:left;
}
.fright { 
	float:right;
}
.clear { 
	clear:both;
}

#index .col-1 {width:290px;}
#index .col-2 {width:690px;}
#home .col-1 {width:290px;}
#home .col-2 {width:690px;}
#contact .col-1 {width:70%;}
#contact .col-2 {width:30%;}
#contact .fcol-1 {width:100%;}

.col-1, 
.col-2, 
.col-3, 
.col-4 { 
	float:left;
}

.alignright { 
	text-align:right;
}
.aligncenter { 
	text-align:center;
}	

/*---- tailings ----*/
.tail-top { 
	background:url(./images/tail-top.jpg) center top repeat-x #dbdbde;
}
.tail-bottom {
	background:url(./images/tail-bottom.jpg) center bottom repeat-x;
}

/*===== Sidebar (nav)=====*/
#nav {
	position:absolute;
	right:35px;
	top:85px;
}
#nav ul li {
		float:left;
		font-size:1.25em;
		font-family:Georgia, "Times New Roman", Times, serif;
		text-transform:uppercase;
		padding-left:28px;
	}
#nav ul li a {
			color:#434346;
			text-decoration:none;
		}
#nav ul li a:hover {
			color:#ff5f18;
		}

/*===== Special Header Text=====*/
#sht {
	position:absolute;
	right:430px;
	top:45px;
	width: 300px;
}
#sht ul li {
	float:right;
	font-size:2.5em;
	font-family:Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	padding-left:28px;
}
#sht ul li a {
	color:#434346;
	text-decoration:none;
}
#sht ul li a:hover {
	color:#ff5f18;
}


/*===== content =====*/
#content .indent {
	padding-top:27px;
}
#content .indent1 {
	padding-bottom:5px;
}
#content .inside {
	padding:35px 25px 30px 30px;
	background-color:#fff;
}
#content .inside1 {
	padding:35px 30px 30px 0;
	background-color:#fff;
}

/*===== Sidebar (About)=====*/
#aside {
	padding:37px 30px 30px 30px;
	color:#747479;
	}
#aside .indent {
	margin-bottom:15px;
}
#aside p {
	margin-bottom:0;
}
#aside .col-1 {
	width:177px;
	margin-right:68px;
}
#aside .col-2 {
	width:180px;
	margin-right:63px;
}
#aside .col-3 {
	width:177px;
	margin-right:65px;
}
#aside .col-4 {
	width:190px;
}

/*======= index.php =======*/  
#main #sidebar { 
	background-image:url(./images/header-bg1.jpg);
}
/*======= about.php =======*/  
#about #sidebar { 
	background-image:url(./images/header-bg2.jpg);
}
/*======= service.php =======*/  
#service #sidebar { 
	background-image:url(./images/header-bg3.jpg);
}
/*======= contact.php =======*/  
#contact #sidebar { 
	background-image:url(./images/header-bg4.jpg);
}

/*----- form defaults -----*/
input, 
select, 
textarea { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	vertical-align:middle;
	font-weight:normal;
}

/*----- forms -----*/

#contacts-form .rowElem { 
	height:42px;
}
#contacts-form fieldset {
	float:left;
}
#contacts-form fieldset.field_1 {
	height:200px;
	width:45%;
}
#contacts-form fieldset.field_2 {
	height:200px;
	width:49%;
}
#contacts-form input {
	width:400px; 
	padding:2px 0 2px 3px; 
	background:#fff;
	color:#323235; 
	border:1px solid #a09b96; 
	vertical-align:top;	
	line-height:1.2em;
}
#contacts-form textarea { 
	width:450px; 
	height:100px; 
	overflow:auto;
	background:#fff;
	color:#323235; 
	border:1px solid #a09b96; 
	padding:2px 0 2px 3px;
	margin-bottom:25px; 
}

/*----- lists -----*/

.list {
	padding-bottom:32px;
}
	.list li {
		line-height:1.5em;
		border-bottom:1px solid #dbdbde;
		padding-bottom:20px;
		margin-bottom:20px;
		width:100%;
		overflow:hidden;
		vertical-align:top;
	} 
	.list li.last {
		border:0;
		padding:0;
		margin:0;
	}
	.list li strong {
		display:block;
		padding-bottom:7px;
	} 
	.list li a {
		text-decoration:none;
		display:block;
	}
	.list li a:hover {
		color:#323235;
	}

.list1 {
	width:100%;
	overflow:hidden;
	margin-bottom:-25px;
}		
	.list1 li {
		width:297px;
		float:left;
		overflow:hidden;
		vertical-align:top;
		line-height:1.5em;
		margin-right:34px;
		padding-bottom:50px;
	}
	.list1 li.alt {
		margin-right:0;
	}
		.list1 li a {
			display:block;
			float:left;
			border:1px solid #fff;
			margin-right:20px;
		}
		.list1 li a:hover {
			border:1px solid #ff6e34;
		}
	
.list2 {
	padding-bottom:10px;
	width:100%;
}	
	.list2 li {
		text-transform:uppercase;
		font-size:.92em;
		padding:0 0 12px 10px;
		overflow:hidden;
		background:url(./images/marker.gif) no-repeat left 5px;
	}

.list3 {
	margin-top:-52px;
	padding-bottom:22px;
}	
	.list3 li {
		width:100%;
		overflow:hidden;
		vertical-align:top;
		line-height:1.5em;
		padding-top:52px;
	}
		.list3 li img {
			float:left;
			margin-right:20px;
		}

/*----- other -----*/
.img-indent { 
	margin:0 0 20px 0; 
}
.img-box { 
	width:100%; 
	overflow:hidden; 
	padding-bottom:16px;
	line-height:1.5em;
}
	.img-box a.img-border,
	.img-box img {
		margin-right:20px;
		float:left;
	}
		.img-box a.img-border img {
			margin:0;
		}

.icon-box {
	text-align:center;
}
	.icon-box p {
		text-align:left;
		color:#fff;
		padding-top:22px;
		margin-bottom:25px;
	}
	
.img-border {
	display:block;
	float:left;
	border:1px solid #fff;
}
.img-border:hover {
	border:1px solid #ff6e34;
}

.extra-wrap { 
	overflow:hidden;
}

p {
	margin-bottom:20px;
	line-height:1.5em;
}

dl {
	line-height:1.5em;
}
	dl dt {
		font-size:1.17em;
		text-transform:uppercase;
		font-weight:bold;
		padding-bottom:10px;
	}
	dl dd {
		padding-bottom:20px;
	}
	dl dd.last {
		padding-bottom:0;
	}
	
.address span {
	float:right;

}
p.address {
	margin:0;
}
	.address dt {
		font-size:1em;
		text-transform:none;
		padding-bottom:7px;
	}
	.address dd { 
		clear:both;
		text-align:right;
		padding-bottom:25px;
	}
		.address dd span { 
			float:left;
		}
		.address a {
			font-size:.92em;
			text-transform:uppercase;
		}



/*----- txt, links, lines, titles -----*/
a {
	color:#ff3600; 
	outline:none;
}
a:hover {
	text-decoration:none;
}

h1 {
	position:absolute;
	left:20px;
	top:31px;
	text-indent:-9999px;
}
	h1 a {
		width:296px;
		height:110px;
		float:left;
		background:url(./images/logo.png) no-repeat left top;
	}
h2 {
	color:#323235;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:2em;
	line-height:1.2em;
	text-transform:uppercase;
	font-weight:normal;
	margin-bottom:40px;
}
h3 {
	font-size:1.667em;
	color:#fff;
	text-transform:uppercase;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.2em;
	margin-bottom:20px;
}
h4 {
	font-size:1.17em;
	text-transform:uppercase;
	margin-bottom:10px;
	color:#323235;
}
h5 {
	font-size:1em;
	line-height:1.5em;
	margin-bottom:8px;
}

.link1 { 
	display:inline-block;
	position:relative;
	background:url(./images/link1-right.png) no-repeat right top;  
	color:#fff;
	line-height:1.5em; 
	text-decoration:none;
	text-transform:uppercase;
	cursor:pointer;
}
.link1:hover {
	color:#000;
}
	.link1 span {
		padding:0 6px;
		float:left;
		background:url(./images/link1-left.png) no-repeat left top;
	}
	.link1 span span { 
		background:url(./images/link1-bgd.png) left top repeat-x;
		padding:8px 16px 12px 16px; 
	}
	
.link2 {
	text-transform:uppercase;
	font-size:.92em;
}
	

.line-ver1 { 
	background-image:url(./images/line-ver.gif); 
	background-repeat:repeat-y;
	background-position:199px 0;
	width:100%;
}
.line-ver2 { 
	background-image:url(./images/line-ver.gif); 
	background-repeat:repeat-y;
	background-position:429px 0;
}
.line-ver3 { 
	background-image:url(./images/line-bg.gif); 
	background-repeat:repeat-y;
	background-position:215px 0;
	width:100%;
}
.line-ver4 { 
	background-image:url(./images/line-bg.gif); 
	background-repeat:repeat-y;
	background-position:460px 0;
}
.line-ver5 { 
	background-image:url(./images/line-bg.gif); 
	background-repeat:repeat-y;
	background-position:705px 0;
}

/*==================boxes====================*/
.box {
	background-color:#fdfdfd;
	width:100%;
}
	.box .left-bot-corner1 {
		background:url(./images/left-bot-corner.gif) no-repeat left bottom;
		min-height:525px;
		height:auto!important;
		height:525px;
	}
	.box .right-bot-corner {
		background:url(./images/right-bot-corner.gif) no-repeat right bottom;
	}
	
.box1 { 
	background:#fff; 
	width:100%;
}
	.box1 .border-top { 
		background:url(./images/border-top.gif) repeat-x left top;
	}
	.box1 .border-bot { 
		background:url(./images/line-bg.gif) repeat-x left bottom;
		width:100%;
	}
	.box1 .right-top-corner { 
		background:url(./images/right-top-corner.gif) no-repeat right top;
	}
	.box1 .border-top .inner { 
		padding:60px 38px 14px 27px;
	}
	.box1 .inner { 
		padding:35px 38px 14px 27px;
		}
	.box1 .inside {
		padding:0 2px !important;
	}

.box2 {
	background:#f1f1f1;
	width:100%;
}
	.box2 .border-left {
		background:url(./images/border-left.gif) repeat-y left top;
	}
	.box2 .border-bot {
		background:url(./images/border-bot.gif) repeat-x left bottom;
	}
	.box2 .left-bot-corner {
		background:url(./images/left-bot-corner1.gif) no-repeat left bottom;
		width:100%;
	}
	.box2 .inner {
		height:550px;
		padding:35px 29px 30px 30px;
	}
	.box2 .border-left2 {
		background:url(./images/border-bot.gif) repeat-x left bottom;
	}
	.box2 .left-bot-corner2 {
		background:url(./images/border-bot.gif) repeat-x left bottom;
		width:100%;
	}
	.box2 .inner2 {
		line-height: 16px;
		height:220px;
		padding:35px 29px 30px 30px;
	}
	
.box3 { 
	width:100%;
	background:url(./images/box3-tail.jpg);
}
	.box3 .border-top { 
		background:url(./images/border-top1.jpg) repeat-x left top;
	}
	.box3 .border-bot { 
		background:url(./images/border-bot1.jpg) repeat-x left bottom;
	}
	.box3 .left-bot-corner {	
		background:url(./images/left-bot-corner2.jpg) no-repeat left bottom;
		min-height:401px;
		height:auto !important;
		height:401px;
	}
	.box3 .inner { 
		padding:45px 30px 38px 31px;
	}