article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties */
body {background:#fff;border:0;font:14px Arial, Helvetica, sans-serif;color:#6f6f6f;line-height:18px;min-width:960px}
.css3{border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);behavior:url(js/PIE.htc);position:relative}
/* Global Structure */
.main {margin:0 auto;width:960px}
.body1 {background:url(../images/bg_top.jpg) top center no-repeat #eee}
.body2 {background:#f7f7f7}
.body3 {background:url(../images/tGantt_Monitor.png) center top no-repeat;position:absolute;height:400px;width:266px;top:13px;left:50%;margin-left:190px;margin-top:-5px;z-index:10}
/* main layout */
a {color:#1d8bce;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {font-size:30px;line-height:40px;padding-left:47px}
h2 {font-size:26px;line-height:36px;color:#2c2d2e;padding:16px 0 12px 0}
p {padding-bottom:18px}
/* header */
header {width:100%;overflow:hidden;padding-bottom:186px;position:relative}
.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
#logo_box {background:#2c2d2e;margin-top:-1px;box-shadow:0 1px 3px #b7b7b7;-moz-box-shadow:0 1px 3px #b7b7b7;-webkit-box-shadow:0 1px 3px #b7b7b7;behavior:url(js/PIE.htc);position:absolute;z-index:2;width:100%;overflow:hidden}
#logo {color:#fff;text-decoration:none}
#logo span {font-size:17px;color:#a6a6a6;vertical-align:baseline}
header nav {border:1px solid #bebebe;background:url(../images/menu_bg.gif) bottom repeat-x;padding-top:30px;height:47px;border-radius:18px;-moz-border-radius:18px;-webkit-border-radius:18px;behavior:url(js/PIE.htc);position:absolute;top:52px;z-index:1;padding-left:10px}
#menu {width:948px}
#menu li {float:left;padding-left:30px;background:url(../images/menu_line.gif) right 18px no-repeat;padding-right:29px}
#menu .bg_none {background:none;padding-right:0;margin-right:0}
#menu li a {display:block;font-size:15px;color:#2c2d2e;text-decoration:none;line-height:47px}
#menu li a:hover, #menu #menu_active a {color:#0665a2}
.text1 {font-size:40px;color:#545454;padding:165px 0 0 77px;line-height:48px;letter-spacing:-1px}
.subtext1 {font-family: 'Marvel', sans-serif;font-size:31px;letter-spacing:1px;line-height:33px;color:#731642;padding:0 0 0 245px}
.subtext2 {font-family: 'Marvel', sans-serif;font-size:31px;letter-spacing:1px;line-height:33px;color:#9e2d41;padding:0 0 0 245px}
.subtext3 {font-family: 'Marvel', sans-serif;font-size:31px;letter-spacing:1px;line-height:33px;color:#c95136;padding:0 0 0 245px}
.subtext4 {font-family: 'Marvel', sans-serif;font-size:31px;letter-spacing:1px;line-height:33px;color:#d18676;padding:0 0 0 245px}
#logo {padding:0 0 0 877px;margin-top:-65px;margin-bottom: 15px;overflow:hidden}
#cal {padding:0 0 0 100px;margin-top:30px;margin-bottom:-123px;overflow:hidden}
#icons {font-size:20px;line-height:22px;color:#515151;padding:0 0 0 600px;letter-spacing:-1px;margin-top:-10px;height:22px;overflow:hidden}
#icons li {float:left;padding-left:10px}
#icons span {padding-right:13px}
/* content */
#content {position:relative;padding-bottom:35px}
.marg_top { position:relative;margin-top:-168px;z-index:11}
.marg_top2 {margin-top:11px}
.pad_left1 {padding-left:24px}
.pad {padding:0 35px}
.pad_bot1 {padding-bottom:22px}
.marg_right1 {margin-right:20px}
.nbsp {font-size:0;line-height:0;display:block}
.box1_out {background:url(../images/box1_out_bg.png) repeat;border-bottom:1px solid #e6e6e6;border-right:1px solid #eaeaea;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;padding:5px}
.box1 {background:url(../images/box1_bg.gif) bottom repeat-x #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:1px 1px 2px #c1c1c1;-moz-box-shadow:1px 1px 2px #c1c1c1;-webkit-box-shadow:1px 1px 2px #c1c1c1;behavior:url(js/PIE.htc);position:relative;padding:0 28px 0 30px}
.box1_bot {background:url(../images/box1_bot_bg.gif) top repeat-x}
.box1_bot_left {background:url(../images/box1_bot_left.gif) top left no-repeat}
.box1_bot_right {background:url(../images/box1_bot_right.gif) top right no-repeat;height:24px}
.box2 {background:#fafafa;border-right:1px solid #ededed;border-bottom:1px solid #ededed;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;padding-bottom:15px}
.box3 {background:#efe;border-right:1px solid #ededed;border-bottom:1px solid #ededed;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;padding-bottom:15px;margin: 0 30px;}
.button {position:relative;margin-bottom:-30px;font-size:17px;text-transform:uppercase;color:#fff;line-height:32px;text-decoration:none;background:url(../images/button2_bg.gif) top repeat-x;display:inline-block}
.button span {display:block;background:url(../images/button2_left.jpg) top left no-repeat}
.button span span {padding:0 18px;height:47px;background:url(../images/button2_right.jpg) top right no-repeat}
.button2 {position:relative;margin-bottom:-30px;font-size:15px;text-transform:uppercase;color:#fff;line-height:32px;text-decoration:none;background:url(../images/button3_bg.gif) top repeat-x;display:inline-block}
.button2 span {display:block;background:url(../images/button3_left.jpg) top left no-repeat}
.button2 span span {padding:0 18px;height:47px;background:url(../images/button3_right.jpg) top right no-repeat}
.button:hover {color:#000}
.button2:hover {color:#ffd2a3}
.img {position:absolute;bottom:-30px;right:0px}
.color1 {color:#000}
.under {padding-bottom:25px;background:url(../images/line_hor1.gif) bottom repeat-x;margin-bottom:20px}
.list1 {margin:-6px 0}
.list1 li {line-height:30px}
.list1 li a {padding-left:19px;background:url(../images/marker_1.gif) 0 2px no-repeat}
.list1 ul {padding-left:19px;margin-top:-30px}
/* footer */
footer {width:100%;overflow:hidden;padding-bottom:36px}
footer h2 {font-size:21px;color:#2c2d2e;line-height:26px;padding:33px 0 15px 0}
footer .list1 {margin:-3px 0}
footer .list1 li {line-height:20px}
.under2 {padding-bottom:30px;line-height:0;font-size:0;height:0;border-bottom:1px solid #ededed;margin:0 25px 35px}
.font_size {font-size:12px}
/* forms */
.input {background:url(../images/input_bg.gif) top repeat-x;border:1px solid #fff;font:14px Arial, Helvetica, sans-serif;height:16px;padding:5px 10px;color:#aaa;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative}
.bg {border:1px solid #d9d9d9;border-bottom:1px solid #f7f7f7;border-right:1px solid #f7f7f7;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative;margin-bottom:15px}
.submit {font-size:17px;color:#fff;float:right;line-height:32px;background:url(../images/button1_bg.gif) top repeat-x;text-transform:uppercase;text-decoration:none}
.submit span {display:block;background:url(../images/button1_left.jpg) top left no-repeat}
.submit span span {padding:0 17px;height:48px;background:url(../images/button1_right.jpg) top right no-repeat}
#form_1 {width:237px}
#form_1 .input {width:213px}
#form_1 a {line-height:32px}
#form_2 .input1 {width:120px}
#form_2 .input2 {width:91px}
#form_2 a {line-height:32px}
#ContactForm {line-height:30px;font-weight:bold;letter-spacing:-1px;width:100%}
#ContactForm a {float:right;margin-bottom:0;background:url(../images/button3_bg.gif) top repeat-x;margin-top:5px}
#ContactForm a span {background:url(../images/button3_left.jpg) top left no-repeat}
#ContactForm a span span {background:url(../images/button3_right.jpg) top right no-repeat}
#ContactForm .bg {float:right;margin-bottom:10px}
#ContactForm .input {width:761px}
#ContactForm .textarea {background:url(../images/textarea_bg.gif) top repeat-x;border:1px solid #fff;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;behavior:url(js/PIE.htc);position:relative}
#ContactForm textarea {overflow:auto;height:208px;width:761px;padding:5px 10px;background:none;font:14px Arial, Helvetica, sans-serif;color:#aaa}


/* Main Navigation */

ul#navigation {
	width:948px;
	margin:5px auto;
	position:relative;
	float:left;
}

ul#navigation li {
	display:inline;
	font-size:15px;
	margin:0;
	float:left;
	position:relative;
	float:left;padding-left:0px;padding-right:0px;
}

ul#navigation li a {
	margin: 8px 0 0 8px;
	padding:2px 25px 15px 25px;
	color:#616161;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border-right:1px solid #C2C2C2;
		
	-webkit-transition:color 0.2s linear, background 0.2s linear;	
	-moz-transition:color 0.2s linear, background 0.2s linear;	
	-o-transition:color 0.2s linear, background 0.2s linear;	
	transition:color 0.2s linear, background 0.2s linear;	
}

ul#navigation li a:hover {
	color:#0665a2;
}

ul#navigation li a.first {
	border-left: 0 none;
}

ul#navigation li a.last {
	border-right: 0 none;
}


/* Drop-Down Navigation */
ul#navigation li:hover > ul
{
/*these 2 styles are very important, 
being the ones which make the drop-down to appear on hover */
	visibility:visible;
	opacity:1;
}

ul#navigation ul, ul#navigation ul li ul {
	list-style: none;
    margin: 0;
    padding: 0;    
/*the next 2 styles are very important, 
being the ones which make the drop-down to stay hidden */
    visibility:hidden;
    opacity:0;
    position: absolute;
    z-index: 99999;
	width:180px;
	background:#f8f8f8;
	box-shadow:1px 1px 3px #ccc;
/* css3 transitions for smooth hover effect */
	-webkit-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-moz-transition:opacity 0.2s linear, visibility 0.2s linear; 
	-o-transition:opacity 0.2s linear, visibility 0.2s linear; 
	transition:opacity 0.2s linear, visibility 0.2s linear; 	
}

ul#navigation ul {
    top: 43px;
    left: 1px;
}

ul#navigation ul li ul {
    top: 0;
    left: 181px; /* strong related to width:180px; from above */
}

ul#navigation ul li {
	clear:both;
	width:100%;
	border:0 none;
	border-bottom:1px solid #c9c9c9;
}

ul#navigation ul li a {
	background:none;
	padding:7px 15px;
	color:#616161;
	text-shadow:1px 1px 0px #fff;
	text-decoration:none;
	display:inline-block;
	border:0 none;
	float:left;
	clear:both;
	width:150px;
}
