html {
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

* {
	color : #fff;
	font-size : 12px;
}

a {
	color : #FFF;
	text-decration : none;
}

a:hover {
	color : #00f;
	text-decration : underline;
}

body {
	background : #ccc;
	margin : 0px;
	height : 100%;
}

body #main {
	background : #5a5a5a;
	width : 900px;
	height : auto;
	margin-left : auto;
	margin-right : auto;
}


#main div.head {
	background : #272727;
	height : auto;	
}

#main div.body {
	height : auto;
}

#logo {
	background-image: url(../images/logo_banner.jpg);
	background-repeat: no-repeat;
	margin : 0px;
	width : 900px;
	height : 171px;
	float : left;
	z-index: 1;
}

#navigation {
	background-color : #ab1100;
	border-bottom : #fff 3px solid;
	height : 30px;
	margin : 0px;
	padding : 0px;
	width : 100%;
	line-height : 30px; 
}

#navigation ul {
	width : auto;
	margin : 0px;
	margin-right : 5px;
	margin-left : 5px;
	font-size: 12px;
	height : 30px;
	float : right;
}
#navigation ul li{
	clear : right;
	display : inline;
	float : left;
	width : auto;
	text-align : right;
}

#navigation ul li a{
	font-weight: bold;
	text-decoration : none;
	color : #FFFFFF;
	padding : 0px;
	padding-left : 20px;
	padding-right : 20px;
	border-left : #FFF 1px solid;
}

#navigation ul li a:hover{
	color:#FFCC00;
}

div.banner {
	border : 0px;
	border-bottom : 3px #FFF solid !important;
	height : 313px;
    min-height : 313px;
	background: #ad1100;
}

div.inner {
	height : 200px;
    min-height : 200px;
}


div.banner img {
	float : left;
}

div.content {
	width : 860px;
	background: #201e21;
	margin: 20px;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-right: 0px !important;
	height : auto;
	min-height : 250px;
	clear : both;
}

div.content div {
	float : left;
	width : auto;
}

div.content div.aux-content {
	height : auto;
	width : 100% !important;
}

div.content div.aux-content div.full {
	width : 100% !important;
	height : auto;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
	float : none;
}

div.content div.aux-content1 {
	height : auto;
	width : 500px !important;
}

div.content div.aux-content1 div fieldset {
	margin : 20px;
	border : 1px #d1d1d1 dotted;
}

div.content div.aux-content1 div fieldset div{
	margin : 0px;
	margin-top : 10px;
	margin-left : 5px;
}

div.content div.aux-content1 div fieldset div {
	width : 65%;
	float : left;
}

div.content div.aux-content1 div fieldset form {
	margin-top : 20px;
	padding-bottom : 20px;
}

div.content div.aux-content1 div fieldset img.ok, div.content div.aux-content1 div fieldset img.error{
	width : 16px;
	/*display : none;*/
}

div.content div.aux-content1 div fieldset div input{
	width : 250px;
	border : 1px #FFCC00 solid;
	background-color : #999;
	color : #FFF;
}

div.content div.aux-content1 div fieldset div input.error, div.content div.aux-content1 div fieldset div textarea.error{
	border : 1px #F00 dotted;
}

div.content div.aux-content1 div fieldset form div.button{
	margin : 0px;
	margin-top : 10px;
}

div.content div.aux-content1 div fieldset form div.button input{
	width : 100px;
	border : none;
	background-color : #FFF;
	color : #fff;
	margin : 0px;
	margin-left : 10px;
	background: url(../images/btn_bg.jpg) repeat-x;
}



div.content div.aux-content1 div fieldset div textarea{
	width : 250px;
	height : 100px;
	border : 1px #FFCC00 solid;
	background-color : #999;
	color : #FFF;
}

div.content div.aux-content1 div fieldset div.label{
	width : 30% !important;
}

div.content div.aux-content1 div fieldset div.pac {
	width : 60%;
}

div.content div.aux-content1 div fieldset div.pac_word {
	width : 30%;
}

div.content div.aux-content1 div fieldset div.pac_word input{
	width : 50px;
}

div.content div.aux-content1 div fieldset div.fckeditor{
	margin : 0px;
	margin-top : 0px;
}

div.aux-content1  div {
	width : 100%;
}

div.aux-content1 div p {
	color : #fff;
	margin : 20px 20px;
	font-size : 12px;
	width : auto;
}

div.aux-content1 h2 {
	font-size: 14px;
	font-weight: bold;
	margin : 20px;
	color:#FFCC00;
}

div.aux-content1 li, div.aux-content1 ol {
	margin-top : 5px;
}

div.aux-content2 {
	width : 360px !important;
	height: auto;
}

div.aux-content2 img {
    margin : 0px;
    margin-left : 40px !important;
    margin-top : 20px !important;
    margin-bottom : 20px;
}

div.aux-content2 div {
	margin : 0px;
	float : left; 
	margin-left : 20px;
}

div.footer {
	background: #ad1100;
	border-top: 3px #fff solid;
	clear : both;
	height : 30px;
	padding-top: 10px;
}
div.footer span {
	color:#FFFFFF;
	font-size : 10px;
	margin : 10px;
	margin-top : 10px;
	clear : both;
	
}

div.footer span.counter {
	width : auto;
	vertical-align : bottom;
	line-height : 1px;
	float : right;
	margin-top : -12px;
}

div.clear, br.clear {
	clear : both;
}

#pflow {
	float : none !important;
	width : 700px;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
} 

div.aux-content h2 {
	font-size: 14px;
	font-weight: bold;
	margin : 20px;
	color:#FFCC00;
}

#mygallery-container {
	width : 860px;
	background: #201e21;
	margin-top: 0px;
    margin-bottom: 0px;
	margin-left : 20px !important;
	margin-right: 20px !important;
	padding-top : 20px;
	height : 170px;
	min-height : 170px;
	clear : both;
}

#mygallery-border {
	width : 860px;
	height : 165px;
	min-height : 165px;
	margin-left : auto;
	margin-right : auto;
	clear : both;
	border-top: 1px #3a373b solid;
	border-bottom: 1px #3a373b solid;
}

#mygallery {
	width : 750px;
	background: #201e21;
	height : 142px;
	margin-top : 11px;
	margin-left : auto;
	margin-right : auto;
	min-height : 142px;
	float : left;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border :0px;
	overflow: scroll; /*leave this value alone*/
	width: 500px; /*Width of Carousel Viewer itself*/
	height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 10;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 2px; /*margin around each panel*/
	width: 190px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel img{
	border: 2px #FFF solid;
}

.border-side {
	float : left;
	width : 50px;
}

div.accreditation {
	width : 621px !important;
	margin : 0px;
	margin-left : auto;
	margin-right : auto;
	float : none !important;
}

div.accreditation div {
	float : left;
	text-align : center;
	font-weight : bold;
}

div.accreditation a{
	font-weight: bold;
	text-decoration : none;
	color : #FFFFFF;
}

div.accreditation a:hover{
	color:#FFCC00;
}

div.accreditation a img{
	border : none;
}