/* CSS Document */

/* Layouts */
body {
	background-image: url(/images/cssbg.jpg);
	background-repeat: repeat-x;
	background-color:#000000;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	color: #111;
}
a:link { 
	text-decoration: none; 
	color: #284d9d; 
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
}
a:visited { 
	text-decoration: none; 
	color: #284d9d; 
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
}
a:hover { 
	text-decoration: none; 
	color: #284d9d; 
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:underline;
} 
a:active { 
	text-decoration: none; 
	color: #284d9d; 
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; 
}
p {
  padding-bottom: 0px;
}
h1, h2, h3, h4, h5, h6 {
  color: #000;
  font-family: Helvetica, Arial;
  line-height: 30px;
  font-weight: bold;
  padding-bottom: 1px;
  text-shadow: 0 1px 0 #fff; 
}
h1 {
  font-size: 32px;
  letter-spacing: -1px;
  line-height:32px;
}
  h1 a:link,
  h1 a:visited {
  color: #000;
  font-family: Helvetica, Arial;
  font-size: 32px;
  letter-spacing: -1px;
  line-height:32px;
  text-decoration:none;
  font-weight:bold;
  }
  h1 a:hover {
    text-decoration: none;
  }
h2 {
  font-size: 28px;
  letter-spacing: -1px;
}
  #page h2 {
    font-size: 36px;
    padding-bottom: 20px;
  } 
    #page h2 span {
      font-size: 30px;
      color: #5f5f5f;
    }
h3 {
  font-size: 26px;
  letter-spacing: -0.02em;
 
}
  #page h3 {
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: normal;
  }
  #sidebar h3 {
    font-size: 23px;
  }
  #sidebar .side-link a:link,
  #sidebar .side-link a:visited {
    color: #000;
    text-decoration: none;
  }
h4 {
  font-size: 24px;
  font-weight: bold;
  padding-bottom: 0px;
}
h5 {
  font-size: 20px;
}
h5 a:link,
  h5 a:visited {
  color: #000;
  font-family: Helvetica, Arial;
  font-size: 20px;
  letter-spacing: -1px;
  line-height:20px;
  text-decoration:none;
  font-weight:normal;
  }
h6 {
}

#container {
	text-align: center;
	margin: 0px auto;
	width: 1000px;
	margin: 0px auto;
	background-color:#FFF;
	border: 1px solid #a1a1a1;
}
#cssheader {
	background-color:#fff;
	top: 0px;
	width: 1000px;
	height: 88px;
	margin: 0px auto 0px auto;
	position: relative;
	z-index:1;
	text-align:left;
}
#flashcontent {
	margin: 0px auto;
	position:relative;
	z-index:0;

}
#pagebody {
	width: 800px;
	margin: 0px auto 0px auto;
	position:relative;
	text-align:left;

}
#cssfooter {
	background-image: url(/images/cssfooterbg.jpg);
	background-repeat: repeat-x;
	top: 0px;
	width: 1000px;
	height: 144px;
	margin: 0px auto 0px auto;
	position: relative;
	
}
#cssfooterlinks {
	top: 8px;
	width: 1000px;
	margin: 0px auto 0px auto;
	position: relative;
	
}
#subfooter {
	background-color:#000;
	width: 1000px;
	height:50px;
	margin: 0px auto 0px auto;
	position: relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#CCC;
	border:#000;
	
}
#cssbody {
	width: 1000px;
	margin: 0px auto 0px auto;
	position:relative;
	background:#FFF;

}
#wrapper {
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 1000px;
	background-color:#FFF;
}
#headerlogo {
	position:relative;
	width:280px;
	height:68px;
	z-index:1;
	left: 15px;
	top: 15px;
	
}

#navmenu {
	background-image: url(/images/cssNavFade.jpg);
	text-align:left;
	width: 968px;
	height: 53px;
	margin: 0px auto;
	position:relative;
	z-index:1000;

}


#navmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#navmenu ul li {
	float: left;
		
}
#navmenu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	letter-spacing: 1px;
	text-decoration:none;
	display: block;
	padding-left: 5px;
	padding-right: 5px;

}

/* footer */
#navfootercol1 {
	margin: 0px auto;
	position:absolute;
	left: 20px;
	top: 12px;
	
}
#navfootercol1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:17px;
}
#navfootercol1 ul li {
	float: none;
		
}
#navfootercol1 ul li a {
	letter-spacing: 1px;
	text-decoration:none;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:17px;
}

#navfootercol2 {
	margin: 0px auto;
	position:absolute;
	left: 250px;
	top: 12px;
	
}
#navfootercol2 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:17px;
}
#navfootercol2 ul li {
	float: none;
		
}
#navfootercol2 ul li a {
	letter-spacing: 1px;
	text-decoration:none;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:17px;
}
#navfootercol3 {
	margin: 0px auto;
	position:absolute;
	left: 420px;
	top: 12px;
	
}
#navfootercol3 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:17px;
}
#navfootercol3 ul li {
	float: none;
		
}
#navfootercol3 ul li a {
	letter-spacing: 1px;
	text-decoration:none;
	display: block;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:17px;
}

#homepageportfolio {
	background-color:#c7c7c7;
	top:100px;
	width: 1000px;
	margin: 0px auto 0px auto;
}
#footercontact {
	margin: 0px auto;
	position:absolute;
	left: 820px;
	top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	line-height:15px;
	text-align:left;
	
}


div#inner-header ul {
	margin-top:-50px;
	padding-right: 22px;
	float:right;
	list-style:none;
	text-transform: lowercase;
	font-size: 8pt;
	font-family:Arial, Helvetica, sans-serif;
	
	}
	
	div#inner-header ul li {float:left; margin-left: 20px; padding: 5px 0; }
		
		div#inner-header ul li a {color:#000; text-decoration: none; padding:15px 0 15px 20px;}
		div#inner-header ul li a:hover {color:#284d9d;}
			
	li#subnav-home a {background:url(/images/icoheaderhome.gif) no-repeat left center; line-height:30px;}
	li#subnav-contact a {background:url(/images/icoheaderemail.gif) no-repeat left center; line-height:30px;}
	li#subnav-blog a {background:url(/images/iconblog.gif) no-repeat left center; line-height:30px;}
	li#subnav-phone a {background:url(/images/icoheaderphone.gif) no-repeat left center; line-height:30px;}
	li#subnav-facebook a {background:url(/images/icoheaderfacebook.gif) no-repeat left center; line-height:30px;}
	li#subnav-twitter a {background:url(/images/icoheadertwitter.gif) no-repeat left center; line-height:30px;}		
	
	div#inner-content ul.triple { overflow:hidden; padding-left:0; margin-left:0; list-style:square inside none; }
* html ul.triple { height:1%; }
	ul.triple li { float:left; width:33%; }
	
	div#inner-content ul.triple-portfolio { overflow:hidden; padding-left:0; margin-left:0; list-style:none; width:715px; text-align:center; }
* html ul.triple-portfolio { height:1%; }
	ul.triple-portfolio li { float:left; width:33%; padding-bottom:10px; }
	
	div#inner-content ul.quad-portfolio { overflow:hidden; padding-left:0; margin-left:0; list-style:none; width:960px; text-align:center; }
* html ul.quad-portfolio { height:1%; }
	ul.quad-portfolio li { float:left; width:25%; padding-bottom:5px; }
	
	div#inner-content ul.double { overflow:hidden; padding-left:0; margin-left:0; list-style:square inside none; }
* html ul.double { height:1%; }
	ul.double li { float:left; width:50%; }
	
	div#footer-content ul.footer { overflow:hidden; padding-left:0; margin-left:0; list-style: none; text-align:left; width:430px; line-height:40px; padding-left:8px; top:-10px; position:absolute;  }
* html ul.footer { height:1%; }
	ul.footer li { float:left; width:50%; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:10px; text-align:left; }
		
		
.cssbgfade {
	background-image: url(/images/bgfade.gif);
	width: 730px;
	height: 100px;
	background-repeat:no-repeat;
}

.txtfooteryellow  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color:#FF0;
}
.bgquote {
	background-image: url(/images/bgfreequote.gif);
	background-repeat: no-repeat;
	height: 400px;
	width: 193px;
}
.txtfooterwhite  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#FFF;
	text-decoration:none;
}
.txtwhite12  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFF;
	text-decoration:none;
}
h1.homepage-about {
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 19pt; 
	font-weight: normal; 
	color:#141415; 
	text-align:left;
	left:22px;
	position:relative;
	width: 970px;
}

h2.homepage-about {
	font-family:Helvetica, Arial,  sans-serif; 
	font-size: 14pt;
	line-height:24px;
	font-weight: normal; 
	color:#141415; 
	text-align:left;
	left:22px;
	position:relative;
	width: 970px;
}
h2.homepage-about a:link {
	font-family:Helvetica, Arial,  sans-serif; 
	font-size: 14pt;
}
h3.homepage-about {
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 11pt;
	line-height:18px;
	font-weight: normal; 
	color:#141415; 
	text-align:left;
	left:22px;
	position:relative;
	width: 970px;
}
h3.homepage-about a:link {
	font-family:Helvetica, Arial,  sans-serif; 
	font-size: 11pt;
}

#navbarcontainer {
	text-align: center;
	margin: 0px auto;
	width: 1000px;
	margin: 0px auto;
}
#navbar {
	background-color:yellow;
  float: left;
  width: 100px;
}
#content {
	background-color:green;
  margin-left:  101px;
  width:600px;
}
#knowledgebase {
	margin:0;
	width:195px;
	background-image:url(../images/cssKBbg.jpg);
	background-color:#1b538a;
	background-repeat:no-repeat;
	-moz-border-radius-topleft: 10px; -moz-border-radius-topright:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -webkit-border-bottom-left-radius:10px;-webkit-border-bottom-right-radius:10px;border-top-left-radius:10px; border-top-right-radius:10px; border-bottom-left-radius:10px;border-bottom-right-radius:10px;
}
#knowledgebase ul { 
	list-style-type:none;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif;	
	color:#FFF;
	padding-top:50px;
	padding-bottom:20px;
	padding-left:25px;
	font-size:13px;
}
#knowledgebase ul li {
	padding-bottom:4px;	
}
#knowledgebase ul li a {
	color:#FFF;
}
#knowledgebase ul li a:hover {
	color:#FF0;
	text-decoration:none;
}
/*.txtArialSmall {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt;
	color:#333;
}*/
.txtArialSmaller {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	color:#333;
}
.txtPageTitles {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 19pt; 
	font-weight: normal; 
	color:#141415;
}
/*.txtArial10Black {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: normal; 
	color:#333;
}*/
.txtArial12Black{ 
  font-family:Arial; 
  font-size:12pt;
  font-weight:normal;
  color:#333;
}
.txtArial12Blue{ 
  font-family:Arial; 
  font-size:12pt;
  font-weight:normal;
  color:#036;
}
.INPUT{ 
  font-family:Arial; 
  font-size:12pt;
  font-weight:normal;
  color:#333;
  background-color:#fff; 
  border-color:#ccc; 
  border-style:solid; 
  border-width:1px;
  padding:4px;
   
}


/* BLOG  */
#blog-col-left {
	width:670px;
	background-image:url(../images/bg-blog.gif);
	margin:0 0 15px 15px;
	padding:0 15px 15px 15px;
	float:left;
	position:relative;
	text-align:left;
}
#blog-col-right {
	width:235px;
	min-height:730px;
	background-color:#fff;
	margin:0 15px 15px 0;
	float:right;
	padding:15px;
	position:relative;
	text-align:left;
}
#post {
	width:670px;
	margin-bottom:10px;
	/*border-bottom: solid 1px #c7c7c7;*/
}

#post img {
	padding:10px 10px 10px 0;
}

#blog-info {
	font-size:10px;
	color:#666;	
	margin-bottom:10px;
}
#blog-info a:link {
	font-size:10px;
	color:#284d9d;	
}
 a.add_comment_link {
	padding: 5px 9px 4px 9px;
	border: 1px solid #0b3e68;
	color: #000 !important;
	margin-right: 4px;
	background: #1d78c2;
	text-shadow: 0 1px 0 #fff;
	text-decoration: none !important;
}
a.add_comment_link {
	color: #fff !important;
	text-shadow: 0 1px 0 #333;
}
a.add_comment_link {
  float: right;
  position: relative;
  top: 5px;
  font-size: 13px;
  padding: 5px 15px 5px 15px;
}
a:hover.add_comment_link {
  border: 1px solid #000;
	color: #000 !important;
	margin-right: 4px;
	background: #e6e6e6;
	text-shadow: 0 1px 0 #fff;
}
#blog-readmore a:link, #blog-readmore a:visited {
  color: #000;
  font-family: Helvetica, Arial;
  font-size: 20px;
  letter-spacing: -1px;
  line-height:60px;
  text-decoration:none;
  font-weight:normal;
  }
/* END BLOG */

/* BLOG COMMENTS */
/* Comments */
      .commentlist {
      }
        li.comment {
          background: none;
        	margin: 0px !important;
        	padding-left: 0px !important;
        	list-style: none !important;
        }
        .comment-reply-link {
          font-size: 8px;
          text-transform: uppercase;
          font-family: Tahoma;
          padding: 0px 8px 1px 8px;
        	position: absolute;
        	left: 0px;
        	bottom: 0px;
        	background: #f9f9f9;
        	border-top: 1px solid #e8e8e8;
        	border-right: 1px solid #e8e8e8;
        	text-decoration: none !important;
        }
        .children .comment-reply-link {
          background: #fff;
        }
        .commentlist .children > li {
          border-left: 1px solid #cacaca;
          padding-left: 30px !important;
          padding-bottom: 10px;
          margin: 0;
          list-style: none;
          background: transparent url(images/global/li-left.png) no-repeat 0 20px;
        }
        .commentlist .comment-body {
          background: #fff;
          border: 1px solid #dfdfdf;
          padding: 30px;
          position: relative;
          margin-bottom: 10px;
          padding-right: 30px;
          overflow: hidden;
          min-height: 80px;
        }
        .commentlist .children {
          margin-bottom: 10px;
        }
          .commentlist .comment-body .avatar {
            position: absolute;
            right: 30px;
            top: 30px;
          }
          .commentlist .comment-body .commentmetadata {
            font-size: 12px;
            color: #989898;
            padding-bottom: 5px;
          }
            .commentlist .comment-body .commentmetadata a {
              color: #989898;
            }
          .commentlist .comment-body .comment-meta .comment-edit-link {
            display: none;
			
          }
          .commentlist .comment-body .fn {
            font-family: Helvetica, Arial;
            font-size: 22px;
            font-weight: bold;
            float: left;
            padding-right: 5px;
            padding-bottom: 5px;
			font-style:normal;
          }
          .commentlist .children .comment-body {
            background: #f9f9f9;
            border: 1px solid #e8e8e8;
            padding: 20px;
            padding-left: 90px;
            min-height: 90px;
            margin-bottom: 0px;
          }
            .commentlist .children .comment-body .avatar {
              width: 50px;
              height: 50px;
              position: absolute;
              right: auto;
              left: 20px;
              top: 20px;
            }
            .commentlist .children .comment-body .fn {
              font-size: 16px;
            }
            .commentlist .comment-body .says {
              display: none;
            }
      .comments-navigation {
      	
      }
      	.comments-navigation .alignleft {
      	  float: left;
      	}
      	.comments-navigation .alignright {
      	  float: right;
      	}
      #respond {
        overflow: hidden;
      }
        #respond h1 {
          padding-top: 30px;
          padding-bottom: 20px;
          font-size: 36px;
          margin: 0;
        }
          h1.comments-header span {
            color: #5f5f5f;
            font-size: 30px;
          }
        #respond form {
          padding: 10px 15px 30px 15px;
          background: #fff;
          border: 1px solid #dfdfdf;
          overflow: hidden;
          position: relative;
        }
        .commentlist #respond {
          margin-bottom: 10px;
        }
          .commentlist .children #respond {
            margin: 10px 0 0 0;
          }
          .commentlist #respond h1 {
            display: none;
          }
          #respond p.input_block {
            margin: 15px;
            float: left;
            width: 209px;
            padding-bottom: 0px;
          }
            #respond p.input_block input {
              background: #fdfdfd;
              border: 1px solid #d6d6d6;
              padding: 8px 5px;
              font-size: 14px;
              width: 199px;
              font-family: Arial, Helvetica, sans-serif;
            }
            .children #respond p.input_block {
              width: 199px;
            }
              .children #respond p.input_block input {
                width: 188px;
              }
                .children .children #respond p.input_block {
                  width: 189px;
                }
                  .children .children #respond p.input_block input {
                    width: 178px;
                  }
                    .children .children .children #respond p.input_block {
                      width: 179px;
                    }
                      .children .children .children #respond p.input_block input {
                        width: 168px;
                      }
          #respond p.textarea_block {
            margin: 15px;
            float: left;
            width: 600px;
            padding-bottom: 0;
          }
            #respond p.textarea_block textarea {
              background: #fdfdfd;
              border: 1px solid #d6d6d6;
              padding: 8px 5px;
              font-size: 14px;
              width: 600px;
              font-family: Arial, Helvetica, sans-serif;
            }
              .children #respond p.textarea_block {
                width: 660px;
              }
                .children #respond p.textarea_block textarea {
                  width: 647px;
                }
                  .children .children #respond p.textarea_block {
                      width: 630px;
                    }
                      .children .children #respond p.textarea_block textarea {
                        width: 616px;
                      }
                        .children .children .children #respond p.textarea_block {
                          width: 600px;
                        }
                          .children .children .children #respond p.textarea_block textarea {
                            width: 585px;
                          }
  #respond label {
	display: block;
	color: #5d5d5d;
	font-family: Helvetica, Arial;
	font-size: 16px;
	padding-bottom: 10px;
  }

  input#add_comment {
   padding: 7px;
	border: 1px solid #0b3e68;
	color: #fff !important;
	margin-right: 4px;
	background: #1d78c2;
	text-decoration: none !important;
	float:right;
  }
  input:hover#add_comment {
	border: 1px solid #000;
	color: #000 !important;
	margin-right: 4px;
	background: #e6e6e6;

  }
  .cancel-comment-reply a {
	font-size: 8px;
	text-transform: uppercase;
	font-family: Tahoma;
	padding: 0px 8px 1px 8px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: #f9f9f9;
	border-top: 1px solid #e8e8e8;
	border-right: 1px solid #e8e8e8;
	text-decoration: none !important;
  }
/* END BLOG COMMENTS */


/* FORM VALIDATION */
#validateform label.error {
	width: auto;
	margin-top:5px;
	color: #c70101;
	font-size:11pt;
}

div.error { display: none; }
input[type='text'] {	border:solid 1px #c3c3c3; border-top:solid 1px #a2a2a2;  height:20px; }
input[type='password'] {	border:solid 1px #c3c3c3; border-top:solid 1px #a2a2a2; height:20px; }
input.checkbox { border: none; width:20px; }
input.error { border: 1px solid #c70101; }
form.cmxform .gray * { color: gray; }
/* END FORM VALIDATION */