/* Main CSS Start */

* {

	padding: 0;

	margin: 0;

}

body {

	background: url(../images/body_bg.gif) repeat-x top #fff;

	font-family: Arial;

	color: #000;

}

#wrapper {

	width: 1000px;

	margin: 0 auto;

}

#content {

	padding: 0 50px 0 41px;

}

a {

	outline: none;

}

.clear {

	clear: both;

	font-size: 0;

	line-height: 0;

}

/* Main CSS End */





/* Header CSS Start */

#header {

	height: 198px;

	background: url(../images/header_bg.gif) no-repeat;

	padding: 0 51px 0 0;

}

#header h1 {

	float: left;

	padding: 40px 0 0 16px;

}

#header h1 a {

	display: block;

	width: 352px;

	height: 97px;

	background: url(../images/logo.gif) no-repeat;

	text-indent: -9000px;

}

#header h2 {

	width: 400px;

	float: left;

	color: #018064;

	font-family: "Myriad Pro", Arial;

	font-size: 16px;

	padding: 24px 0 0 34px;

}

.header_right {

	width: 290px;

	float: right;

	text-align: right;

}

.upper_links {

	font-size: 11px;

	padding-top: 22px;

}

.upper_links a {

	color: #000;

	text-decoration: none;

}

.upper_links a:hover {

	text-decoration: underline;

}

.upper_links span {

	margin: 0 10px;

}

.email_tel {

	font-family: "Myriad Pro", Arial;

	font-size: 17px;

	font-weight: bold;

	margin-top: 119px;

}

.email_tel span {

	color: #b39dcc;

}

.email_tel a {

	color: #b39dcc;

	text-decoration: none;

}

.email_tel a:hover {

	text-decoration: underline;

}

/* Header CSS End */





/* Navigation CSS Start */

#nav {

	height: 70px;

	background: url(../images/nav_bg.gif) no-repeat;

}

#nav ul {

	list-style: none;

	float: left;

	padding-left: 65px;

	width: 675px;

		background: url(../images/sprtr.gif) no-repeat ;

		background-position: 63px 16px;

}

#nav ul li {

	float: left;

	background: url(../images/pointer.gif) no-repeat center 43px;

	height: 70px;

}

#nav ul li a {

	color: #000;

	font-size: 13px;

	text-decoration: none;

	display: block;

	display: inline-block;

	height: 70px;

	padding-left: 20px;

	cursor: pointer;

	background: url(../images/sprtr.gif) no-repeat right 16px;

}

#nav ul li a span {

	display: block;

	display: inline-block;

	height: 46px;

	padding-right: 20px;

	padding-top: 24px;

}

#nav ul li a:hover, #nav ul li a.active {

	background: url(../images/nav_left.gif) no-repeat left top;

}

#nav ul li a:hover span, #nav ul li a.active span {

	background: url(../images/nav_right.gif) no-repeat right top;

}

#search {

	width: 196px;

	height: 28px;

	background: url(../images/search_bg.gif) no-repeat left;

	float: right;

	margin: 19px 0 0 0;

	padding-right: 60px;

}

#search input.go_btn {

	width: 30px;

	height: 28px;

	background: url(../images/go.gif) no-repeat;

	float: right;

	border: 0;

	cursor: pointer;

	font-size: 0;

}

#search input.search_field {

	width: 134px;

	float: left;

	border: 0;

	padding: 2px;

	margin: 4px 0 0 25px;

}

/* Navigation CSS End */





/* Left Column CSS Start */

#left_col {

	background: url(../images/left_col_shadow.gif) no-repeat right;

	width: 236px;

	float: left;

	padding-bottom: 35px;

}

#left_col ul {

	list-style: none;

	margin-left: 6px;

	margin-bottom: 15px;

	margin-top: 30px;

}

#left_col ul li {

	padding-bottom: 7px;

	margin-bottom: 8px;

	background: url(../images/doted_sprtr.gif) no-repeat bottom;

}

#left_col ul li.end_link {

	background: none;

}

#left_col ul li a {

	background: url(../images/snail_bullet.gif) no-repeat left top;

	padding-left: 25px;

	display: block;

	text-decoration: none;

	color: #000;

	font-size: 13px;

	line-height: 18px;

}

#left_col ul li a:hover {

	text-decoration: underline;

}

.workshop {

	width: 225px;

	background: url(../images/workshop_middle.jpg) repeat-y;

}

.workshop h2, .social-links h2 {

	font-size: 18px;

	padding: 5px 0 105px 18px;

}

.workshop p {

	font-size: 11px;

	padding: 0 0 5px 12px;

}

.workshop p a {

	color: #6c168c;

}

.workshop p a:hover {

	text-decoration: none;

}

.inner_workshop {

	background: url(../images/workshop_top.jpg) no-repeat top;

}

.workshop_bottom {

	height: 15px;

	width: 225px;

	background: url(../images/workshop_bottom.gif) no-repeat;

	display: block;

	font-size: 0;

	line-height: 0;

}


.social-links
{
margin-left: 40px;
}

.social-links h3 
	{
	font-size: 18px;
	margin-bottom: 10px;
	}

.facebook
{
width: 64px;
height: 64px;
float:left;
background: url(../images/facebook.png) no-repeat;
text-indent: -1000px;
overflow: hidden;
margin-right: 15px;
}

.youtube
{
width: 64px;
height: 64px;
float:left;
background: url(../images/youtube.png) no-repeat;
text-indent: -1000px;
overflow: hidden;
}

.facebook:hover
{

position:relative;
top: 1px;
}

.youtube:hover
{

position:relative;
top: 1px;
}


/* Left Column CSS End */





/* Right Column CSS Start */

#right_col {

	font-size: 13px;

	width: 640px;

	float: right;

	padding-top: 20px;

margin-bottom: 20px;

}



#right_col #imagebox {

float: right;

margin: 0 0 20px 20px;

}



#right_col #imagebox img {



margin-bottom: 15px;

padding: 5px;

border: 1px solid #ccc;

}



#right_col h2 {

	font-size: 18px;

	padding: 5px 0 12px 0;

	border-bottom: #dad0fd 1px solid;

	margin-bottom: 13px;

}





#right_col h4 {

margin: 10px 0;

}



#right_col li {

margin-left: 50px;

}


#right_col img{

margin:10px 20px 10px 20px;

}


#right_col p, #right_col ol, #right_col ul{

	font-size: 13px;

	margin-bottom: 20px;

	line-height: 18px;

	padding-top: 5px;

}

.img_right {

	float: right;

}

/* Right Column CSS End */





/* Footer CSS Start */

#footer {

min-height: 100px;

	background: url(../images/footer_bg.gif) repeat-x top;

	color: #fff;

	font-size: 13px;

}

#footer a {

	color: #fff;

	text-decoration: none;

}

#footer a:hover {

	text-decoration: underline;

}

.inner_footer {

	width: 897px;

	margin: 0 auto;

}

.footer_left {

	width: 550px;

	float: left;

	display: block;

	padding-top: 21px;

}

.footer_left span {

	margin: 0 3px;

}

.footer_right {

	width: 240px;

	float: right;

	display: block;

	padding-top: 21px;

	text-align: right;

	padding-right: 10px;

}

/* Footer CSS End */









/********************************

*           Forms etc            *

********************************/





.fieldset {

  		width:100%;

		padding-bottom: 30px;

  		}



.fieldset label {

		text-align:right;

		width:200px;

		float:left;

		padding:0.2em;

		margin:0;

		margin-top:0.1em;

		}



.fieldset .nobr {display:none;}  



.fieldset .textfield {

		margin:3px;

		height:12px;

		width:150px;

		font-size: smaller;

		}



.fieldset .textarea {

		margin:3px;

		height:150px;

		width:180px;

		font-size: smaller;

		}



legend {

		color: #000; 

		margin: 0px; 

		padding: 0px; 

		font-weight:bold;

		font-size: 100%;

		}