/* Getting the new tags to behave */
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;}
.center { text-align: center; }
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background: #e5d500 url(../images/bg_top.jpg) top repeat-x; padding-bottom:37px; border:0; font:15px Arial, Helvetica, sans-serif; color:#fff; line-height:20px;}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 979px; }


/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: underline; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:52px 0 0 28px; font-variant: small-caps;}
h2{ font-size:30px; line-height:34px; font-weight:normal; color:#fff; padding: 22px 0 23px 0;font-variant: small-caps;}
p{ padding-bottom:18px;}

.shadow {
-webkit-box-shadow: 0px 0px 4px 0px #000000;
-moz-box-shadow: 0px 0px 4px 0px #000000;
box-shadow: 0px 0px 4px 0px #000000;
}

.box{
margin-top:16px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;

background: #383838; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzM4MzgzOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #565656 0%, #383838 10%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#565656), color-stop(10%,#383838)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #565656 0%,#383838 10%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #565656 0%,#383838 10%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #565656 0%,#383838 10%); /* IE10+ */
background: linear-gradient(top,  #565656 0%,#383838 10%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565656', endColorstr='#383838',GradientType=0 ); /* IE6-8 */


}

.box_footer{
height: 40px;
line-height: 40px;
padding-right: 20px;
background: #131313; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzEzMTMxMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzNjM2MzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #131313 0%, #555 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#131313), color-stop(100%,#555)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #131313 0%,#555 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #131313 0%,#555 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #131313 0%,#555 100%); /* IE10+ */
background: linear-gradient(top,  #131313 0%,#555 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131313', endColorstr='#555',GradientType=0 ); /* IE6-8 */

-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}
.pad{ padding:0 22px 0 22px;}
/* ============================= header ====================== */
header{}

#top_nav{ float:right; padding-top:59px; padding-right:0px;}
#top_nav li{ float:left; padding-right:18px; background:url(../images/line_top.gif) right 12px no-repeat; margin-right:17px;}
#top_nav li a{ display:block; width:34px; height:34px;}

#top_nav .img1 a{ background:url(../images/top_img1.gif) 0 0 no-repeat;}
#top_nav .img1 a:hover, #top_nav .img1 .active{ background:url(../images/top_img1_active.png) 0  0 no-repeat}
#top_nav .img2 a{ background:url(../images/top_img2.gif) 0 0 no-repeat;}
#top_nav .img2 a:hover, #top_nav .img2 .active{ background:url(../images/top_img2_active.png) 0  0 no-repeat}
#top_nav .img3 a{ background:url(../images/top_img3.gif) 0 0 no-repeat;}
#top_nav .img3 a:hover, #top_nav .img3 .active{ background:url(../images/top_img3_active.png) 0  0 no-repeat}
#top_nav .img3{ background:none; padding-right:14px}

#logo{ background:url(../images/logo.png) no-repeat; width:414px; height:47px; display:block; text-indent:-5000px;}


#menu { width:100%; overflow:hidden; border-bottom:4px solid #FFD101; padding-top:24px;}
#menu li { 
float:left; 
background:url(../images/menu_marker.png) 10px 23px no-repeat; 
padding:0 33px;
margin: 0 6px;

//margin-left:-14px;
}
//#menu li { float:left; background:url(../images/menu_marker.png) right 23px no-repeat; margin-left:-14px;}
#menu li a{ display:block; font-size:20px; color:#fff; text-decoration:none; line-height:59px;
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;
}
#menu li:hover, #menu #menu_active { 
padding: 0 33px;
color: #1C1C1C;
/* BACKGROUD */
background: #FFD101; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZTc3OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmQxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ffe778 0%, #ffd101 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe778), color-stop(100%,#ffd101)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffe778 0%,#ffd101 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffe778 0%,#ffd101 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffe778 0%,#ffd101 100%); /* IE10+ */
background: linear-gradient(top,  #ffe778 0%,#ffd101 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe778', endColorstr='#ffd101',GradientType=0 ); /* IE6-8 */

/*RADIOUS*/ 
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-radius: 20px 20px 0px 0px;
border-radius: 20px 20px 0px 0px;

/*TRANS*/
-webkit-transition: all 500ms ease-in-out;
-moz-transition: all 500ms ease-in-out;
-o-transition: all 500ms ease-in-out;
transition: all 500ms ease-in-out;

/*SHADOW*/
-webkit-box-shadow: 0px 0px 4px 0px #000000;
-moz-box-shadow: 0px 0px 4px 0px #000000;
box-shadow: 0px 0px 4px 0px #000000;
}
#menu li:hover a, #menu #menu_active a{ 
-webkit-transition: color 0.5 ease;
-moz-transition: color 0.5 ease;
-o-transition: color 0.5 ease;
transition: color 0.5 ease;
color: #1C1C1C;
}
#menu .bg_none{ 
//background:none
}

/*--- slider begin ---*/

#faded { position:relative}
#faded .rap { 
height:361px; 
margin-top:4px; 
overflow: hidden;
-webkit-box-shadow: 0px 0px 4px 0px #000000;
-moz-box-shadow: 0px 0px 4px 0px #000000;
box-shadow: 0px 0px 4px 0px #000000;
}

ul.pagination { position:absolute; z-index:10; margin-top:-36px; margin-left:830px;}
ul.pagination li {float:left; padding-right:4px;}
ul.pagination li a {background: url(../images/buttons.png) no-repeat; height:20px; width:20px; display:block; }
ul.pagination li a:hover, ul.pagination li.current a { background: url(../images/buttons_active.png) no-repeat;}

.text{ position:absolute; z-index:10; background:url(../images/box1.png) no-repeat; display:block; width:289px; height:289px; top:33px; left:595px;}

/*--- slider end ---*/


/* ============================= content ====================== */

#content{ width:100%; overflow:hidden; padding-bottom:28px; padding-top:18px;}

.pad1{ padding:33px 33px 31px 33px}
.pad_left1{ padding-left:51px;}
.pad_left2{ padding-left:10px;}
.pad_bot1{ padding-bottom:30px;}
.pad_bot2{ padding-bottom:20px}
.marg_right1{ margin-right:29px;}
.marg_right2{ margin-right:20px;}
.pad_top1{ margin-top:19px;}

#welcome p, #about p, #services p{ font-size:25px; line-height:28px; color:#6d6d6d}
#welcome p span, #about p span, #services p span{ color:#fff}
#welcome h2, #about h2{ font-size:42px; padding:37px 0 23px 0;}
#welcome h2 span, #about h2 span, #services h2 span{ color:#ffd101}
#welcome ul li, #about ul li{
font-size: 12pt; 
line-height: 30px;
padding-left: 33px;
background: url(../images/marker_1.png) 0 6px no-repeat;
}
#services h2{ font-size:25px; padding:30px 0 23px 0;}
#services ul li{
font-size: 12pt; 
line-height: 25px;
padding-left: 33px;
background: url(../images/marker_1.png) 0 4px no-repeat;
}
#services ul li ul li{
padding-left: 33px;
font-size: 11pt; 
line-height: 20px;
text-transform: lowercase;
background: url(../images/menu_marker.png) 0 3px no-repeat;
}
#about img{
float: left; 
margin-right: 15px;
}
img.rad{
border: 2px solid #FF1;

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}


.box1{ background:#555}

.list1{}
.list1 li{ line-height:30px; padding-left:33px; background:url(../images/marker_2.png) 0 8px no-repeat}
.box1 .list1 li{font-size: 12pt; line-height:30px; padding-left:33px; background:url(../images/marker_1.png) 0 6px no-repeat}
.list1 li a{ text-transform:uppercase;}

.col2 h2{
padding: 0 0 15px 0;
font-size: 25px;
line-height: 28px;
}
.col2 h3{
padding: 0 0 10px 20px;
font-size: 15px;
color: #ffd101;
}
.col2 p{
padding: 10px 0;
font-weight:bold;
font-size: 12pt;
}
.col2 span.small{
font-size: 9px;
line-height: 12px;
}

small {font-size: 75%;}
small a{color: #ffd101;}
.under{ padding-bottom:11px; border-bottom:1px solid #565657; margin-bottom:19px;}
.under_dark{ padding-bottom:11px; border-bottom:1px solid #353535; margin-bottom:19px;}
.under_dark a{
font-size: 15px;
color: #ffd101;
}
.under2{ padding-bottom:29px; border-bottom:1px solid #272727; margin-bottom:29px;}

.font1{ font-size:20px; line-height:22px; color:#767676; text-transform:uppercase}
.font1 span{ color:#fff;}
.font2{ font-weight:bold; color:#5f5f5f}

.button{
display:inline-block;
color:#1C1C1C;
text-transform:uppercase;
text-decoration:none;
line-height:26px;
padding:0 12px;
background:#fff;

-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
-webkit-border-radius: 7px 7px 7px 7px;
border-radius: 7px 7px 7px 7px;

-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.button:hover{
-webkit-box-shadow: 0px 0px 6px 0px #000000;
-moz-box-shadow: 0px 0px 6px 0px #000000;
box-shadow: 0px 0px 6px 0px #000000;

background: #ffd101;
}

.banner{ margin:0 -33px 0 -36px; position:relative}

.link1{ text-transform:uppercase; text-decoration:none; background:url(../images/marker_2.png) 0 0px no-repeat; padding:1px 0 1px 26px}
.box1 .link1{ background:url(../images/marker_1.png) 0 0px no-repeat; }
.link1:hover{ text-decoration:underline}

.color1{ color:#5f5f5f}

/* ============================= footer ====================== */

footer { line-height:34px; font-size:12px; text-transform:uppercase; color:#868686}
footer a{ color:#cda800; text-decoration:none;}
footer a:hover{ text-decoration:underline}

/* ============================= forms ============================= */

#ContactForm { width:538px;}
#ContactForm a{ margin-left:24px; float:right; margin-top:18px;}
#ContactForm .input {width:217px; height:15px; border:1px solid #323232; background:#555; padding:2px 5px; margin-bottom:11px;color:#fff; font:13px Arial, Helvetica, sans-serif}
#ContactForm textarea {width:246px; height:115px; border:1px solid #323232; background:#555; padding:2px 5px; margin-bottom:11px;color:#fff; font:13px Arial, Helvetica, sans-serif; overflow: auto}

.col_1{ width:229px; float:left;}
.col_2{ width:258px; float:left;}