/* SM Web Design Page Layout styles */

/* General styles */

.floatLeft{
 width: 50%;
 float: left;
}

.floatRight{
 width: 50%;
 float: right;
}

img{
 border: 0;
}

a, a:link{
 color: #339933;
}

a:hover{
 color: #cccccc;
}

p{
 margin: 10px 0 10px 0;
}

h1, h2, h3, h4, h5{
 margin-bottom: 10px;
}

/* Header styles */

#header{
 margin-bottom: 4px;
}

.banner{
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 padding: 4px;
 margin-top: -7px;
}

/* Breadcrumb and Bookmark */

#breadcrumb{
 padding: 4px 4px 0 4px;
 font-size: 0.7em;
 border: 1px solid #cccccc;
 margin-bottom: 4px;
}

*:lang(en) #breadcrumb{
 padding: 4px 4px 4px 4px !important;
}

#breadcrumb .floatLeft{
 width: 80%;
}

#breadcrumb .floatLeft a,#breadcrumb .floatLeft a:link{
 color: #000;
}

#breadcrumb .floatLeft a:hover{
 color: #339933;
}

#breadcrumb .floatLeft .bread_on{
 color: #339933;
}

#breadcrumb .floatRight{
 width: 15%;
 text-align: right;
}

#breadcrumb .floatRight a{
 color: #000;
 text-decoration: none;
}

/* Right and Left Column styles */

/* LATEST NEWS */

.greyBorder{
 color: #808183;
 padding: 2px;
 border: 1px solid #cccccc;
 margin-bottom: 4px;
}

#rightcol2 .greyBorder{
 margin-left: 10px;
 margin-top: 10px;
}

.greyBorder .header, .portfolioBlock .header{
 background-color: #339933;
 color: #fff;
 font-weight: bold;
 text-align: center;
 font-size: 0.75em;
 padding: 2px;
}

.greyBorder .header img, .portfolioBlock .header img{
 margin-right: 3px;
}

.greyBorder a, .greyBorder a:link{
 color: #626366;
 font-weight: bold;
 text-decoration: none;
}

.greyBorder a:hover{
 color: #2f3b3b;
}

.greyBorder a.header{
 color: #0075be;
}

.greyBorder span{
 color: #ef6824;
 font-size: 0.9em;
}

.allNews, .greenBlock{
 background-color: #339933;
 font-weight: bold;
 text-align: center;
 font-size: 0.7em;
 margin: 2px 0 0 0;
}

.allNews a, .allNews a:link, .greenBlock a, .greenBlock a:link{
 color: #fff;
 text-decoration: none;
}

.allNews a:hover, .greenBlock a:hover{
 color: #000;
}

.rss{
 font-size: 0.7em;
 font-weight: normal;
}

.rss img{
 float: left;
}

.rss a, .rss a:link{
 color: #ff6600;
 padding-left: 5px;
 font-weight: normal;
}

.rss a:hover{
 color: #000;
}

/* Main Content */

h1{
 font-size: 1.3em;
 color: #000;
 margin-top: 0;
 text-transform: uppercase;
}

.page_title{
 margin-bottom: 10px;
}

h2{
 font-size: 1.1em;
 color: #000;
 font-weight: bold;
}

#maincol h2{
 margin-top: 0;
}

h3, h4, h5{
 font-size: 1em;
 color: #77675f;
 font-weight: bold;
 margin-bottom: 1px;
}

.contentWrapper{
 font-size: 0.75em;
 color: #000;
 padding: 4px;
 border: 1px solid #cccccc;
 margin: 0 5px 0 5px;
}

#rightcol2 .contentWrapper{
 margin: 0 0 0 10px;
 height: 138px;
}

#maincol2 .greyBorder{
 margin-top: 10px;
}

#maincol2 .greyBorder p{
 color: #000;
 font-size: 0.8em;
 margin: 5px;
 padding: 0;
 height: 146px;
}

#rightcol2 .greyBorder ul{
 height: 144px;
}

/* INLINE QUOTE */

.inlineQuote{
 float: right;
 font-size: 1.4em;
 font-weight: bold;
 width: 150px;
 margin: 5px 0 5px 10px;
 color: #000;
}

.inlineQuote .quoteName{
 font-size: 0.7em;
 font-weight: normal;
 font-style: italic;
 color: #626366;
}

#rightcol2 ul{
 font-size: 0.8em;
 color: #000;
 padding-left: 25px;
 margin: 5px 0 5px 0;
}

#rightcol2 ul a, #rightcol2 ul a:link{
 color: #000;
}

.serviceImage{
 float: right;
 padding: 5px;
}

/* IMAGE EMBED */

.imageLeft{
 float: left;
 margin: 5px 5px 5px 0;
}

.imageRight{
 float: right;
 margin: 5px 0 5px 5px;
}

.imageCenter{
 margin: 5px;
 bor/der: 1px solid #0075be;
 display: block;
 margin-left: auto;
 margin-right: auto
}

.imageLeft div, .imageRight div, .imageCenter div{
 background-color: #0075be;
 color: #fff;
 font-size: 0.9em;
 text-align: center;
 padding: 2px;
}

.imageLeft div a, .imageLeft div a:link, .imageLeft div a:visited, .imageRight div a, .imageRight div a:link, .imageRight div a:visited, .imageCenter div a, .imageCenter div a:link, .imageCenter div a:visited{
 color: #fff;
 text-decoration: none;
}

/* BUTTONS */

.orangeButton{
 background-image: url(../images/buttons/orange_button.gif);
 background-position: left;
 background-repeat: no-repeat;
 width: 147px;
 height: 22px;
 color: #fff;
 margin-top: 4px;
 border: 0;
 font-family: Arial, Helvetica, sans-serif;
 cursor: pointer;
 font-size: 0.9em;
 text-align: left;
 padding-left: 15px;
}

/* SUB MENUS */

ul.sublinks{
 font-size: 0.7em;
 list-style: none;
 padding: 0px 0px 0px 0px;
 margin: 2px 0 2px 0;
}

ul.sublinks li{
 padding: 1px 0 1px 0;
}

ul.sublinks li.border{
 border-bottom: 1px solid #cccccc;
}

ul.sublinks a, ul.sublinks a:link{
 display: block;
 padding-left: 15px;
 width: 89%;
 color: #231f20;
 background-image: url('../images/icons/arrow2.gif');
 background-position: left;
 background-repeat: no-repeat;
 font-weight: normal;
}

ul.sublinks a:hover{
 color: #339933;
}

/* HOMEPAGE */

.videoDetails{
 border-top: 1px solid #d7d8d8;
 border-bottom: 1px solid #d7d8d8;
 margin: 15px 0 15px 0;
 padding: 10px 0 10px 0;
}

.videoDetails .floatLeft{
 width: 70%;
}

.videoDetails .floatRight{
 width: 30%;
}

.videoDetails strong{
 color: #0075be;
}

.contact_us .floatLeft{
 width: 42%;
}

.contact_us .floatRight{
 width: 58%;
}

.contact_us p{
 color: #666;
}

/* NEWS LISTING */

.listing{
 padding: 10px 0 15px 0;
 border-bottom: 1px solid #ccc;
}

.listing a, .listing a:link{
 color: #339933;
 font-size: 1.4em;
 font-weight: bold;
}

.listing a:hover{
 color: #000;
}

.listing p{
 font-size: 0.9em;
}

.listing p a, .listing p a:link{
 color: #000;
 font-size: 1em;
}

.listing p a:hover{
 color: #339933;
}

.listing span{
 color: #77675f;
 font-size: 0.95em;
 font-weight: bold;
}

.listing .floatLeft{
 width: 20%;
 font-size: 0.9em;
}

.listing .floatRight{
 width: 80%;
 font-size: 0.9em;
}

.article{
 padding: 5px 0 0 0;
 margin: 0 10px 0 10px;
 color: #77675f;
 font-size: 0.6em;
  border-bottom: 1px solid #cfcfcf;
}

.article a, .article a:link{
 color: #0075be;
 font-size: 1.2em;
 font-weight: bold;
}

.article a:hover{
 color: #77675f;
}

.article p{
 margin: 0;
 font-weight: bold;
}

/* CASE STUDY */

.caseStudyDetails{
 padding: 0px 0 10px 0;
 color: #0075bf;
 border-bottom: 1px solid #cfcfcf;
}

.caseStudyDetails img, .caseQuote img{
 float: right;
 margin: 0 0 5px 10px;
}

.caseQuote{
 padding: 10px 0 10px 0;
 border-bottom: 1px solid #cfcfcf;
 margin-bottom: 10px;
}

.allCases{
 margin: 0 5px 0 5px;
 padding: 5px;
 border-top: 1px dotted #808183;
}

.allCases a{
 color: #626366;
 font-weight: bold;
 font-size: 0.7em;
 background: none;
 padding-left: 0;
}

.allCases a:hover{
 color: #ff6600;
}

/* CASE STUDY LISTING */

.caseListing{
 border-bottom: 1px solid #cfcfcf;
}

.caseListing a{
 font-weight: bold;
}

.caseListing span{
 font-size: 0.85em;
 color: #77675f;
}

/* PORTFOLIO LISTING */

.portfolioWrapper .floatLeft{
 width: 232.5px;
}

.portfolioWrapper .floatRight{
 width: 232.5px;
}
.portfolioWrapper .portfolioBlock{
 border: 1px solid #ccc;
 padding: 5px;
}

.portfolioWrapper .portfolioBlock img{
 margin-top: 2px;
}

.portfolioWrapper .greenBlock{
 font-size: 1em;
 text-decoration: none;
}

.portfolioWrapper .portfolioBlock p{
 margin-top: 2px;
 margin-bottom: 2px;
 height: 90px;
}

.portfolioBlock .header{
 font-size: 1em;
}

.portfolioBlock .header img{
 margin-top: 0;
}

/* PAGING */

.paging{
 margin-top: 10px;
 color: #000;
 font-size: 0.9em;
}

.paging .floatRight{
 text-align: right;
 color: #000;
}

#leftcol .paging .floatRight{
 color: #fff;
}

#leftcol .paging{
  background-color: #339933;
  font-size: 0.9em;
  color: #fff;
  padding: 4px;
  margin-bottom: 0;
}

* html #leftcol .paging{
 padding: 3px 3px 0 3px;
}

#leftcol .paging a, #leftcol .paging a:link{
 color: #fff;
}

#leftcol .paging a:hover{
 color: #000;
}

#leftcol .paging .floatLeft{
 width: 36%;
}

#leftcol .paging .floatRight{
 width: 64%;
}

/* CONTENT TABLE STYLES */

.contentWrapper table{
 border: 1px solid #0075be;
 margin-bottom: 5px;
}

.contentWrapper table td{
 border: 1px solid #0075be;
}

.contentWrapper table th{
 background-color: #77675f;
 border: 1px solid #0075be;
 text-align: center;
 color: #fff;
}

.contentWrapper table caption{
 padding: 5px;
 color: #000;
 font-weight: bold;
 margin-top: 5px;
}

/* FORMS */

#maincol form{
 margin-top: 10px;
 margin-bottom: 0px;
}

form .textRow{
 margin-bottom: 5px;
}

form .textRow label{
 font-weight: bold;
 color: #000;
 font-size: 0.9em;
}

form .textRow input, form .textRow select, form .textRow textarea{
 width: 70%;
 font-size: 1em;
 font-family: Arial, Helvetica, sans-serif;
 border: 1px solid #ccc;
 color: #000;
 margin-top: 5px;
}

form .textRow textarea{
 height: 100px;
}

form .textRow select{
 font-size: 0.95em;
}

form .textRow .chkbox{
 width: auto;
 border: none;
}

form .butt1{
 color: #fff;
 background-color: #339933;
 font-size: 0.9em;
 border: 1px solid 0075be;
 padding: 1px;
}

ul.error_message{
 color: #ef6824;
 font-size: 0.9em;
 font-weight: bold;
 margin-left: 0;
 padding-left: 15px;
}

.error_message li{
  margin-left: 0;
 padding-left: 0;
}

/* Footer styles */

#footer img{
 border: 1px solid #cccccc;
 padding: 4px;
 width: 780px;
}

#footer .links{
 font-size: 0.75em;
 border: 1px solid #cccccc;
 margin: 1px 0 10px 0;
 padding: 5px 5px 0 5px;
}

*:lang(en) .links{
 margin: 4px 0 10px 0 !important;
 padding: 5px !important;
}

#footer .links .floatRight{
 width: 80%;
 text-align: right;
}

#footer .links .floatLeft{
 width: 20%;
}

#footer .links img{
 border: none;
}

#footer a, #footer a:link{
 color: #000;
 text-decoration: none;
}

 /*printer styles*/ 
@media print{ 

#topLinks{
 display: none;
}

.banner{
 display: none;
}

#breadcrumb .floatRight{
 display: none;
}

#maincol{
 border-top: none;
}

.menu{
 display: none;
}

}