body
{
	background:url(../images/main-bg.jpg) repeat scroll;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}
a, ol, ul, li
{
	text-decoration:none;
	list-style:none;
}

#wrapper
{
	width:940px;
	margin:0px auto;
}

#header
{
	height:550px;
	width:100%;
	background:url(../images/top-head.jpg) repeat-x;
}
#header-2
{
	height:150px;
	width:100%;
	background:url(../images/top-head-2.jpg) repeat-x;
}
#header .logo, #header-2 .logo
{
	width:300px;
	height:90px;
	float:left;
}

.logo span
{
	display:block;
	font-size:.7em;
  	text-align:right !important;
  	color:#333;
  	margin-top:-.5em;
}






/*
	SLOGAN
*/
#slogan
{
	height:100px;
	width:100%;
	float:left;
	border-bottom:1px dotted #222;
	padding:0px 0px 0px 0px;
	margin:20px 0px 20px 0px;
}
#slogan .slogantext
{
	width:600px;
	float:left;
	padding:10px 10px 10px 0px;
	border-right: 1px dotted #222;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	margin:0px 20px 0px 0px;
}
#slogan .inline
{
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:18px;
	
}
#slogan .contact
{
	width:300px;
	float:left;
}

#slogan .call
{
	background:url(../images/phone-icon.png) no-repeat;
	padding:0px 0px 0px 20px;
	font-size:24px;
	height:40px;
}
#slogan .social
{
	font-size:18px;
}


/*
 	TITLES
*/
.col-title
{
	font-size:24px;
	color:#000066;
	display:block;
	text-transform:uppercase;
	font-weight:bold;
	width:100%;
	float:left;
	border-bottom:1px solid #999;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}
.col-title span
{
	font-size:14px;
	text-transform:lowercase;
	color:#888;
	font-weight:normal;
	width:100%;
	float:left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing:1px;
}

.inline
{
	font-size:inherit;
	padding:0px;
	margin:0px;
	font:inherit;
	text-transform:inherit;
	color:inherit;
	display:inline;
}

/*
	CONTENT
*/
#content
{
	width:100%;
	margin:20px auto;
	float:left;
	min-height:400px;
}

/*
	HOME PAGE
*/
#content-1
{
	width:100%;
	margin:20px 0px 20px 0px;
	float:left;
}
#col-30
{
	width:300px;
	margin:0px 20px 0px 0px;
	float:left;
	font-size:16px !important;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}
#col-30 ul
{
	float:left;
	margin:0px;
	padding:0px;
	width:100%;	
}
#col-30 li
{
	border-bottom:1px dotted #666;
	margin:2px 0px 2px 0px;
	width:100%;
}

#left-col
{
	width:620px;
	margin:20px 20px 0px 0px;
	float:left;
}
#left-col p
{
	width:100%;
	float:left;
	display:block;
}
	
#left-col ul /*, #right-col ul*/
{
	margin:0px 0px 20px 0px;
	float:left;
	width:400px;
	display:block;
}
#left-col li /*, #right-col li*/
{
	border-bottom:1px solid #999;
	background:url(../images/tick.png) no-repeat left;
	padding:0px 0px 0px 20px;
	margin:2px 0px 2px 0px;
	text-shadow:1px 1px 1px #888;
	width:100%;
	display:block;
	float:left;
}

/*
	RIGHT COL
*/
#right-col
{
	width:300px;
	float:left;
	margin:20px 0px 0px 0px;
}





/*
	FOOTER
*/
#footer
{
	width:100%;
	height:200px;
	background:url(../images/footer.jpg) repeat-x;
	float:left;
}
#footer .f-col-300
{
	width:300px;
	float:left;
	margin:0px 20px 0px 0px;
}	
#footer .f-col-300 ul li
{
	border-bottom:1px solid #666;
	margin:4px 0px 4px 10px;
}	
#footer .f-col-300 ul li a
{
	color:#222;
}	
#footer .f-col-300 ul li a:hover
{
	color:#fff;
	text-shadow:1px 1px 1px #000;
}
#footer a
{
	color:#f2f2f2;
}	
#footer a:hover
{
	color:#222;
}	
.title-1
{
	font-size:18px;
	font-weight:bold;
	margin:10px 0px;
}

#footer a.copy
{
	color:#222;
	text-decoration:none;
}
#footer a.copy:hover
{
	color:#fff;
}


/*
	EXTRA
*/
a.more
{
	background:#006;
	padding:2px 4px 2px 4px;
	text-decoration:none;
	color:#fff;
	float:right;
	margin:20px 5px 10px 0px;
	display:block;
}
a.more:hover
{
	background:#999;
	color:#006;
}
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 15px 10px #777;
  -moz-box-shadow: 0 15px 10px #777;
  box-shadow: 0 15px 10px #777;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.effect2:after
{
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}