body{
	background-color:				#ffffff;
	margin:							0;
	padding:						0;
}
body,td,th {
	font-family: 					Arial, Helvetica, sans-serif;
	font-size:						100%;
	color: 							#474647;
}
p{
	font-size:						0.59375em;
}
a:link, a:visited, a:hover, a:active {
	color:							#028ba3;
	text-decoration:		none;
	border:							none;
	outline:						none;
}
img{
	border:							none;
	outline:						none;
}
h1{	color:							#222222; font:bold 1.5em Arial, sans-serif; text-transform:uppercase; margin: 40px 0px 0px 15px; display:block;}
h2{	color:							#7d0a40; font:bold 1em Arial, sans-serif;}
h3{	color:							#ffffff; font:bold 0.8125em Arial, sans-serif;}
h4{	color:							#028ba3; font:bold 0.59375em Arial, sans-serif; margin:0; padding:5px 0px 0px 0px;}
h5{	color:							#ffffff; font:bold 0.5625em Arial, sans-serif; margin:0; padding:5px 0px 0px 0px;}

.floatleft{
	float:							left;
	padding-right:					18px;
}
.up-arrow{
	width:							20px;
	height:							20px;
	background:						url(../images/icon-homearrow.jpg) no-repeat;
	position:						absolute;
	right:							10px;
	bottom:							10px;
	display:						inline-block;
}

#wrapper{
	margin:							0 auto;
	width:							800px;
	background:						url(../images/bg-content.jpg) repeat-y;
}
#main{
	margin:							0 auto;
	padding:						0;
	width:							750px;
	background-color:				#ebeac6;
}

/*------------------ HEADER SECTION ----------------------*/

#header{
	width:							750px;
	margin:							0;
	padding:						0;
	position:						relative;
}
#contact{
	width:							730px;
	height:							20px;
	background-color:				#d7d7d7;
	padding-left:					20px;
	float:							left;
}
#contact-form{
	width:							140px;
	height:							100px;
	color:							#7d0a40;
	font:							bold 0.59375em Arial, sans-serif;
	background:						url(../images/bg-contactform.png) no-repeat;
	position:						absolute;
	top:							0px;
	right:							10px;
}
#nav{
	width:							750px;
	height:							50px;
	background-color:				#282423;
}
#nav ul{
	list-style-type:				none;
	margin:							0;
	padding:						0px 0px 0px 20px;
}
#nav ul li{
	color:							#ffffff;
	float:							left;
	padding:						5px 0px 0px 0px;
}
#nav ul li a{						color:#ffffff; font:bold 0.9em Arial, sans-serif;}
#nav ul li a:hover{					color:#3993A9;}

/*------------------ MAIN CONTENT SECTION ----------------------*/

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:740px;
		height:290px;
		overflow:hidden; 
		}	


#content{
	width:							740px;
	margin:							0;
	padding:						5px;
}
#feature{
	width:							740px;
	margin:							0px 0px 5px 0px;
}
#feature ul#work{
	width:							740px;
	list-style-type:				none;
	margin:							0;
	padding:						0;
}
ul#work li{
	margin-bottom:					20px;
	background-color:				#ffffff;
	display:						inline-block;
	position:						relative;
}
.work-image{
	width:							488px;
	margin-right:					17px;
	float:							left;
}
#work .work-desc{
	width:							200px;
	padding-right: 					35px;
	float:							left;
}
#feature ul#work .description-list{
	margin:0;
	padding:0;
}
#feature ul#work .description-list li{
	font-size:						0.6em;
	list-style-type:				none;
	margin:							10px 0px;
	padding:						0;
	display:						block;
	border:							none;
}
#cols{
	width:							740px;
	margin:							0;
	padding:						0;
}
#col1, #col2, #col3{
	background:						url(../images/bg-colhead.jpg) no-repeat; 
	width:							236px;
}
#col1{
	margin:							0px 16px 20px 0px;
	background-position:			0px 0px;
	left:							0;
	float:							left;
}
#col2{
	margin:							0px 16px 20px 0px;
	background-position:			-236px 0px;
	left:							236px;
	float:							left;
}
#col3{
	margin:							0px 0px 20px 0px;
	background-position:			-471px 0px;
	left:							471px;
	float:							left;
}
.collabel{
	width:							236px;
	height:							36px;
	margin:							14px 0px 0px 0px;
	padding:						10px 0px 0px 10px;
	background:						url(../images/bg-collabel.jpg) no-repeat;
	color:							#fff;
}
.colheading{
	margin-top:						0px;
	padding-top:80px;
}
.colheading a{
	color:							#222222;
}
#col1 ul, #col2 ul, #col3 ul{
	background-color:				#282423;
	margin-top:						-10px;
	padding:						5px;
	list-style-type:				none;
	color:							#7d0a40;
}
#col1 li, #col2 li, #col3 li{
	background-color:				#1e1c1d;
	height:							40px;
	margin:							0px 0px 5px 0px;
	padding:						5px;
	font-size:						0.5em;
	line-height:					1.6;
}
#col1 li a, #col2 li a, #col3 li a{
	margin:							0px 0px 0px -8px;
	padding:						0px 0px 0px 8px;
	color:							#7c7a7b;
	text-decoration:				none;
	display:						block;
}
#col1 li a:hover, #col2 li a:hover, #col3 li a:hover{
	color:							#ffffff;
}
#col1 li a:active, #col2 li a:active, #col3 li a:active{
	position:						relative;
	top: 							1px;
}
#col1 li:hover, #col2 li:hover, #col3 li:hover{
	background-color:				#1a1819;
}
#col1 li img, #col2 li img, #col3 li img{
	background:						url(../images/bg-bullet.png) no-repeat right 5px;
	display:						block;
	border:							none;
}


/*------------------- SUB SECTION -----------------------------*/
#section-title{
	width:							740px;
	height:							70px;
	margin:							0px 0px 10px 0px;
	padding: 						10px 0px 0px 0px;
	background:						url(../images/bg-sectiontitle.jpg) no-repeat;
}
#section-subtitle{
	margin:							-10px 0px 10px 0px;
	width:							740px;
	height:							30px;
	padding:						0;
	padding-top:					10px;
	background-color:				#282423;
	color:							#ffffff;
	
}
#section-subtitle ul{
	list-style:						none;
	margin:							0;
	padding:						0px 0px 0px 10px;
}
#section-subtitle ul li{
	float:							left;
	padding-right:					10px;
}
#section-subtitle li a{
	color:							#dddddd;
	font-size:						0.9em;
}
#section-subtitle li a:hover{
	color:							#fff;
}
#section-subtitle li a:active{
	color:							#7d0a40;
}

/*------------------ FOOTER SECTION ----------------------*/

#footer{
	clear:							left;
	width:							740px;
	height:							30px;
	padding:						5px 0px 0px 10px;
	background-color:				#808080;
}
#social-media{
	margin:							0px 5px 0px 0px;
	float:							right;
}
