@charset "utf-8";
/* CSS Document */


/* General Styles*/
body {
	margin: 0;
	padding: 0;
	text-align: center;
}
#wrapper {
	margin: 0 auto;
	width: 780px;
	text-align: left;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
p {
	font-size: 0.7em;
	font-family: verdana, tahoma, arial, helvetica;
}
a {
	text-decoration:none;
}
h1 {
	text-align:center;
	font-family: verdana, tahoma, arial, helvetica;
	font-size:1.2em;
	font-weight:bolder;
	letter-spacing:1pt;
	color:#FEAD52;
}
h2 {
	font-family: verdana, tahoma, arial, helvetica;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:1pt;
}
h4 {
	margin-top: 0;
	text-align:center;
}
h5 {
	font-family: verdana, tahoma, arial, helvetica;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:1pt;
}
/* End of General Styles*/

/* Style for Nav Bar begins*/
ul.nav {
	margin-left: 0;
	text-align: center;
	list-style-type: none;
	padding-left: 0;
	padding-top: 6px;
	border-bottom: 25px solid #677896;
	float:right;
	width: 100%;
	margin-bottom:20px;
}
ul.nav li {
	float: left;
	width: 6em;
	font-size: 0.8em;
	height: 28px;
}
ul.nav a {
	width: 5em;
	display: block;
	padding: 5px;
	margin-right: 10px;
	background-image:url(images/tab2.gif);
	color: #0F1C31;
	text-align: center;
}
#thispage {
	background-image:url(images/tab.gif) ;
	color:#0F1C31;
	border: none;
	border-bottom: 1px solid #677896;
}
/* Style for Nav Bar ends*/


	
/* Style for info box on home page*/
#info {
	float: left;
	display: inline;
	width: 400px;
	margin-top: 30px;
	margin-left: 20px;
	display: inline;
}

#info h2 {
	font: verdana;
	font-size: 0.9em;
}

#info p {
	font-size: 0.7em;
	font-family: verdana, tahoma, arial, helvetica;
	text-align: justify;
}
	
/* End of style for info box on first page */

/* Style for Side box on home page */
#sidebox {
	float: right;
	display: inline;
	width: 300px;
	margin-top: 30px;
	margin-right: 20px;
}
/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} 
/* For IE 5 PC */
.boxhead {
	background-image:url(images/roundedcornr_629702.gif);
	margin: 0;
	padding: 0;
	text-align: center;
	height: 40px;
}
.boxhead h3 {
	margin: 0;
	padding: 10px 30px 10px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: #9BADCB;
	margin: 0;
	padding: 5px 20px 31px 20px;
	font-size: 0.9em;
	font-family: verdana, tahoma, arial, helvetica;
}
.area {
	width: 250px;
	margin: 20px 0 0 0;
	font-size: 1em;
	font-family: verdana, tahoma, arial, helvetica;
	text-align: justify;
	padding: 20px;
}
/* End of style for side box on home page */

/* Image of globe on home page */
img.world {
	clear: both;
	float: left;
	margin-top: 30px;
	margin-left: 90px;
	display: inline;
}
/* text area on right of globe image */
#assessment {
	float: right;
	display:inline;
	width: 300px;
	margin: 40px 40px 0 0;
	padding: 5px 10px 5px 10px;
	font-size: 0.7em;
	color:#677896;
	font-family: verdana, tahoma, arial, helvetica;
	font-style:italic;
	font-weight: bold;
	font-size:14px;
	text-align:justify;
}
/* end of middle styles */

/* Styles for 3 x packages/boxes */
#packages {
	clear:both;
	margin-top: 25px;
}
#packages ul {
	list-style-type:none;
}
#bronze {
	clear:left;
	float: left;
	padding: 5px;
	margin-top: 30px;
	background-image:url(images/example1.gif);
	width: 220px;
	height: 190px;
	font-size: 1em;
	font: verdana;
}
#silver {
	float: left;
	display: inline;
	padding: 5px;
	margin-left: 45px;
	margin-top: 30px;
	background-image:url(images/example2.gif);
	width: 220px;
	height: 190px;
	font-size: 1em;
	font: verdana;
}
#gold {
	clear:right;
	float: right;
	margin-top: 30px;
	margin-bottom:30px;
	background-image:url(images/example3.gif);
	padding: 5px;
	width: 220px;
	height: 190px;
	text-align:justify;
}

/* END of Styles for 3 x packages/boxes */

/* Styles for text  and any images underneath the 3 boxes on home page  */
#bottom {
	clear:both;
	font-size: 1em;
	font-family: verdana, tahoma, arial, helvetica;
	text-align: justify;
	margin-top:0;
	padding: 20px;
}



/* Bottom Navigation on each page*/
#bottom_nav {
	text-align:center;
	margin-top: 20px;
}


/* Portfolio Page - images and text */
.portfolio {
	text-align: center;
	margin: 25px 50px 25px 50px;
	width: 680px;
	height: 170px;
	background-image:url(images/portfolio_background.gif);
}

.portfolio_img {
	float: left;
	display: inline;
	width: 200px;
	margin: 10px 10px 10px 10px;
}

.portfolio_text {
	padding: 10px 10px 10px 10px;
	text-align: justify;
	margin: auto;
	height: 150px;
	font-size: 0.7em;
	font-family: verdana, tahoma, arial, helvetica;
}
/* End of style for Portfolio Page */

/* Style for Contact Page*/
#contact_sheet {
	text-align: center;
}

.email, .letter, .phone, .skype, .form {
	margin-top: 40px;
}
.skype a {
	padding: 20px 0 20px 0;
}

/* Style for FAQ page */
#faq {
	font-size: 0.7em;
	font-family: verdana, tahoma, arial, helvetica;
	text-align: justify;
}


.answer {
	margin:-10px 20px 40px 20px;
	background-color:#F7F7F7;
	padding: 5px;
}

/* Style for all the legal stuff on each page*/
#footer {
	clear:both;
	margin: 20px 0 20px 0;
	text-align: center;
	font-size:0.6em;
}

/* Style for media page */

#media,
#printing {
	text-align:justify;
	margin-top: 30px;
}

#media h2,
#printing h2 {
	font-size: 0.9em;
	text-align:center;
	margin-bottom:30px;
}

#video {
	text-align:center;
	margin: 20px 0 20px 0;
}
img.facebook,
img.linkedin,
img.myspace,
img.twitter,
img.print_options {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Slideshow styles */
#slideshow {
    position:relative;
    height:287px;
}
#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#slideshow img.active {
    z-index:10;
}
#slideshow img.last-active {
    z-index:9;
}



.print_promo {
	text-align:center;
	margin-top:30px;
}