/* green # */
/* red #b90911 */
/* black #343434 */

*{
margin: 0 0;
padding: 0 0;
font-family: Arial, Helvetica, sans-serif; 
outline: 0;
}

:focus{
outline: 0;
}

html, body{
height: 100%;
}

.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

* html .clearfix{
height: 1%;
}

body{
font-size: 12px;
line-height: 22px;
font-family: Arial, Helvetica, sans-serif;
color: #656565;
background: #fff;
text-align: left;
}

p {
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px;
line-height: 18px;
}

hr{
color: #E4E4E4;
background-color: #E4E4E4;
height: 1px;
margin: 15px 0;
}

hr.half{
color: #E4E4E4;
background-color: #E4E4E4;
height: 1px;
margin: 15px 0;
width: 370px;
}

hr.rightCol{
color: #E4E4E4;
background-color: #E4E4E4;
height: 1px;
margin: 0 0 10px 0;
}
.cl{
font-size: 0;
line-height: 0;
height: 0;
clear: both;
}

.clearBoth{
clear: both;
}

a img{
border: 0;
}

a{
color: #b90911;
text-decoration: none;
}

a:hover{
text-decoration: none;
cursor: pointer;
color: #70ba44;
}

.left{
float: left;
display: inline;
}

.right{
float: right;
display: inline;
margin-bottom: 0;
padding-bottom: 0;
}

.notext{
font-size: 0;
line-height: 0;
text-indent: -4000px;
}

.center{
display: block;
margin: 0 auto;
}

.textCenter{
text-align: center;
}

.shell{
margin: 0 auto;
width: 850px;
height: 400px;
}

.shellNoHeight{
margin: 0 auto;
width: 850px;
}

.shellheader{
margin: 0 auto;
width: 850px;
height: 100px;
}

.shellPortfolio{
margin: 0 auto;
width: 850px;
height: 540px;
}
  
#header{
background: url( ../img/header.gif ) repeat-x 0 0;
height: 84px;
z-index: 100;
}

h1#logo{
float: left;
padding-top: 0px;
}

h1#logo a{
background: url( ../img/logo.gif ) no-repeat 0 0;
display: block;
width: 243px;
height: 45px;
margin-left: 0;
padding-left: 0;
}

h1{
font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 27px;
line-height: 40px;
}

h2{
font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 24px;
line-height: 30px;
}
      
h2#galleryHeading{
font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 24px;
padding-bottom: 0;
line-height: 30px;
margin-bottom: 10px;
}

h2#galleryHeading a{
color: #b90911;
}

h2#galleryHeading a:hover{
color: #70ba44;
}

h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #262626;
margin-bottom: 4px;
}

h3.green{
color: #70ba44;
font-family: Arial, Helvetica, sans-serif; 
}

h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #262626;
}

#navigation{
float: right;
padding-top: 31px;
}

#navigation ul{
list-style-type: none;
}

#navigation ul li{
display: inline;
float: left;
padding-right: 2px;
}

#navigation ul li a{
background: url( ../img/nav.gif ) no-repeat 0 0;
padding-left: 37px;
height: 27px;
display: block;
float: left;
color: #fff;
font-family: Tahoma, Geneva, sans-serif;
color: #fff;
font-size: 13px;
}

#navigation ul li a span{
background: url( ../img/nav.gif ) no-repeat right 0;
padding-right: 37px;
height: 21px;
display: block;
float: left;
padding-top: 6px;
line-height: 14px;
}

#navigation ul li a:hover, #navigation ul li.active a{
text-decoration: none;
background-image: url( ../img/nav-hover.gif );
color: #343434;
}

#navigation ul li a:hover span, #navigation ul li.active a span{
background-image: url( ../img/nav-hover.gif );
}

#heading{
padding: 0;
z-index: -100;
font-size: 12px;  
}
  
.heading-half{
float: left;
width: 430px;
padding-top: 15px;
padding-left: 20px;
background: #fff;
margin-right: 10px;
font-size: 12px;
}

.heading-third{
float: left;
width: 290px;
padding-top: 15px;
padding-left: 8px;
background: #fff;
font-size: 11px;
}

.certs {
    clear: both;
float: left;
width: 120px; 
}

.certDescription {
    display: inline;
float: left;
width: 120px;
padding: 5px 0 0 10px;
}

p.centerText {
    text-align: center;
    padding: 0;
    margin: 0;
}

img .rightColImg {
    padding: 0;
    margin: 0;
    border: none;
}

.column-third{
float: left;
width: 255px;
padding-top: 25px;
padding-left: 20px;
padding-right: 5px; 
background: #fff;
background: url( ../img/bkgd_frames_narrow.jpg ) no-repeat 0 0;  
}


.column-full{
float: left;
width: 850px;
padding-top: 15px;
padding-left: 8px;
z-index: -200;
}

.column-two-thirds{
float: left;
width: 500px;
padding-top: 15px;
padding-left: 8px;
background: #fff;
margin-bottom: 30px;
}

.column-full h3, .heading-left h3{
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #262626;
line-height: 23px;
}

.column-fullBlock{
background: url( ../img/bkgd_frames.jpg ) no-repeat 0 0;
float: left;
width: 500px;
padding-top: 26px;
margin: 40px 0 0 202px;
}

.column-fullBlockCol{
background: url( ../img/whiteBlock_bg2.png ) no-repeat 0 0;
float: left;
width: 445px;
padding: 26px 0;
margin: 10px 25px 0 0;
}

.block{
margin: 30px;
}

#heading h2{
color: #70ba44;
padding-bottom: 15px;
}

#heading p{
padding-bottom: 16px;
line-height: 20px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-top: 0;
padding-top: 0;
}

#heading ul {
list-style-image:url("/img/bullet_green.gif");
list-style-type:square;  
}

#heading ul li {
margin-left: 20px;
line-height: 20px;
font-size: 12px;
margin-bottom: 4px; 
}

.clientImages {
    margin-bottom: 30px; 
}

.clientImages h3 {
    clear: both; 
}

.clientWork {
    margin-bottom: 10px; 
}

.clientVideo {
    margin-bottom: 30px; 
}

.clientVideo h3 {
    clear: both; 
    margin: 20px 0 5px 20px;
}

.clientVideo p {
    clear: both;
    margin: 0 0 0 20px;  
}
  
.less-padding{
padding-right: 14px;
}

.no-padding{
padding-right: 0 !important;
}

.feature h2{
color: #ffffff;
padding: 5px 5px 0 5px;
margin-bottom: 0;
font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 21px;
line-height: 23px;
}

.feature img{
padding-right: 6px;
}

.feature p{
float: left;
width: 198px;
font-size: 12px;
line-height: 15px;
color: #fff;
height: 71px;
padding-top: 5px;
}

.feature p span{
padding-bottom: 4px;
display: block;
}

.feature a.more{
background: url( ../img/more.gif ) no-repeat 0 0;
display: block;
float: left;
width: 24px;
height: 11px;
}

#main{
background: #e9e9e9;
padding-top: 15px;
padding-left: 28px;
padding-bottom: 37px;
clear: both;
border-top: thin solid #cccccc; 
margin-top: 30px;
}

#main h3{
padding-bottom: 7px;
}

#heading h3{
padding-bottom: 0;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
color: #262626;
}

#main a{
font-weight: normal;
color: #70ba44;
text-decoration: none;
font-size: 11px;
}

#main a:hover{
    color: #b90911;
text-decoration: none;
}

#main a.rss{
background: url( ../img/rss.gif ) no-repeat 0 0;
width: 11px;
height: 11px;
}

.link-margin{
margin-right: 10px;
margin-left: 2px;
}

.first-column{
width: 200px;
float: left;
padding-right: 10px;
}

.second-column{
width: 200px;
float: left;
padding-right: 10px;
}

.third-column{
width: 200px;
float: left;
padding-right: 10px;
}

.fourth-column{
width: 200px;
float: left;
}

ul.main{
list-style-type: none;
padding-bottom: 8px;
}

ul.main li{
background: url( ../img/newsitem-bg.gif ) repeat-x 0 bottom;
padding-top: 6px;
padding-bottom: 7px;
}

ul.main li small{
color: #606d0f;
font-size: 11px;
}

ul.main li small.grey{
color: #656565;
}

ul.main2{
padding-bottom: 20px;
padding-right: 15px;
}

ul.main2 li{
padding-top: 5px;
}

ul.main2 li ul li{
font-weight: normal;
font-size: 12px;
}

ul.mainBtn{
list-style-type: none;
padding-bottom: 0;
padding-left: 50px;
}

ul.mainBtn li{
padding-top: 0;
}

ol.main3{
padding-top: 10px;
padding-bottom: 8px;
margin-left: 20px;
}

ol.main3 li{
padding-top: 2px;
}

ol.main3 li ul li{
padding: 3px 40px 5px 0;
margin-left: 20px;
font-weight: normal;
font-size: 13px;
}

ol.main3 li ul li ol li{
padding: 3px 5px 5px 0;
margin-left: 20px;
font-weight: normal;
font-size: 13px;
}

ul.news{
list-style-type: none;
padding-bottom: 8px;
}

ul.news li{
background: url( ../img/newsitem-bg.gif ) repeat-x 0 bottom;
padding-top: 6px;
padding-bottom: 7px;
}

ul.news li small{
color: #606d0f;
font-size: 11px;
}

ul.news li small.grey{
color: #656565;
}

.contacts{
font-size: 11px;
}

strong.usa{
background: url( ../img/flag-usa.gif ) no-repeat 0 11px;
padding-left: 20px;
display: block;
padding-top: 8px;
}

strong.swe{
background: url( ../img/flag-swe.gif ) no-repeat 0 11px;
padding-left: 20px;
display: block;
padding-top: 8px;
}

#footer{
background: #e9e9e9 url( ../img/footer.gif ) repeat-x 0 0;
padding-top: 15px;
padding-bottom: 50px;
clear: both;
}

#footer ul{
list-style-type: none;
float: left;
padding-left: 19px;
background: transparent;
}

#footer ul li{
display: inline;
float: left;
padding-right: 9px;
}

#footer ul li a{
text-decoration: underline;
color: #6e6e6e;
font-size: 10px;
}

#footer ul li a:hover{
text-decoration: none;
}

#footer p.copy{
float: right;
font-size: 10px;
color: #6e6e6e;
padding-right: 10px;
}

.bottom{
vertical-align: baseline;
}
/* contact */
/********** block index **********/
.body_resize{
margin: 0;
padding: 0;
}

.body{
width: 420px;
margin: 0 auto;
padding: 0 0 40px 0;
}

.body h2{
font-family: "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 24px;
line-height: 30px;
color: #4e4a38;
padding: 15px 0;
margin: 0 0 10px 0;
border-bottom: 1px solid #b2b2b2;
}

.body h3{
font: bold 14px Arial, Helvetica, sans-serif;
color: #2c2c2c;
border-bottom: 1px solid #d2d2d2;
padding: 10px 0;
margin: 0;
}

.body p{
font: normal 11px Arial, Helvetica, sans-serif;
color: #414141;
line-height: 22px;
padding: 5px;
margin: 0;
}

.body span{
color: #898989;
font: normal 15px Arial, Helvetica, sans-serif;
line-height: 22px;
}

.body a{
color: #8f9f23;
}

.Contact{
width: 400px;
margin: 0 auto;
padding: 0 10px;
float: left;
}

.Contact a {
    color: #70ba44;
    text-decoration: none;
}

.Contact a:hover {
    color: #b90911;
    text-decoration: none;
}
/********** contact form **********/
#contactform{
margin: 0;
padding: 5px 10px;
}

#contactform *{
color: #6e6e6e;
}

#contactform ol{
margin: 0;
padding: 0;
list-style: none;
}

#contactform li{
margin: 0;
padding: 0;
background: none;
border: none;
display: block;
}

#contactform li.buttons{
margin: 5px 0 5px 20px;
}

#contactform label{
margin: 0;
width: 110px;
display: block;
padding: 5px 0;
font: normal 12px Arial, Helvetica, sans-serif;
color: #6e6e6e;
text-transform: capitalize;
float: left;
}

#contactform label span{
color: #b90911; 
}

#contactform input.text{
width: 260px;
border: 1px solid #dcdcdc;
margin: 5px 0;
padding: 5px 2px;
height: 16px;
background: #f5f5f5;
float: left; 
}

#contactform textarea{
width: 260px;
border: 1px solid #dcdcdc;
margin: 5px 0;
padding: 2px;
background: #f5f5f5;
float: left;
font-size: 11px;
}

#contactform li.buttons input{
padding: 3px 0;
margin: 20px 0 20px 90px;
border: 0;
color: #FFF;
float: left;
}

#contactform .buttons input{
padding: 3px 0;
margin: 20px 0 20px 90px;
border: 0;
color: #FFF;
float: left;
}

p.response{
text-align: center;
color: #6e6e6e;
font: bold 11px Arial, Helvetica, sans-serif;
line-height: 1.8em;
width: auto;
}

h3#contactform {
font-family: Arial, Helvetica, sans-serif;
font-size: 20px;
line-height: 30px;  
}
.checkboxText {
   margin-left: 5px;
   margin-top: 15px;
   font-size: 12px;
   text-align: left;
}

.checkboxText2 {
   margin-left: 20px;
   margin-top: 4px;
   font-size: 12px;
   text-align: left;
}
.checkboxWhite {
    margin: 10px 0;
}
/*======================== carousel =============================*/


.floatRight{
float: right;
}

.arrowUp{
clear: both;
width: 435px;
height: 20px;
margin: 5px auto 0 auto;
color: black;
text-align: right;
z-index: 0;
padding: 5px 0 0 0;
border-top: 1px solid #E4E4E4;
}

.arrowUp2{
clear: both;
width: 890px;
height: 20px;
margin: 5px auto 0 auto;
color: black;
text-align: right;
z-index: 0;
padding: 5px 0 0 0;
border-top: 1px solid #E4E4E4;
}
  
ul.horiz{
text-align: right;
padding: 0;
margin: 0;
}

ul.horiz li{
display: inline;
color: #70ba44; /* changes bars */
}

img.top{
vertical-align: top;
}

span.normal{
font-weight: normal;
}

span.alert {
    color: #b90911; 
}

span.smaller{
font-size: 90%;
font: bold 11px Arial, Helvetica, sans-serif; 
}

span.small{
font-size: 60%;
}

a.btn_portfolios{
display: block;
width: 280px;
height: 68px;
background: url( "/img/btn_main_portfolios.gif" ) 0 0 no-repeat;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}

a:hover.btn_portfolios{
display: block;
width: 280px;
height: 68px;
background: url( "/img/btn_main_portfolios_mo.gif" ) 0 0 no-repeat;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}

a.btn_services{
display: block;
width: 280px;
height: 68px;
background: url( "/img/btn_main_services.gif" ) 0 0 no-repeat;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}

a:hover.btn_services{
display: block;
width: 280px;
height: 68px;
background: url( "/img/btn_main_services_mo.gif" ) 0 0 no-repeat;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}

a.btn_brandMe{
display: block;
width: 280px;
height: 68px;
background: url( "/img/btn_main_brandMe.gif" ) 0 0 no-repeat;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}

a:hover.btn_brandMe{
display: block;
width: 280px;
height: 68px;
background: url( "/img/btn_main_brandMe_mo.gif" ) 0 0 no-repeat;
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}

p.boldItalic{
font-weight: bold;
font-style: italic;
}

.margin30{
margin-left: 30px;
}

.homePageMargin{
margin-left: 30px; 
}

.greyline{
border: 1px solid #dcdcdc;
} 

h3.headingTop{
border-bottom: 1px solid #dcdcdc; 
padding-top: 6px;
padding-bottom: 7px;
margin: 0 0 10px 0;
}

h3.headingMid{
border-bottom: 1px solid #dcdcdc; 
padding-top: 6px;
padding-bottom: 7px;
margin: 15px 0 10px 0;
}


.push10{     
padding-top: 10px;
}

.bump15{
margin-top: 15px;
margin-left: 20px;
}

.bumpAbout{
margin: 20px 0;
}

.bump30{
margin-top: 30px;
margin-left: 20px;
}

.bump60{
margin-top: 60px;
margin-left: 20px;
}

.paddingBottom30{
padding-bottom: 30px;
}

#flashcontent {
    margin-left: 30px;
}

/* NS Contact */

table {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9px;

    color: #666666;
    background-color: #FFFFFF;
}

.title {
    font-size: 1.5em;
}

.contactFont {
    font-family: sans-serif;
    font-size: 11px;
}

#services {
      
}

.servicesSections {
    background: url( "/img/services_frames.jpg" ) 0 0 no-repeat;
    margin-bottom: 30px;      
}

#services h3 {
    padding: 20px 0 0 40px; 
color: #70ba44;
padding: 20px 0 0 20px;    
}

#services p {
padding: 5px 0 0 20px;    
}

.services {
margin: 10px 10px 10px 20px;
padding-right: 10px;    
}

#oxylus-video-player { display: block; margin: 0 auto; } 
#oxylus-player1 { display: block; margin: 0 auto; }  
#oxylus-video-player2 { display: block; margin: 0 auto; }  
#oxylus-video-player3 { display: block; margin: 0 auto; }  
#oxylus-video-player4 { display: block; margin: 0 auto; }