/* CSS Document */

body {
	background:#fff;
	color:#0F0F0F;
	font:15px/20px Arial, Helvetica, sans-serif;
	margin:32px 0 0;
	padding:0;
}
div, ul, h1, h2, h3, li, p, img {
	margin:0;
	padding:0;
}
ul {
	list-style-type:none;
}
/* TOP PANEL*/

#topPanel {
	width:762px;
	height:323px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#topPanel img {
	width:300px;
	height:80px;
	z-index:1;
	padding:0;
	position:absolute;
	top:-15px;
	margin:0 0 0 1px;
}
/* MENU PANEL*/
#topPanel ul {
	display:block;
	width:732px;
	height:36px;
	position:absolute;
	top:0;
	right:0;
	margin:11px 0 0;
	padding:0 29px 0 0;
	border-bottom:1px solid #AEAEAE;
}
#topPanel ul li {
	float:right;
	font:12px/36px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#topPanel ul li a {
	width:74px;
	height:36px;
	display:block;
	padding:0;
	color:#555;
	background:#fff;
	text-decoration:none;
	text-align:center;
	margin:0 1px 0 0;
	top:0px;
	left:0px;
}
#topPanel ul li a .nope {
	width:74px;
	height:36px;
	display:block;
	padding:0;
	color:#555;
	background:#fff;
	text-decoration:none;
	text-align:center;
	margin:0 1px 0 0;
	top:0px;
	left:0px;
}

#topPanel ul li a:hover {
	width:74px;
	height:36px;
	text-decoration:none;
	background:url(../images/button.gif) no-repeat 0 0 #AEAEAE;
	color:#fff;
}
#topPanel ul li a.active {
	width:74px;
	display:block;
	height:36px;
	background:url(../images/button.gif) no-repeat 0 0 #AEAEAE;
	color:#fff;
	text-align:center;
	margin:0 1px 0 0;
}
/* HEADER PANEL*/

#topPanel #headerPanelfast {
	width:246px;
	height:263px;
	position:absolute;
	top:0;
	left:0;
	margin:90px 0 0;
	padding:0px;
	background:url(../images/orange-normal.jpg) no-repeat 0 0;
	color:#fff;
}
#topPanel #headerPanelfast a {
	width:246px;
	height:263px;
	display:block;
	text-decoration:none;
}
#topPanel #headerPanelfast a:hover {
	width:246px;
	height:263px;
	background:url(../images/orange-hover.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelfast h2 {
	display:block;
	width:90px;
	height:47px;
	margin:34px 0 0 120px;
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
#topPanel #headerPanelfast p {
	width:163px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:105px 50px 0 38px;
}
#topPanel #headerPanelsecond {
	width:246px;
	height:263px;
	position:absolute;
	top:0;
	left:258px;
	margin:90px 0 0;
	padding:0px;
	background:url(../images/green-normal.jpg) no-repeat 0 0;
	color:#fff;
}
#topPanel #headerPanelsecond a {
	width:246px;
	height:263px;
	display:block;
	text-decoration:none;
}
#topPanel #headerPanelsecond a:hover {
	width:246px;
	height:263px;
	background:url(../images/green-hover.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelsecond h2 {
	display:block;
	width:90px;
	height:47px;
	background:none;
	margin:34px 0 0 103px;
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
}
#topPanel #headerPanelsecond p {
	width:163px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:105px 50px 0 38px;
}
#topPanel #headerPanelthird {
	width:246px;
	height:263px;
	position:absolute;
	top:0;
	right:0;
	margin:90px 0 0;
	padding:0px;
	background:url(../images/blue-normal.jpg) no-repeat 0 0;
	color:#fff;
}
#topPanel #headerPanelthird a {
	width:246px;
	height:263px;
	display:block;
	text-decoration:none;
}
#topPanel #headerPanelthird a:hover {
	width:246px;
	height:263px;
	background:url(../images/blue-hover.jpg) no-repeat 0 0 #FC5F00;
	color:#fff;
	text-decoration:none;
}
#topPanel #headerPanelthird h2 {
	display:block;
	width:90px;
	height:47px;
	background:none;
	margin:34px 0 0 103px;
	font:28px/28px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding:0;
	position:absolute;
	z-index:1;
}
#topPanel #headerPanelthird p {
	width:165px;
	display:block;
	font:12px/18px Arial, Helvetica, sans-serif;
	font-weight:bold;
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
	padding:0;
	margin:105px 50px 0 38px;
}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel {
	width:762px;
	height:640px;
	position:relative;
	margin:0 auto;
	padding:0;
}
#bodyPanel h2 {
	background:#fff;
	display:block;
	width:250px;
	height:50px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:4px 0 0 202px;
	color:#FF7113;
}

#bodyPanel h2.mad {
	background:#fff;
	display:block;
	width:250px;
	height:50px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:14px 0 0 50px;
	color:#FF7113;
}

#bodyPanel p.top {
	background:url(../images/symbol.jpg) 0 0 no-repeat #fff;
	margin:0 0 0 54px;
	padding:0 42px 35px 150px;
	color:#0F0F0F;
}
#bodyPanel p.port {
	background:url(../images/symbol-portfolio.jpg) 0 0 no-repeat #fff;
	margin:0 0 0 54px;
	padding:0 42px 35px 150px;
	color:#0F0F0F;
}
#bodyPanel p.resume {
	background:url(../images/symbol_resume.gif) 0 0 no-repeat #fff;
	margin:0 0 0 54px;
	padding:0 42px 35px 150px;
	color:#0F0F0F;	
}
#bodyPanel p.contact {
	background:url(../images/symbol-contact.gif) 0 0 no-repeat #fff;
	margin:0 0 0 54px;
	padding:0 32px 55px 120px;
	color:#0F0F0F;
	
}
#bodyPanel p span {
	font-weight:bold;
}
#bodyPanel p.dotline {
	background:url(../images/dot-line.gif) 0 0 repeat-x #fff;
	padding:0;
	margin:0 40px 0 25px;
	color:#000;
}
#bodyPanel p.capstext {
	background: url(../images/name.gif) bottom right no-repeat #fff;
	font:18px/24px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#555555;
	padding:2px 10px 0 25px;
	margin:0 35px 10px 0;
}
#bodyPanel p.more {
	height:26px;
	padding:0;
	background:none;
	margin:0;
}
#bodyPanel p.more a {
	width:76px;
	height:26px;
	display:block;
	margin:264px 20px 19px 618px;
	background:url(../images/more.gif) 0 0 no-repeat #fff;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 0 0 10px;
	text-transform:uppercase;
	position:absolute;
	top:0px;
	right:0px;
}
#bodyPanel p.more a:hover {
	background:url(../images/more.gif) 0 0 no-repeat #fff;
	color:#216EBD;
	text-decoration:none;
}
#bodyPanel h3 {
	background:#fff;
	display:block;
	width:250px;
	height:34px;
	margin:34px 0 12px 0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0 0 0 20px;
	color:#FF7113;
}
#bodyPanel #testimonial {
	width:283px;
	height:162px;
	display:block;
	background:url(../images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB;
	padding:32px 33px 0 148px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #exper {
	width:523px;
	height:242px;
	display:block;
	padding:12px 13px 0 8px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #video {
	width:283px;
	height:162px;
	display:block;
	background:url(../images/video-bg.gif) 0 0 no-repeat #FFF6DB;
	padding:32px 33px 0 148px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #video p {
	background:none;
	margin:0;
	padding:0 0 5px 0;
}
#bodyPanel #video p span {
	color:#786321 !Important;
	background:#FFFAED !Important;
}
#bodyPanel #video ul {
	width:225px;
	display:block;
	position:absolute;
	left:150px;
	top:290px;
}
#bodyPanel #video ul li {
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 30px;
}
#bodyPanel #video ul span {
	background:url(../images/dot-line.gif) repeat-x 0 100%;
	height:25px;
	display:block;
}


#bodyPanel #contact {
	width:283px;
	height:162px;
	display:block;
	background:url(../images/contact-bg.gif) 0 0 no-repeat #FFF6DB;
	padding:32px 33px 0 148px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #contact p {
	background:none;
	margin:0;
	padding:0 0 5px 0;
}
#bodyPanel #contact p span {
	color:#786321 !Important;
	background:#FFFAED !Important;
}
#bodyPanel #testimonial p {
	background:none;
	margin:0;
	padding:0 0 5px 0;
}
#bodyPanel #testimonial p span {
	color:#786321 !Important;
	background:#FFFAED !Important;
}
#bodyPanel p.moretwo {
	height:26px;
	padding:0;
	background:none;
	margin:0;
}
#bodyPanel p.moretwo a {
	width:76px;
	height:26px;
	display:block;
	margin:0px 0px 0px 196px;
	background:url(../images/more2.gif) 0 0 no-repeat #FFF5D6;
	color:#555;
	text-decoration:none;
	font:15px/26px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	padding:0 0 0 10px;
	top:0px;
	right:0px;
}
#bodyPanel p.moretwo a:hover {
	background:url(../images/more2.gif) 0 0 no-repeat #FFF5D6;
	color:#216EBD;
	text-decoration:none;
}
#bodyPanel h4 {
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:311px;
	right:5px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px;
	color:#FF7113;
}
#bodyPanel h4.res {
	background:#fff;
	width:220px;
	height:30px;
	position:absolute;
	top:200px;
	left:591px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px;
	color:#FF7113;
}
#bodyPanel ul.resume {
	width:200px;
	display:block;
	position:absolute;
	right:1px;
	top:255px;
}

#bodyPanel h5 {
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:201px;
	right:5px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px;
	color:#FF7113;
}

#bodyPanel h6 {
	background:#fff;
	width:250px;
	height:30px;
	position:absolute;
	top:20px;
	right:5px;
	margin:0;
	font:30px/30px Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	padding:0px;
	color:#FF7113;
}


#bodyPanel ul.con {
	width:225px;
	display:block;
	position:absolute;
	right:50px;
	top:235px;
}
#bodyPanel ul.con a{
	color:#666;
	text-decoration:none;
}
#bodyPanel ul.madlibs {
	width:225px;
	display:block;
	position:absolute;
	right:50px;
	top:65px;

}
#bodyPanel ul.madlibs a {
	color:#666;
	text-decoration:none;

}

#bodyPanel ul li {
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 15px;
}
#bodyPanel ul span {
	background:url(../images/dot-line.gif) repeat-x 0 100%;
	height:25px;
	display:block;
}
#bodyPanel ul {
	width:225px;
	display:block;
	position:absolute;
	right:30px;
	top:355px;
}
#bodyPanel ul li {
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 15px;
}
#bodyPanel ul span {
	background:url(../images/dot-line.gif) repeat-x 0 100%;
	height:25px;
	display:block;
}
#bodyPanel #contact ul {
	width:225px;
	display:block;
	position:absolute;
	left:150px;
	top:290px;
}
#bodyPanel #contact ul li {
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 30px;
}
#bodyPanel #contact ul span {
	background:url(../images/dot-line.gif) repeat-x 0 100%;
	height:25px;
	display:block;
}
#bodyPanel #sites ul {
	width:425px;
	display:block;
	position:absolute;
	left:30px;
	top:250px;
	float: left;
  width: 38em;
  margin: 0;
  padding: 0;
  list-style: none;
}
#bodyPanel #sites ul li {
	font:12px/25px Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding:0 0 0 30px;
  float: left;
  width: 22em;
  margin: 0;
  padding: 0;
}
}
#bodyPanel #sites ul span {
	background:url(../images/dot-line.gif) repeat-x 0 100%;
	height:25px;
	display:block;
}
#bodyPanel #sites {
	width:283px;
	height:162px;
	display:block;
	padding:32px 33px 0 48px;
	margin:0 0 0 20px;
	color:#786321;
}
#bodyPanel #sites p {
	background:none;
	margin:0;
	padding:0 0 5px 0;
}
#bodyPanel #sites p span {
	color:#786321 !Important;
	background:#FFFAED !Important;
}

/* FOOTER PANEL*/
#footerPanel {
	width:100%;
	background:#DCDCDC;
	color:#4C4C4C;
	font-size:12px;
}
#footerbodyPanel {
	width:762px;
	height:133px;
	position:relative;
	margin:0 auto;
	padding:0;
	clear:both;
}
#footerPanel ul {
	width:520px;
	display:block;
	position:absolute;
	right:30px;
	top:33px;
}
#footerPanel li {
	float:left;
	font:12px/15px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
#footerPanel ul li a {
	padding:0 6px;
	color:#4C4C4C;
	background:#DCDCDC;
	text-decoration:none;
}
#footerPanel ul li a:hover {
	text-decoration:underline;
}
#footerPanel ul li a.padl {
	padding:0 0 0 6px;
}
#footerPanel p.copyright {
	background:#DCDCDC;
	display:block;
	position:absolute;
	top:54px;
	right:355px;
	color:#A64200;
}

.WLBSlideShow {
	position: relative;
	width: 700px;
	padding: 0;
	color: white;
	border: solid 1px #053279;
	/* -moz-border-radius: 7px; */
	-webkit-border-radius: 7px;
	background-color: #103b7e;
	-moz-box-shadow: 5px 5px 10px gray;
	-webkit-box-shadow: 5px 5px 10px gray;
	box-shadow: 5px 5px 10px gray;
	font-family: Arial, Verdana, Geneva, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

.WLBSlideShow .SSClip {
	position: relative;
	overflow: hidden;
	height: 296px;
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #39312e;
}

.WLBSlideShow .SSView {
	height: 296px;
	margin: 0;
	padding: 0;
}

.WLBSlideShow .SSSlide {
	position: absolute;
	top: 0;
	left: 0;
	height: 296px;
	z-index: 0;
}

.WLBSlideShow .SSSlideVisible {
	z-index: 1;
}

.WLBSlideShow .SSFirstButton, .WLBSlideShow .SSLastButton, .WLBSlideShow .SSPlayButton, .WLBSlideShow .SSSlideCount {
	display: none;
}

.WLBSlideShow .SSPreviousButton {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	right: 142px;
}

.WLBSlideShow .SSNextButton {
	position: absolute;
	z-index: 5;
	bottom: 8px;
	right: 11px;
}

.WLBSlideShow .SSPreviousButton {
	width: 15px;
	height: 15px;
	background-image: url(../images/slideshow-controls.png);
	background-position: 0 -30px;
	background-repeat: no-repeat;
	text-indent: -10000em;
	padding: 0;
	border: none;
	background-color: transparent;
}

.WLBSlideShow .SSPreviousButtonHover {
	background-position: -60px -30px;
}

.WLBSlideShow .SSPreviousButtonDown {
}

.WLBSlideShow .SSPreviousButtonDisabled {
}

.WLBSlideShow .SSNextButton {
	width: 15px;
	height: 15px;
	background-image: url(../images/slideshow-controls.png);
	background-position: -30px -30px;
	background-repeat: no-repeat;
	text-indent: -10000em;
	padding: 0;
	border: none;
	background-color: transparent;
}

.WLBSlideShow .SSNextButtonHover {
	background-position: -90px -30px;
}

.WLBSlideShow .SSNextButtonDown {
}

.WLBSlideShow .SSNextButtonDisabled {
}

.WLBSlideShow .SSSlideLinks {
	position: absolute;
	overflow: hidden;
	bottom: 4px;
	right: 30px;
	z-index: 5;
}

.WLBSlideShow a.SSSlideLink {
	display: block;
	float: left;
	width: 23px;
	height: 23px;
	margin: 0 2px;
	color: #483E3D;
	text-align: center;
	text-decoration: none;
	line-height: 23px;
	background-image: url(../images/slideshow-controls.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 12px;
	font-weight: bold;
}

.WLBSlideShow a.SSSlideLinkHover {
	background-position: -30px 0;
}

.WLBSlideShow a.SSSlideLinkSelected {
	background-position: -90px 0;
	color: #483E3D;
}

.WLBSlideShow a.SSSlideLinkDisabled {
}

.WLBSlideShow .story {
	float: left;
	overflow: hidden;
	width: 299px;
	height: 266px;
	margin: 0;
	padding: 0;
	background-image: url(../images/bkg-gradient.png);
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #8c716c;
	border-left: solid 1px #103b7e;
	/*-moz-border-radius-topright: 7px;*/
	-webkit-border-top-right-radius: 7px;
}

.WLBSlideShow .photo {
	float: left;
	overflow: hidden;
	width: 400px;
	margin: 0;
	padding: 0;
}

.WLBSlideShow .photo img {
	width: 400px;
	height: 266px;
	/* -moz-border-radius-topleft: 7px; */
	-webkit-border-top-left-radius: 7px;
	margin: 0;
	padding: 0;
}

.WLBSlideShow .photo .caption {
	margin: 0 6px;
	line-height: 30px;
	font-style: italic;
}

.WLBSlideShow .banner {
	background-color: #103b7e;
	margin: 44px 0 0 11px;
	padding: 10px;
}

.WLBSlideShow .title {
	margin: 0;
	padding: 0;
	font-size: 24px;
}

.WLBSlideShow .subTitle {
	margin: 0;
	padding: 0;
	font-size: 15px;
	font-weight: normal;
}

.WLBSlideShow .content {
	margin: 0 10px 0 21px;
}

.WLBSlideShow .content button * {
	display: block;
	margin: 0;
	height: 32px;
	color: white;
	font-size: 15px;
}

.WLBSlideShow .content button {
	margin: 0;
	padding: 0;
	background-color: transparent;
	border-width: 0px;
}

.WLBSlideShow .content button span {
	padding: 0 0 0 7px;
	background: transparent url(../images/button-left.png) top left no-repeat;
}

.WLBSlideShow .content button span span {
	padding: 0 9px 0 0;
	background: transparent url(../images/button-right.png) top right no-repeat;
}

.WLBSlideShow .content button span span span {
	padding: 0;
	background: transparent url(../images/button-center.png) top left repeat-x;
	line-height: 28px;
	white-space: nowrap;
}

.WLBSlideShow .content button:hover span,
.WLBSlideShow .content button:hover span span span {
	background-position: -33px left;
}

.WLBSlideShow .content button:hover span span {
	background-position: -33px right;
}
#hideShow{
	font-size:16px;
	width:610px;
	line-height:190%;
	width:300px; 

}

	.slide-up-boxes a { 
			display: block; 
			margin: 0 0 10px 0; 
			background-color:#CCC; 
			border: 1px solid #ccc; 
			height: 65px; 
			overflow: hidden;
			width:300px;
			
		}
		
		.slide-up-boxes h5 { 
			color: #333; 
			text-align: center;
			padding:0 0 0 0;
			height: 65px; 
			font: italic 18px/15px Georgia, Serif;    /* Vertically center text by making line height equal to height */
			 opacity: 1;
			 -webkit-transition: all 0.2s linear; 
			 -moz-transition: all 0.2s linear; 
			 -o-transition: all 0.2s linear;
		}
		
		.slide-up-boxes a:hover h5 { 
			margin-top: -95px; 
			opacity: 0; 
		}
		
		.slide-up-boxes div { 
			position: relative; 
			color: white; 
			font: 12px/15px Georgia, Serif;
			height: 65px; 
			padding: 5px 5px 0 5px; 
			opacity: 0; 
			-webkit-transform: rotate(6deg); 
			-webkit-transition: all 0.4s linear; 
			-moz-transform: rotate(6deg); 
			-moz-transition: all 0.4s linear; 
			-o-transform: rotate(6deg); 
			-o-transition: all 0.4s linear; 
		}
		.slide-up-boxes a:hover div { 
			opacity: 1; 
			-webkit-transform: rotate(0); 
			-moz-transform: rotate(0); 
			-o-transform: rotate(0); 
		}
		.slide-up-boxes #one div {
	background: #8abac4 url(../images/Amberlogo.png) 10px 1px no-repeat;
	padding-left: 100px;
	color:#000;
}
		.slide-up-boxes  #two div { background: #367db2 url(../images/iphoneapp.png) 10px 1px no-repeat; padding-left: 90px; }
		.slide-up-boxes  #three div { background: #393838 url(../images/commingsoon.png) 10px 1px no-repeat; padding-left: 90px; }
		
		#page-wrap { padding:10px 0 0 20px;float:left;}
		
		.slide-up-boxes a { text-decoration: none; }
		#newwrapper { margin-left:auto; margin-right:auto; text-align:center; 	width:990px;
}