/*

For Exmac-International
*/
* {
	margin:0;
	padding:0;
	}
	
a { outline:none; }
a img { border:0; outline:0; }
.clear { width:100%; clear:both; height:0; overflow:hidden;}


body {
	background-image:url(images/back.png);
	background-repeat:no-repeat;
	background-position:top;
	font-family:Arial, Helvetica, sans-serif;
	color:#023F88;
	font-size:12px;
	background-color:#E5F3FC;
}


p, ol, ul {
	line-height: 1.67em;
}

a {
	color: #3F5B7F;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}
a:link {
	color:#3F5B7F;
}

a:hover {
	text-decoration: none;
	color:#ffffff;
}

hr {
	display: none;
}

.style4 {
	font-size: 12px;
	color: #666;
	font-weight: bold;
}
.style115 {color: #023F88;
	font-size:12px;
	background: #ffffff;
	text-align: right;
}

.style13 {font-size: 10px;
	color:#ccc;
}
.style11 {font-size: 12px;
	color: #C09C14;
	font-weight: bold;
	text-align: right;
}	
.style12 {color: #023F88; 
	font-size:12px;
	background: #ffffff;
	text-align: right;
}

.month {color: #023F88;
	font-size:12px;
}

.course{color: #023F88; 
	font-size:14px;
	font-weight: bold; 
	background: #ffffff;
	text-align: right;
}	
.style4 {
	font-size: 12px;
	color:#023F88;;
	font-weight: bold;
	text-align: right;
}



/* Header */



#wrapper {
	width:1019px;
	height:auto;
	margin:auto;
	background-position:center;
	}
	

#header {
	width:1019px;
	height:auto;
	float:left;
	margin: 0px auto;
	}

/* slideshow
----------------------------*/


#gallery {
	width:999px;
	height:277px;
	position:relative;
	border:10px solid #ffffff;
	overflow:hidden;
	z-index:-1;
	}

#gallery a {
	float:left;
	position:absolute;
	}
#gallery a img {
	border:none;
	}
#gallery a.show {
	z-index:1;
	}
#gallery .caption {
	z-index:2; 
	background-color:#000; 
	color:#ffffff; 
	height:50px; 
	width:100%;
	font-size:14px;
	font-weight:bold;
	position:absolute;
	bottom:0;
	}
#gallery .caption .content {
	margin:5px
	}
	
#gallery .caption .content h3 {
	margin:0;
	padding:10px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	}


/* end of slideshow
----------------------------*/

#logo {
	float:left;
	margin:0px;
	}
#exmac {
	float:left;
	
}
#navbar {
	width:auto;
	height:auto;
	float:right;
	padding-top:105px;
	padding-right:10px;
	}
#navbar span {
	width:20px;
	height:45px;
	float:right;
	background-image:url(images/menu_bg_small.png);
	background-repeat:no-repeat;
	}
	

ul.dropdown li.active a {
	color:#C09C14;
	background-image:url(images/navbar_arrow.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	}	
	
ul.dropdown li.separator {
	width:1px;
	height:23px;
	float:left;
	padding:0 12px;
	margin-top:15px;
	background-image:url(images/navbar_separator.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}
ul.dropdown li.separator.hover,
ul.dropdown li.separator:hover {
	background-image:url(images/navbar_separator.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	}


/* 

	LEVEL ONE
*/
ul.dropdown { 	
	width:auto;
	height:45px;
	float:right;
	list-style:none;
	padding-left:20px;
	background-image:url(images/navbar_bg_large.png);
	background-repeat:no-repeat;
	background-position:left top; 
	
	}
ul.dropdown li  { 	
	width:auto;
	float:left;
	height:auto;
	color:#C09C14;
 	}
ul.dropdown a:hover	{ 	
	color:#ff3600;
	background-image:url(images/navbar_arrow.jpg);
	background-repeat:no-repeat;
	background-position:center bottom; 
	}
ul.dropdown a:active { 	
	color:#C09C14;
	background-image:url(images/navbar_arrow.jpg);
	background-repeat:no-repeat;
	background-position:center bottom; 
	}
ul.dropdown li a { 
	display: block; 
	height:26px;
	font-size:12px;
	color:#C09C14;
	padding-top:19px;
	text-decoration:none; 
	}
ul.dropdown li:last-child a { 
	border-right: none; 
	} /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover { 
	color:#ff0000; 	
	background-image:url(images/navbar_arrow.jpg);
	background-repeat:no-repeat; 
	background-position:center bottom;   
	position: relative; 
	}
ul.dropdown li.hover a { 
	color:#fff; 
	background:none; 
	}

/* 
	LEVEL TWO
*/
ul.dropdown ul 		{ 
	width: 220px; 
	visibility: hidden; 
	position: absolute; 
	top: 100%; 
	left: 0; 
	z-index:999; 
	list-style:none;
	background-color:#000;
	background-image:none;
	}
ul.dropdown ul li { 
	font-weight: normal; 
	color: #C09C14; 									 
	border-bottom: 1px solid #525357; 
	float: none;
  	z-index:999;
	display:inline-block;
 	background-image:none;
	}  /* IE 6 & 7 Needs Inline Block */
	 
ul.dropdown ul li a	{ 
	border-right: none; 
	width: 210px;
	height:auto;
	display: inline-block; 
	 padding:6px 0 6px 10px; 
	float:left;
	} 
ul.dropdown ul li a:hover { 
	color:#ff3600; 
	background-color:#fff;
	background-image:none;
	}
ul.dropdown ul li.hover,
ul.dropdown ul li:hover { 
	color:#ff3600; 
	background-color:#ffffff;
	background-image:none;
	}
/* Page */

#page {
	width: 1019px;
	margin: 0px auto;
	padding: 0;
}
#latest{
	margin-top:10px;
	background-image:url(images/latest-icon.png);
	background-repeat:no-repeat;
	width:504px;
	height:119px;
	border: 1px solid #C2CEDE;
	float:left;
}
#cert{
	float:left;
	width:400px;
	height:144px;
	padding:10px 20px 10px 20px;
}
/* Content */

#content {
	float: right;
	width: 750px;
	margin-bottom: 50px;
	text-align: left;
}

/* Post */

.post {
	margin-top: 20px;
}

.post .date {
	float: right;
	width: 80px;
	height: 85px;
	margin: 0;
	margin-left: 20px;
	padding-top: 2px;
	background: url(images/img-calendar.png);
	background-repeat:no-repeat;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .icon {
	float: right;
	width: 80px;
	height: 85px;
	margin: 0;
	margin-left: 20px;
	padding-top: 2px;
	background: url(images/img-icons.png);
	background-repeat:no-repeat;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .city {
	float: right;
	width: 80px;
	height: 85px;
	margin: 0;
	margin-left: 20px;
	padding-top: 2px;
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
}

.post .date b {
	margin: 0;
	padding: 0;
	display: block;
	margin-top: -5px;
	font-size: 40px;
}

.post .title {
	margin: 0;
	padding: 0px 0 0 0;
	margin-left: 10px;
	padding-left:0px;
	font-size: 1.8em;
}

.post .title h2 {
	padding: 0;
	margin: 0;
}

.post .hr1 {
}

.post .meta {
	margin: 0 0 30px 20px;
	text-align: right;
	padding: 0;
	color: #023F88;
	line-height:normal;
}

.post .meta a {
	color: #828170;
}

.post .entry {
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #666633;
}
#sidebar {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	text-align: left;
}

#intro_left {
	clear: left;
	float: left;
	width: 240px;
	background: #013F88 url(images/leftintrobg.gif) repeat-x;
	color: #C09C14;
	margin: 0 0 1px 0;
}
	#intro_left a { color: #C09C14; background: inherit; }
	#intro_left p { padding: 14px 15px; margin: 0; }


	/* LEFT VERTICAL MENU */
	
	#menu_left { 
		float: left;  
		margin: 0 0 2px 0; 
		padding: 0 0 1px 0; 
		border-bottom: 2px solid #e2e2e2; 
		font-size:12px;
	
	}
		#menu_left li { list-style: none;}
		#menu_left li a { 
			display: block; 
			color: #3F5B7F; 
			background: #C2CEDE url(images/arrow.gif) no-repeat center left; 
			width: 217px; 
			padding: 7px 0px 7px 23px; 
			margin: 0 0 1px 0; 
			font-weight: bold; 
			text-decoration: none; 
		}	
		#menu_left li a:hover { background: #9EB1C9 url(images/arrow.gif) no-repeat center left; color: #fff;  }


/* Calendar */

#calendar_wrap {
	border-top: 1px dashed #666633;
	
}


#calendar table {
	width: 100%;
	border: 1px solid #E8E8E8;
	font-family: Arial, Helvetica, sans-serif;
}


#calendar tbody td {
	border: 1px solid #C2CEDE;
	text-align: center;
	font-size:12px;
}

#today {
	font-weight: bold;
	background-color:#C2CEDE;
}

/* map page */

#city {
	float:left;
	width:100%;
	border: 1px solid #E8E8E8;
}
/* photo page
------------------------------------*/

#gallery_content {
	width:650px;
	height:auto;
	float:right;
	}

#gallery_content h1 img {
	display:inline;
	margin-left:5px;
	vertical-align:bottom;
	}
	
#gallery_content div#gallery2  {
		width: 650px;
		height:autopx;
		float:left;
		padding-bottom:30px;
	}
#gallery_content div#gallery2  ul { list-style: none; }
#gallery_content div#gallery2 ul li { display: inline; padding:5px; float:left; }
#gallery_content div#gallery2 ul img {
		border: 5px solid #fff;
		height:85px;
		width:120px;
	}
#gallery_content div#gallery2 ul a:hover img {
		border: 5px solid #C9A513;
		color: #fff;
	}
#gallery_content div#gallery2 ul a:hover { color: #fff; }



/* Footer */

#wrapper2 {
	background-image: url(images/back-footer.png);
	background-repeat:repeat-x;
	background-color: #013F88;
}

#footer {
	width: 1019px;
	height:200px;
	margin: 0 auto;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #FFFFFF;
}

#footer a {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: 11px;
	color: #FFFFFF;
}

.box {
  width:330px;
  height:185px;
  float:left;
}
.box h2 {
  font:bold 20px Verdana, Geneva, sans-serif;
  color:#0f83bc;
  text-transform:uppercase;
  margin:35px 0 0 160px;
}
.box p {
  font:normal 12px/18px Verdana, Geneva, sans-serif;
  color:#0c3b4a;
  margin:0 30px 0 160px;
}
.client {
	background:url(images/box1.png) no-repeat 0 0;
}
.work {
	background:url(images/box2.png) no-repeat 0 0;
}
.book {
	background:url(images/box3.png) no-repeat 0 0;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer li {
	display: block;
	float: left;
	width: 300px;
	padding-left: 20px;
}

#footer li.first {
	padding-left: 0;
}

#footer li ul {
	margin: 0;
	margin-bottom: 30px;
}

#footer li li {
	display: list-item;
	float: none;
	margin: 0;
	padding: 2px 0;
	border-bottom: 1px solid #573D30;
}

#footer li li a {
}

#footer h2 {
	margin-top: 0;
	color:#C09C14;
}

#legal {
	clear: both;
	margin: 0;
	padding: 10px 0;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #525252;
	background: black;
}

#legal a {
	border-bottom: 1px dotted #939393;
	text-decoration: none;
	color: #939393;
}