header, hgroup, nav, article, section, footer, aside, address{ display:block;}

/*time {  font-style:italic; padding:0px 5px;}*/

/*address { font-size:11px; padding:10px 10px; text-align:right }*/

body {
    font-family: Verdana,"Verdana CE",Arial,"Arial CE","Lucida Grande CE",lucida,"Helvetica CE",sans-serif;
    /*background-color: #444444;*/
    font-size: 90%;
    /*background-image: url('../images/background6.jpg');*/
    /*background-image: url('../images/development4.jpg');*/
    /*background-color: #1C1C1C;*/
    margin: 20px;
    
    background: #2E2E2E; /* for non-css3 browsers */
    
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* /* for IE */
/* background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000));*/ /* for webkit browsers */
/* background: -moz-linear-gradient(top,  #ccc,  #000);*/ /* for firefox 3.6+ */ 

}

h1 {    
    font-size: 130%;
    /*margin: 0px;*/
    margin: 10px 0;
    /*border-bottom: 1px solid #dedede;*/
}

h2 {
    font-size: 120%;
    /*margin:0px;*/
    margin: 10px 0;
}

h3 {
    font-size: 110%;
    margin:0px;
}

p {
    line-height: 22px;
    margin: 15px 0;
}

#images {
    width: 100%;
    border: 0px;
    margin: 0 auto;
    padding: 0px;
    display: block;
}

#images #image1, #image2, #image3, #image4, #image5, #image6 {   
    width: 16.66%;
    background-color: white;
    /*display: inline-block;*/
    display: inline-block;
    /*overflow: hidden;*/
    text-align:center;
    vertical-align: top;
    opacity:1;
    /*position: relative;*/
    filter:alpha(opacity=100); /* For IE8 and earlier */
    /*style="border:inactiveborder;padding-right:0px;padding-bottom:0px;*/
}

/*
#images #image1 p, #image2 p, #image3 p, #image4 p, #image5 p, #image6 p {
    text-align: left;
    padding: 5px;
    font: 90% Verdana;
    position: relative;

}
*/

/*
#images #image1 .caption, #image2 .caption, #image3 .caption, #image4 .caption,
    #image5 .caption, #image6 .caption {  
    background-color: rgba(0,0,0,0.8);
    text-align: center;
    position: absolute;
    color: #fff;  
    z-index: 100;
    -webkit-transition: all 300ms ease-out;  
    -moz-transition: all 300ms ease-out;  
    -o-transition: all 300ms ease-out;  
    -ms-transition: all 300ms ease-out;  
    transition: all 300ms ease-out;  
    left: 0;  
}

#images #image1 .simple-caption, #image2 .simple-caption, #image3 .simple-caption,
    #image4 .simple-caption, #image5 .simple-caption, #image6 .simple-caption {  
    height: 30px;  
    width: 100%;
    display: block; 
    bottom: -30px;  
    line-height: 30pt;  
    text-align: center;  
}

#images #image1:hover .simple-caption, #image2:hover .simple-caption, #image3:hover .simple-caption
    #image4:hover .simple-caption, #image5:hover .simple-caption, #image6:hover .simple-caption {  
     -moz-transform: translateY(-110%);  
     -o-transform: translateY(-110%);  
     -webkit-transform: translateY(-110%);  
     transform: translateY(-110%);  
 }  
*/

#images #image1 h1, #image2 h1, #image3 h1, #image4 h1, #image5 h1, #image6 h1 {
    text-align: left;
    padding: 2px;
    /*font: 80% Verdana;*/
    font-size: 80%;
    position: relative;
    margin: 0px;
    border: 0px solid grey;
    /*top:0px;*/
    vertical-align: top;
    background-color: lightgrey;
}

#images #image1 a.more, #image2 a.more, #image3 a.more, #image4 a.more, #image5 a.more, #image6 a.more {
    color: grey; /*#CCCCCC;*/
    display: block;
    /*font: 50% Verdana;*/
    font-size: 50%;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: bottom;
}

#images #image1 a.moreactive, #image2 a.moreactive, #image3 a.moreactive, #image4 a.moreactive, #image5 a.moreactive, #image6 a.moreactive {
    color: black; /*#CCCCCC;*/
    background-color: lightgrey;
    display: block;
    /*font: 50% Verdana;*/
    font-size: 60%;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    /*text-transform: uppercase;*/
    vertical-align: bottom;
    border-top: 1px solid #A4A4A4; /*new*/
    border-left: 0px solid #A4A4A4; /*new*/
    border-right: 0px solid #A4A4A4; /*new*/
}


#images #image1 img:hover, #image2 img:hover, #image3 img:hover, #image4 img:hover, #image5 img:hover, #image6 img:hover  {
   color: #DF7401;
   opacity:0.8;
   filter:alpha(opacity=80); /* For IE8 and earlier */
}

images nth-last-child(1){
    margin: 0px;
    border-right:none;
}

#extralinks {
    width: 100%;
    border: 0px;
    margin: 0 auto;
    padding: 0px;
    display: block;
}

#extralinks #extra1, #extra2, #extra3, #extra4 {
    width: 25%;
    /*background-color: white;*/
    /*display: inline-block;*/
    display: inline-block;
    vertical-align: top;
    /*text-align:center;*/
}

#extralinks #extra1 h1, #extra2 h1, #extra3 h1, #extra4 h1 {
    font-size: 90%;
    /*margin: 10px 0;*/
    /*text-align:center;*/
    font-weight: normal;
    border: 0px;
    padding-left: 50px;
    /*border-bottom: 1px solid #dedede;*/
}

#extralinks #extra1 ul, #extra2 ul, #extra3 ul, #extra4 ul {
    list-style: none;
}

#extralinks #extra1 ul li a, #extra2 ul li a, #extra3 ul li a, #extra4 ul li a {
    font-size: 80%;
    display: inline-block;
    padding: 0 15px;
    height: 16px;
    line-height: 12px;
    text-decoration: none;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    color: #424242; /*#888;*/
    font-weight: normal; 
}

#extralinks #extra1 ul li a:hover, #extra2 ul li a:hover, #extra3 ul li a:hover, #extra4 ul li a:hover {
    color: #DF7401; /*dark orange*/
    }

.sidebar h1, #comments h1{
    font-size:90%;
    padding:0px;
    border-bottom:1px
    solid #dedede;
    font-weight: bold;
}

.sidebar p {
    font-size: 90%;
    line-height: 16px;
}

/* for the flag and the language */
.alignright {
    float: right;
}

#Internalwrapper {
    padding: 20px;
    /*margin: 1px;*/
    border: 1px solid #F1F1F1;
    background: none repeat scroll 0 0 white; /*#FAFAFA;*/
}


#Wrapper { 
    width: 92%; 
    margin:0px auto;    
    border: 3px solid #F1F1F1;
    background: none repeat scroll 0 0 #FFFFFD;
}

#Wrapper2{ 
    overflow:hidden; 
    /*border:1px dotted #ddd;*/
    background-color: #f9f9f9;
}
#header {
    width: 100%;

}

img {
    max-width: 100%;
}

video {
	max-width: 100%;
	height: auto;
}

#navigation {
    height: 37px;
    /*border: 1px solid #ddd;*/
    margin:0px auto;
    background-color: #A4A4A4; /*#C7C7C7;*/
    /*background-image:-webkit-linear-gradient( 90deg, #ccc 0%, #f9f9f9 10%, #fff 90%, #ccc 100%)           */   
    border-style: solid;
    border-width: 0px;
    border-color: #A4A4A4 #A4A4A4 lightgrey;
}

#header #navigation a.active {
    background: none repeat scroll 0 0 lightgrey;
}

#navigation ul {
    list-style: none;
    margin:0px;
    padding:0px;
}

#navigation ul li {
    float: left;
    /*border-right: 1px solid #ddd;*/
    /*text-shadow: 0 1px 0 #fff;*/
    background-color: #A4A4A4; /*#C7C7C7;*/
} 
/*#navigation ul li:nth-last-child(1){ border-right:none;}*/
#navigation ul li a {
    display: inline-block;
    padding: 0 15px;
    height: 37px;
    line-height: 38px;
    text-decoration: none;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    color: #424242; /*#888;*/
    font-weight: normal;
}

/*
#navigation ul li a:active {
        background: #f6f6f6;
        -webkit-box-shadow: inset 0 2px 5px #ddd;
        -moz-box-shadow: inset 0 2px 5px #ddd;
        box-shadow: inset 0 2px 5px #ddd;
}*/

#navigation ul li a:hover{ color: #DF7401;} /*dark orange*/


#header #subnavigation a.active {
    /*background: none repeat scroll 0 0 red;*/
    text-decoration: underline;
}

#subnavigation {
    height: 30px;
    /*border: 1px solid *#ddd;**/
    margin:0px auto;
    background-color: lightgrey;
    /*background-image:-webkit-linear-gradient( 90deg, #ccc 0%, #f9f9f9 10%, #fff 90%, #ccc 100%)*/
    border-top: 1px solid #A4A4A4; /*new*/
    border-bottom: 1px solid #A4A4A4; /*new*/
    border-left: 0px solid #A4A4A4;
    border-right: 0px solid #A4A4A4;    
}

#subnavigation ul {
    list-style: none;
    margin:0px;
    padding:0px;        
}

#subnavigation ul li {
    float: left;
    /*border-right: 1px solid #ddd;*/
    /*text-shadow: 0 1px 0 #fff;*/
    background-color: lightgrey;
} 
/*#subnavigation ul li:nth-last-child(1){ border-right:none;}*/
#subnavigation ul li a {
    display: inline-block;
    padding: 0 15px;
    height: 30px;
    line-height: 28px;
    text-decoration: none;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    color: #424242; /*#888;*/
    font-weight: normal;
    font-size:90%;
}

/*
#subnavigation ul li a:active {
        background: #f6f6f6;
        -webkit-box-shadow: inset 0 2px 5px #ddd;
        -moz-box-shadow: inset 0 2px 5px #ddd;
        box-shadow: inset 0 2px 5px #ddd;
}*/

#subnavigation ul li a:hover{ color: #DF7401;} /*dark orange*/




#title h1 a, #title h1 a:hover, #title h1 a:hover, #title h1 a:hover  {	
    margin: 40px auto 20px auto;
    padding: 15px auto;
    display: inline-block;
    text-decoration: none;
    color: #444;
    -webkit-font-smoothing: antialiased;
    border-bottom: 6px solid transparent;
    text-rendering: optimizeLegibility;	
}

#title h1 a:hover {
    border-bottom: 6px solid #eee;
}

#title h2 {
    font-weight: bold;
    color: #aaa;
    font-size: 120%;
    line-height: 140%;
    /*font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;*/
    padding:5px 0px;
}

#title h2 small {
    color: #000;
    font-size: 110%;

    font-weight: bold;
    text-transform: uppercase;
}

#title h2 a {
    text-decoration: none;
    color: #999;
}



#contents{
    min-height: 408px;
    width: 52%;
    float: left;
    padding:20px 10px 20px 10px;
    overflow:hidden;
    line-height:21px;
}
#contents h1{ padding:5px 0px;}

#sidebar-wrapper {
    float: left;
    width:21%;
    padding: 20px 20px 20px 0px; /*padding:10px;*/
    /*border-right:1px solid #ccc;  */

}

#sidebar-wrapper-right {
    float: right;
    width:21%;
    padding: 20px 0 20px 20px; /*padding:10px;*/
    border-left:1px solid #ccc;

}

.sidebar {
    float: left;
    padding: 0px;
    width:90%;
}
.sidebar li{ padding:5px 0px;}

.sidebar #image1 img:hover, #image2 img:hover, #image3 img:hover, #image4 img:hover, #image5 img:hover, #image6 img:hover  {
   color: #DF7401;
   opacity:0.8;
   filter:alpha(opacity=80); /* For IE8 and earlier */
}

#comments article{ background-color:#fff; }

#comments footer{ 
    background-color:#f9f9f9;
    border-top:1px solid #CCC;
    border-bottom:3px solid #CCC;
    font-size:80%;
}

#comments footer p{ 
    padding:0px; 
    margin:0px;    
}
blockquote{ padding:10px; margin:0px 0px; border-bottom:1px solid #dedede;}
blockquote:before {
    content: '\201C';
}
blockquote:after {
    content: '\201D';
}

#sidebar-wrapper a.more {
    color: grey; /*#CCCCCC;*/
    display: block;
    font: 80% Verdana;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}

#sidebar-wrapper-right a.more {
    color: grey; /*#CCCCCC;*/
    display: block;
    font: 80% Verdana;
    letter-spacing: 1px;
    padding: 10px 0;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
}

#footer {
    clear: both;
    float: left;
    padding: 10px 0 10px 0;
    background: lightgrey;
    border-top: 1px;
    border-bottom: 1px;
    border-left: 0px;
    border-style: solid;
    /*border-width: 1px;*/
    border-color: #A4A4A4;    
}

#footer p {
    /*border-top:3px solid #CCC;*/
    padding: 0px;
    line-height: normal;
    /*margin: 0px 0 0 10px;*/
    text-align: center;
    font-size:80%;
}

/*
#copyrights {
    border-top:3px solid #CCC;
    border-bottom:3px solid #CCC;
    clear: both;
}

#copyrights p {
    float:left; 
    margin:10px 15px 0px 0px;
}
*/



@media all {
    #Wrapper,#navigation,#subnavigation ul li a {
        /*
        -webkit-transition: width 1s ease-in-out;
        -moz-transition: width 1s ease-in-out;
        -o-transition: width 1s ease-in-out;
        transition: width 1s ease-in-out;
        */
    }
}
@media screen and (min-width: 1401px){
    #Wrapper{ width: 1300px; margin:0px auto;}
    #contents{
        width: 52%;
    }
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 1200px) and (max-width: 1400px) {
    #Wrapper{ width: 1100px; margin:0px auto;}
    #contents{
        width: 52%;
    }
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 961px) and (max-width: 1200px) {
    #Wrapper{ width: 950px; margin:0px auto;}
    #contents{
        width: 50%;
    }
    #contents h1{ line-height:30px;}
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 859px) and (max-width: 960px) {
    #Wrapper{ width: 830px; margin:0px auto;}
    #navigation ul li a{ font-size:12px; padding:0px 11px;}
    #subnavigation ul li a{ font-size:12px; padding:0px 11px;}
    #contents{
        width: 50%;
    }
    #contents h1{ line-height:30px;}
    #footer {
        float: left;
        padding: 20px 0 20px 0;
        width:100%;clear:both; 
    }         
}
@media screen and (min-width: 761px) and (max-width: 860px) {
    #Wrapper{ width: 740px; margin:0px auto;}
    #navigation ul li a{ font-size:12px; padding:0px 11px;}
    #subnavigation ul li a{ font-size:12px; padding:0px 11px;}
    #contents{
        width: 45%;
    }
    #contents h1{ line-height:30px;}
    #footer {
        float: right;
        width:100%;clear:both; 
    }         
}


@media screen and (min-width: 641px) and (max-width: 760px) {	
    #Wrapper{ width: 620px; margin:0px auto;}
    header{ text-align:center;}
    /*#navigation{ height:190px;}*/
    #navigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #navigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}
    /*#subnavigation{ height:190px;}*/
    #subnavigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #subnavigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}            
    #contents{
        width: 86%;
        font-size:12px;
    }
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #Wrapper2 { clear:both;}
    #sidebar-wrapper {
        float: left; font-size:11px;
        width:65%;clear:both;
    }
    #sidebar-wrapper-right {
        float: right; font-size:11px;
        width:20%;clear:both;        
    }  
    #footer {
        float: right;
        width:100%;clear:both; 
    }         
}

@media screen and (min-width: 421px) and (max-width: 640px) {
    #Wrapper{ width: 420px; margin:0px auto;}
    header{ text-align:center;}
    /*#navigation{ height:190px;}*/
    #navigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #navigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}
    /*#subnavigation{ height:190px;}*/
    #subnavigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #subnavigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}        
    #contents{
        width: 95%;
        font-size:12px;position:relative;
    }
    #Wrapper2 { clear:both;}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar-wrapper {
        float: none; font-size:11px;
        width:95%;clear:both; 
    }
    #sidebar-wrapper-right {
        float: none; font-size:11px;
        width:95%;clear:both; 
    }    
    #footer {
        float: right;
        width:100%;clear:both; 
    }         
}

@media screen and (min-width: 0px) and (max-width: 420px) {
    #Wrapper{ width: 320px; margin:0px auto;}
    header{ text-align:center;}
    /*#navigation{ height:190px;}*/
    #navigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #navigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}
    /*#subnavigation{ height:190px;}*/
    #subnavigation ul li{ float:left; text-align:center; border-bottom:1px solid #dedede; width: 100%}
    #subnavigation ul li a{ font-size:11px; padding:0px 0px; width:100%;}        
    #contents{
        width: 95%;
        font-size:12px;position:relative;
    }
    #Wrapper2 { clear:both;}
    #contents h1{ font-size:16px; text-align:left;}
    #comments h1,.sidebar h1{ font-size:12px; text-align:left;}
    #sidebar-wrapper {
        float: left; font-size:11px;
        width:95%;clear:both; 
    }
    #sidebar-wrapper-right {
        float: none; font-size:11px;
        width:95%;clear:both; 
    }    
    #footer {
        float: right;
        width:100%;clear:both; 
    }         

}


/* ----------------------------------------------------------- all the css for print ------------------------------------------------------------- */
@media print {

}