body {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000000;
	margin-top:0;
	font-size:12px;
	line-height:16px;

}

p {margin-top:0;
	margin-bottom:0;
}


h1 {color:#eeac7e;
	font-size:30px;
	display:block;
	border-bottom: 1px solid #ab3334;
	height:33px;
	margin-bottom:6px;
	margin-top:12px;
}

h2 {color:#ff0000;
	font-size:20px;
	display:block;
	border-bottom: 1px solid #eee;
	height:23px;
	margin-top:20px;
	margin-bottom:6px;
}

h3 {color:#000000;
	font-size:16px;
	font-weight:bold;
	line-height:28px;
	display:block;
	height:28px;
	background-color:#f2f9fd;
	margin-top:18px;
	margin-bottom:9px;
	padding-left:6px;
}

h4 {color:#000000;
	font-size:16px;
	display:block;
	border-bottom: 1px solid #d9d9d9;
	height:19px;
	margin-top:12px;
	margin-bottom:6px;
}

.o3 {color:#eeac7e;
	font-size:22px;
	line-height:23px;
	margin-bottom:3px;
}

.b3 {color:#ff0000;
	font-size:20px;
	line-height:21px;
}

.r33 {color:#ff0000;
	font-size:20px;
	line-height:24px;
	margin-top:6px;
	font-weight:bold;
}

.b33 {color:#000000;
	font-size:18px;
	line-height:21px;
	font-weight:bold;
}

a:link {
	text-decoration: none;
	color:#ff0000;
	font-weight:bold;
}
a:visited {
	text-decoration: none;
	color:#ff0000;
	font-weight:bold;
}
a:hover {
	text-decoration: none;
	color:#ab3334;
	font-weight:bold;
}
a:active {
	text-decoration: none;
}

td {
	font-family: Arial, Helvetica, sans-serif;
}

th {
	font-family: Arial, Helvetica, sans-serif;
}

hr
{
    background-color: #eee;
    border: 0 none;
    color: #eee;
    height: 1px;
	
}

.idrop {font-size:18px;
	background-color:#ff0000;
	color:#FFFFFF;
	height:30px;
}

.explanation {
    width: 660px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:20px;
	padding-right:0;
	}
	
.faq-question {
    width: 660px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:6px;
	padding-left:100px;
	padding-right:100px;
	font-size:16px;
	font-weight:bold;
	color:#FF0000;
	}
	
.faq-answer {
    width: 660px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:12px;
	padding-left:100px;
	padding-right:100px;
	color:#FFFFFF;
	}
	
.copy-holder {
    width: 960px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	}


.content {
    width: 300px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:3px;
	padding-left:20px;
	padding-right:20px;
	
	}
	
.content-cal {
    width: 298px;
	height:auto;
	float:left;
	margin-top:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	
	}
	
.content ul {
	margin-top:0px; 
	margin-bottom:0px;
}

.content li {
	font-size:14px; 
	line-height:19px;
}
	
.content-1 {
    width: 280px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:20px;
	margin-top:0;
	padding-left:10px;
	padding-right:10px;
	
	}
	
.footer-head {color:#ffff00;
	font-size:16px;
	font-weight:bold;
	line-height:28px;
	display:block;
	height:28px;
	padding-left:9px;
	background-color:#ff0000;
	margin-top:0px;
	margin-bottom:9px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}




	
.side {
    width: 298px;
	height:auto;
	float:left;
	margin-top:3px;
	margin-left:0px;
	background-color:#f2f9fd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	
	}
	
.side-cal {
    width: 298px;
	height:auto;
	float:left;
	margin-top:3px;
	margin-left:0px;
	background-color:#f2f9fd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	
	}
	
.sub-header-name {font-size: 36px; line-height:39px; color:#ff0000; font-weight:bold; text-shadow: 0 0 3px #000000;}
	
.sub-header-number {font-size: 30px; color:#000000; font-weight:bold;}
	
.button {
    width: 200px;
	height:30px;
	float:left;
	margin-bottom:12px;
	margin-left:0px;
	
	}
	
.button-center {
    width: 300px;
	height:30px;
	float:left;
	margin-top:12px;
	margin-bottom:0px;
	margin-left:200px;
	
	}
	
	
.button a {
    width: 200px;
	height:30px;
	display:block;
	text-align:center;
	background-color:#ff0000;
	color:#ffff00;
	font-size:18px;
	line-height:30px;
	margin-left:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:12px;
	
	}
	
.button a:hover {
    width: 200px;
	height:30px;
	display:block;
	text-align:center;
	background-color:#ab3334;
	color:#ffff00;
	font-size:18px;
	line-height:30px;
	margin-left:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:12px;
	
	}
	
.button-center a {
    width: 200px;
	height:30px;
	display:block;
	text-align:center;
	background-color:#4B738E;
	color:#FFFFFF;
	font-size:18px;
	line-height:30px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:12px;
	
	}
	
.button-center a:hover {
    width: 200px;
	height:30px;
	display:block;
	text-align:center;
	background-color:#71ACD6;
	color:#ffff00;
	font-size:18px;
	line-height:30px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:12px;
	
	}
	
	
.cal {
    width: 300px;
	height:auto;
	float:left;
	margin-top:0px;
	margin-left:0px;
	
	}
	
.cal-civil {
    width: 298px;
	height:auto;
	float:left;
	margin-left:36px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	margin-bottom:12px;
	
	}
	
.cal-text {color: #000000; font-size:10px; line-height:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}

.cal-header {color: #ffffff; font-size:10px; line-height:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}

.cal-civil-text {color: #000000; font-size:10px; line-height:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}

.cal-civil-header {color: #ffffff; font-size:10px; line-height:12px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; text-align:center}
	
.services {
	float:left;
	width:216px;
	height:auto;
	padding:10px;
	color:#FFFFFF;
	}
	
#footer .services {
	float:left;
	width:216px;
	height:auto;
	padding:10px;
	color:#000000;
	}
	
.servo {
	float:left;
	width:216px;
	height:auto;
	padding:10px;
	text-align:right;
	color:#FFFFFF;
	}
	
.about {
	float:left;
	width:432px;
	height:auto;
	padding:10px;
	}
	
.services li {
	margin-left:-24px;
	}


/* LAYOUT ID DIVS */

#container {
    width:960px; 
	overflow:hidden;
	margin-left:auto;
	margin-right:auto;
	}
	
#header {
    width: 960px;
	height:61px;
	background-color:#ff0000;
	float:left;
	margin-bottom:12px;
	margin-top:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	}
	
#moret {
    width: 298px;
	height:auto;
	float:left;
	margin-left:0px;
	background-color:#e5f2fb;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding:10px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	
	}
	
#header-text {
    width: 300px;
	height:61px;
	line-height:61px;
	background-color:#ff0000;
	float:left;
	font-size:24px;
	color:#ffff00;
	margin-left:24px;
	
	}
	
#header-search {
    width: 300px;
	height:61px;
	background-color:#ff0000;
	float:right;
	margin-right:10px;
	
	}
	
#banner {
    width: 960px;
	background-image:none;
	background-repeat:no-repeat;
	background-color:#eddab6;
	height:100px;
	float:left;
	margin-bottom:12px;
	margin-top:0px;
	font-size:24px;
	color:#4B738E;
	
	}
	
#ibanner {
    width: 300px;
	height:100px;
	float:left;
	text-align:center;
	margin-bottom:10px;
	margin-top:0px;
	background-color:#FFFF99;
	display:none;
	
	}
	
	
#inav {
	width:300px;
	height:auto;
	background-color:#ff0000;
	color:#FFFF00;
	text-align:center;
	font-size:20px;
	margin-bottom:12px;
	display:none;
	}
	
#inav option {
	background-color:#ff0000;
	color:#FFFF00;
	text-align:center;
	font-size:20px;
	}
	
#inav select {
	background-color:#ff0000;
	color:#FFFF00;
	text-align:center;
	font-size:20px;
	}
	
	
#nav {
    width: 960px;
	background-color:#FF0000;
	height:50px;
	float:left;
	border-bottom:8px solid #FFFF00;
	color: #ffffff;
	font-weight:bold;
	margin-bottom:12px;
	line-height:30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:12px;
	list-style-type: none;
	
	}
	
#nav ul {
	list-style-type: none;
	margin-left:0px;
}
	
#nav li a {
	float:left;
	display:block;
	width:110px;
	height:40px;
	border-left:1px solid #579;
	color:  #ffffff;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	}
	
#nav li a:hover {
	background-color:#ab3334;
	float:left;
	display:block;
	width:110px;
	height:40px;
	border-left:1px solid #246;
	color:#ffff00;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	}	
	
#nav li ul {
	display:none;
	}
	
#nav li:hover ul {
	display:block;
	width: 110px;
	position:absolute;
	background:none;
	color:#ffffff;
	margin-left:0;
	}
	
#nav li:hover li {
	float:none;
	border-left:0px solid #579;
	border-right: 0px solid #135;
	color:#ab3334;
	}
	
#nav li:hover li a {
	float:none;
	background-color:#ff0000;
	display:block;
	width:240px;
	height:40px;
	border-left:0px solid #579;
	border-right: 0px solid #135;
	color:  #ffffff;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	margin-left:-120px;
	}
	
#nav li:hover li a:hover {
	background-color:#ab3334;
	float:none;
	display:block;
	width:240px;
	height:40px;
	border-left:0px solid #246;
	border-right: 0px solid #135;
	color:#ffff00;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	margin-left:-120px;
	}

	
#left-side {
    width: 228px;
	height:700px;
	background-color:#f2f9fd;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float:left;
	padding:10px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	}
	
#live {
    width: 228px;
	height:30px;
	float:left;
	margin-bottom:12px;
	
	}
	
#live-text {
	margin-bottom:6px; 
	font-style:italic;
	text-align:center;
	}
	
#live a {
    width: 200px;
	height:30px;
	display:block;
	text-align:center;
	background-color:#4B738E;
	color:#FFFFFF;
	font-size:18px;
	line-height:30px;
	margin-left:14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:12px;
	
	}
	
#live a:hover {
    width: 200px;
	height:30px;
	display:block;
	text-align:center;
	background-color:#71ACD6;
	color:#ffff00;
	font-size:18px;
	line-height:30px;
	margin-left:14px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-bottom:12px;
	
	}
	
	
#footer {
    width: 958px;
	height:400px;
	background-color:#FFFF00;
	float:left;
	margin-top:12px;
	margin-bottom:12px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	
	
#sub-footer {
    width: 960px;
	background-color:#ff0000;
	height:25px;
	float:left;
	border-top:8px solid #ffff00;
	color: #ffffff;
	font-weight:bold;
	margin-bottom:12px;
	line-height:25px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:14px;
	list-style-type: none;
	
	}
	
#sub-footer a:link {
	text-decoration: none;
	color:#f2f9fd;
	font-weight:bold;
}
#sub-footer a:visited {
	text-decoration: none;
	color:#f2f9fd;
	font-weight:bold;
}
#sub-footer a:hover {
	text-decoration: none;
	color:#ffff00;
	font-weight:bold;
}
	
.style-button a:hover {
	background-image:url(white-hover.gif);
	background-repeat:repeat-x;
	text-decoration: none;
	display:block;
	width:280px;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:6px;
	margin-left:10px;
	text-align:center;
	color: #666666;
	float:left;

}
.style-button a {
	background-image:url(shade.gif);
	background-repeat:repeat-x;
	text-decoration: none;
	display:block;
	width:280px;
	padding-top:12px;
	padding-bottom:12px;
	margin-top:6px;
	margin-left:10px;
	text-align:center;
	color: #666666;
	float:left;
	
}	

.question {
	padding-left:10px;
	font-size:20px;
	font-weight:bold;

}
	

@media screen and (max-width: 480px) {
    body {
        background-color:#000000;
		color:#FFFFFF;
    }
	
	h1 {color:#eeac7e;
	font-size:30px;
	display:inherit;
	border-bottom: 0px solid #eee;
	height:auto;
	line-height:31px;
	margin-bottom:6px;
}

h2 {color:#ff0000;
	font-size:24px;
	display:inherit;
	border-bottom: 0px solid #eee;
	height:auto;
	line-height:25px;
	margin-bottom:6px;
}

.content li {
	list-style:none;
}

#slide-show {display:none;}

#sub-header {display:none;}


.cal-civil {
    width: 298px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-bottom:12px;
	
	}
	
.button-center {
    width: 300px;
	height:30px;
	float:left;
	margin-top:12px;
	margin-bottom:24px;
	margin-left:0px;
	
	}
	
.copy-holder {
    width: 300px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	}
	
.faq-question {
    width: 300px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:6px;
	padding-left:0px;
	padding-right:0px;
	font-size:16px;
	color:#FF0000;
	}
	
.faq-answer {
    width: 300px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:12px;
	padding-left:0px;
	padding-right:0px;
	color:#FFFFFF;
	}
	
	
.b33 {color:#FFFFFF;
	font-size:18px;
	line-height:21px;
	font-weight:bold;
}
	
#container {
    width:300px; 
	margin-left:auto;
	margin-right:auto;
	}
	
	
#header {
    width: 300px;
	height:102px;
	background-color:#ff0000;
	float:none;
	margin-bottom:10px;
	
	}
	
#header-text {
    width: 300px;
	height:41px;
	line-height:60px;
	background-color:#ff0000;
	float:none;
	font-size:24px;
	margin-left:0px;
	text-align:center;
	
	}
	
#header-search {
    width: 300px;
	height:61px;
	background-color:#ff0000;
	float:none;
	margin-right:0px;
	
	}
	
#banner {
    width: 300px;
	height:125px;
	float:left;
	margin-bottom:10px;
	margin-top:0px;
	display:none;
	
	}
	
#ibanner {
    width: 300px;
	height:90px;
	float:left;
	margin-bottom:12px;
	margin-top:0px;
	display:inherit;
	background-color:#FFFF00;
	
	}
	
#nav {
    width: 300px;
	background-color:#eddab6;
	height:auto;
	float:left;
	border-bottom:8px solid #eddab6;
	font-weight:bold;
	margin-bottom:10px;
	line-height:30px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size:12px;
	list-style-type: none;
	display:none;
	
	}
	
#inav {
	display:block;
	}
	
#nav ul {
	list-style-type: none;
	margin-left: 0px;
}
	
#nav li a {
	float:left;
	background-color:#ff0000;
	display:block;
	width:220px;
	height:30px;
	border-left:0px solid #579;
	border-right: 0px solid #135;
	color:  #ffffff;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	margin-bottom:2px;
	margin-left:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	
#nav li a:hover {
	background-color:#71acd6;
	float:left;
	display:block;
	width:220px;
	height:30px;
	border-left:0px solid #246;
	border-right: 0px solid #135;
	color:#ffff00;
	text-decoration:none;
	text-align:center;
	list-style-type:none;
	margin-bottom:2px;
	margin-left:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	
#nav li:hover li a {
	height:30px;
	width:220px;
	margin-left:-60px;

	}
	
#nav li:hover li a:hover {
	height:30px;
	width:220px;
	margin-left:-60px;

	}
	
.explanation {
    width: 280px;
	height:auto;
	float:left;
	margin-left:0px;
	margin-right:0px;
	padding:10px;
	
	}
	
.cal {
    width: 298px;
	height:auto;
	float:left;
	margin-left:0px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-top: 1px solid #ff0000;
	border-left: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	border-right: 1px solid #ff0000;
	margin-bottom:12px;
	
	}
	
.content {
    width: 280px;
	height:auto;
	float:none;
	margin-left:0px;
	margin-right:0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:0px;
	
	}
	
.content-1 {
    width: 280px;
	height:auto;
	float:none;
	margin-left:0px;
	margin-right:0px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
	
	}
	
.side {
    width: 267px;
	height:auto;
	float:none;
	margin-left:10px;
	padding:10px;
	margin-bottom:10px;
	
	}
	
.side-cal {
    width: 298px;
	height:auto;
	float:left;
	margin-top:12px;
	margin-left:0px;
	background-color:#f2f9fd;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	padding:0px;
	border-top: 0px solid #ff0000;
	border-left: 0px solid #ff0000;
	border-bottom: 0px solid #ff0000;
	border-right: 0px solid #ff0000;
	
	}
	
.services {
	float:left;
	width:280px;
	height:auto;
	padding:10px;
	color:#FFFFFF;
	}
	
#footer .services {
	float:left;
	width:280px;
	height:auto;
	padding:10px;
	color:#FFFFFF;
	}
	
.about {
	float:left;
	width:280px;
	height:auto;
	padding:10px;
	}
	
.servo {
	float:left;
	width:280px;
	height:auto;
	padding:10px;
	text-align:left;
	}
	
.sub-header-name {font-size: 30px; line-height:33px; color:#ff0000; font-weight:bold; text-shadow: 0 0 3px #000000;}
	
.sub-header-number {font-size: 24px; line-height:27px; color:#000000; font-weight:bold;}
	
#left-side {
    width: 267px;
	height:auto;
	float:none;
	padding:10px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:10px;
	display:none;
	}
	
	
	
	#footer {
    width: 298px;
	height:auto;
	background:#000000;
	float:none;
	margin-top:10px;
	margin-bottom:12px;
	margin-left:0px;
	border-top: 0px solid #ff0000;
	border-left: 0px solid #ff0000;
	border-bottom: 0px solid #ff0000;
	border-right: 0px solid #ff0000;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	}
	
	
#sub-footer {
    width: 300px;
	
	}
	

}