*{ margin: 0; padding: 0; }*

body { /* margin: 50px 0 0;*/ margin: 0; background: #f7f6f2 url(../images2/top_bg.png) repeat-x; font: .74em Arial, Sans-Serif; color: #444; }

	h1 { font-size: 3em; font-weight: normal; float: left; }
	h1 a { text-decoration: none; }
	h2 { font-size: 2em; color: #FFF2B3; font-weight: normal; margin: 0 0 .8em; }
	h3 { font-size: 1.5em; border-bottom: 1px solid #eee; margin: 0 0 .8em; }
	p  { margin: 0 0 2em 0; line-height: 1.8em; }
	em { border-bottom: 1px dotted #fff; cursor: pointer; }
	a { color: #002f5c; }
        a:hover { color: #ed7424; }
	a:hover { color: #A0000E; text-decoration: none; }
	img { border: 0; }
	.red { color: #ed7424; }
        .mt { margin-top:15px; }
.cc:after { content: "."; display: block; height: 0; font-size: 0; clear: both !important; visibility: hidden; }
.cc { min-height: 1px; }
* html .cc { height: 1px; }

.wrap { width: 1000px; margin: 0 auto; }

#header { width: 1000px; height: 149px; margin: 0 auto; position: relative; }

        #logo { display: block; width: 314px; height: 132px; background: url(../images2/getiq_logo.png) no-repeat; margin-top: 4px; }
	#menu { float: right; padding: 86px 0 0 0; list-style: none; }
		#menu li { display: inline; }
                #menu a { display: block; float: left; margin-left: 10px; padding:21px 17px 20px 17px; text-decoration: none; font-size: 18px; color: #003b66; }
		#menu a:hover { color: #000000; }
                #menu .active a { color: #000000; background: url(../images2/menu_active.png) repeat-x top; border-left: 1px solid #e5e0da; border-right: 1px solid #e5e0da; }

#bar { height: 137px; margin: 0px; padding: 8px 0 0 0; background: url(../images2/teaser_bg.png) repeat-x; }
	#step1 { background: url(../images2/step1.png) no-repeat; display: block; width:262px; height:90px; float: left; margin-left: 0px; }
        #step2 a { background: url(../images2/step22.png) no-repeat; display: block; width:309px; height:90px; float: left; margin-left: 26px; background-position: top; }
        #step2 a:hover { background-position: bottom; }
        #step3 { background: url(../images2/step3.png) no-repeat; display: block; width:367px; height:90px; float: left; margin-left: 26px; }
        #bar .wrap { margin-top: 10px; }

.col { float: left; width: 640px; margin: 0px; }
	.col p { color: #4e4e4e; font-size:0.9em; text-align: justify; margin:0 0 1em; }
.col_side { float: right; width: 320px; margin: 0px; }
.col_full { float: left; width: 980px; margin: 0px; }

#footer { position: relative; clear: both; width: 1000px; margin: 0 auto; padding: 10px; background: url(../images2/footer.png) repeat-x; text-align: center; }
	#footer a { color: #808080; font-weight: bold; }
        #footer ul { list-style-image:none; list-style-position:outside; list-style-type:none; padding:0px; margin-bottom: 20px; }
        #footer ul li { display: inline; }
        #footer ul li a { color: #000; text-decoration: none; margin-right: 6px; padding-right: 6px; border-right: 1px solid black; }
        #footer ul#keywrd { margin-bottom: 0px !important; }
        #footer ul#keywrd li a { font-size: 10px; color:#353535; }
        #footer p { margin:0; }
        .noborder { border: none !important; }

#langbar { 
        position:absolute;
        right:0;
        top:12px;
        z-index:9998;
        width: 215px;
        }
#langbar a#currentlang {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(../images2/selectend.png) no-repeat scroll right top;
        color:#a9a9a9;
        display:block;
        float:left;
        height:20px;
        line-height:20px;
        margin-left:10px;
        padding-right:18px;
        position:relative;
        text-decoration:none;
        }
#langbar a#currentlang b {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(../images2/select.begginer.png) no-repeat scroll left top;
        cursor:pointer;
        display:block;
        float:left;
        font-weight:normal;
        height:20px;
        line-height:20px;
        padding-right:10px;
        width:160px;
}
#langbar span.gb {
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        background:transparent url(../images2/gb.png) no-repeat scroll left center;
        padding-left: 30px;
}
#langbar span {
        display:block;
        line-height:20px;
        margin-left:10px;
        padding-left:24px;
}

        #langbar span { display:block; line-height:20px; margin-left:10px; padding-left: 24px;}
        #langbar span.rom { background: transparent url(images/langs/ro.gif) no-repeat left;}
        #langbar span.atm { background: transparent url(images/langs/at.gif) no-repeat left;}
        #langbar span.chm { background: transparent url(images/langs/ch.gif) no-repeat left;}
        #langbar span.gbm { background: transparent url(images/langs/gb.gif) no-repeat left;}
        #langbar span.czm { background: transparent url(images/langs/cz.gif) no-repeat left;}
        #langbar span.dem { background: transparent url(images/langs/de.gif) no-repeat left;}
        #langbar span.plm { background: transparent url(images/langs/pl.gif) no-repeat left;}
        #langbar span.rum { background: transparent url(images/langs/ru.gif) no-repeat left;}
        #langbar span.usm { background: transparent url(images/langs/us.gif) no-repeat left;}
        #langbar span.frm { background: transparent url(images/langs/fr.gif) no-repeat left;}
        #langbar span.bem { background: transparent url(images/langs/be.gif) no-repeat left;}
        #langbar span.iem { background: transparent url(images/langs/ie.gif) no-repeat left;}
        #langbar span.hum { background: transparent url(images/langs/hu.gif) no-repeat left;}
        #langbar span.zam { background: transparent url(images/langs/za.png) no-repeat left;}
        #langbar span.aum { background: transparent url(images/langs/au.png) no-repeat left;}
        #langbar span.grm { background: transparent url(images/langs/gr.png) no-repeat left;}

#checkresults { position: absolute; top: 55px; right: 0px; }
#checkresults span { color: #fff; float: left; padding-right: 10px; padding-top: 4px; color: #ffffff; }
a.orange_but {
    /* Sliding right image */
        background: transparent url('../images2/button_left.png') no-repeat scroll top right;
        display: block;
        float: left;
        height: 25px; 
        margin-right: 6px;
        padding-right: 17px; 
        /* FONT PROPERTIES */
        text-decoration: none;
        color: #003b66;
        font-family: Arial, Helvetica, sans-serif;
        font-size:12px;
        font-weight:bold;
}
a.orange_but span {
/* Background left image */ 
        background: transparent url('../images2/button_right.png') no-repeat;
        display: block;
        line-height: 13px; 
        padding: 5px 0 7px 18px;
        color: #003b66 !important;
} 
a.orange_but:hover span{ color: #000000 !important; }

#tshirt {
    display: block;
    height:195px; width:315px;
    background: transparent url('../images2/t-shirt.png') no-repeat;
    margin-bottom: 24px;
}
#tshirt h3 { border: none; color: #004272; padding: 16px 0px 0px 20px; text-shadow:0px 1px 1px #606060; font-size: 22px;}
#tshirt p { color: #606060; padding: 0px 0px 0px 20px; font-size: 1.3em; font-weight: bold; width: 140px; }
#tshirt p b { color: #ee7f35; font-size: 1.4em; }

/* ============ carousel ================*/
.iq_slides {
    margin-bottom: 24px;
}
.iq_slides .carousel-previous {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images2/prev.png) no-repeat scroll 0 0;
margin:0px -3px 0px 0px; padding:0px;
}
.iq_slides .carousel-next {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images2/next.png) no-repeat scroll 0 0;
margin:0px 0px 0px -3px; padding:0px;
}
.js .carousel-wrap {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
display:inline-block;
margin:0px; padding:0px;
vertical-align:middle;
width:530px;
}
.iq_slides .carousel-control {
cursor:pointer;
display:inline-block;
height:322px;
line-height:999px;
overflow:hidden;
vertical-align:middle;
width:34px;
 padding:0px;
}
.iq_slides ul li {
margin:0;
position:relative;
width:530px;
margin:0px; padding:0px;
}
.js ul li {
display:inline;
float:left;
height:322px;
overflow:hidden;
text-align:center;
width:530px;
margin:0px; padding:0px;
}
.carousel-pagination p {
    text-align: center;
    margin-left: 250px;
}
.carousel-pagination p a {
display: inline; height:22px; width: 22px; color: #fff;
background:transparent url(../images2/pagination_inactive.png) no-repeat 0 0; font-weight: bold;
cursor: pointer; cursor: hand;
float: left; font-size: 1em; line-height: 1.9em;
}
.carousel-pagination p a.active {
    background:transparent url(../images2/pagination_active.png) no-repeat 0 0; font-size: 1.3em; line-height: 1.45em;
}


.bullet { margin: 10px 0px 10px 20px; }
.bullet li { color: #ED7424; margin: 6px 0px; }
.bullet li ul li, .bullet li ul li a { color: #002F5C; list-style-type: disc; }

/*Chart*/
#chart { position: relative; float: right; width: 320px; height: 270px; margin-top: -10px; background:transparent url(../images/shadow_chart.gif) repeat-x left top;}
p.chart_title { font-size: 12px; font-weight: bold; margin-bottom: 11px; color:#5499d9; text-align: center; margin-top: 14px;}
p.chart_title strong { font-size: 16px; color:red; }

/*Charts page*/
#charts .charts { position: relative; margin: 0px auto; width: 950px; margin-left:70px; }

#charts .top_countries { position: relative; width: 950px; margin-left:21px;}
#charts .top_countries .layer { position: relative; float: left; width: 200px; text-align: left; margin-right: 50px; background:transparent url(../images/dots_v.gif) repeat-y 225px top;}
#charts .top_countries .layer.last { position: relative; margin-right: 0px;}

#charts .top_countries .layer .continent_title { position: relative; font-size: 14px; font-weight: bold; margin-bottom: 12px; color: #6DABE5; }

.country { position: relative; height:40px; width:200px; background:transparent url(../images/dots_h.gif) repeat-x left bottom; margin-bottom: 7px;}
.country img { float: left;}
.country h3 { position: absolute; top: auto; left: 48px; margin-top: 0px; font-weight:bold; text-transform: uppercase; width: 152px; color: #838383; font-size:12px; }
.country h3  strong, .country  span.place  strong{ color:#838383; font-size: 11px; font-weight:normal; text-transform: none;}
.country  span.place { float: right; position:absolute; right:0px; top:auto; color: red; font-size:20px; font-weight:bold; text-align: right;}

.paragraph {color: black; margin: 0 0 1em;}

/*Language selection*/
#otherlang {height: 395px; background: #343434; width: 190px; margin-left: 10px; margin-top: 28px }
/*#otherlang-outer {display: none; overflow: hidden; height: 400px; margin: 17px 20px 20px 9px;}*/
/*#otherlang a { padding: 6px 0px 6px 0px; }*/

a:hover, a:active { outline: none;}
a:focus { -moz-outline-style: none;}
object:focus { -moz-outline-style: none;}

