html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

html {
    background-color: #e7e8e9;
    font-family: Arial;
    font-size: 11px;
    /*color: #818285;*/
color: #67686A;
}

a {
    text-decoration: none;
}

#container {
  width: 980px;
  margin: 0pt auto;
  background-color: #FFFFFF;
}

#header {
    height: 173px;
    width: 980px;
    background: transparent url(../images/logo.jpg) no-repeat bottom right;
    position: relative;
}

#menu {
    bottom:23px;
    position:absolute;
    right:0;
    width: 595px;
}

#menu ul {
    /*width: 595px;*/
    position: relative;
}

#menu ul li {
    float: left;
    margin-right: 4px;
}

#menu ul li a {
    display: block;
    width: 105px;
    padding: 0 5px;
    background-color: #f1f1f2;
    overflow: none;
    color: #231F20;
    height: 21px;
    line-height: 21px;
    font-weight: bold;
/*border: 1px solid #F2625A; border-top: none; border-bottom: none;*/
}

#menu ul li a:hover, #menu ul li a.selected {
    background-color: #ee2e24;
    color: #FFFFFF;
}

#content {
padding:58px 0 30px 0;
}

#leftside {
    margin-left:84px;
    width:360px;
    float: left;
}

#rightside {
    background: transparent none repeat scroll 0 0;
    float:right;
    height:300px;
    width:520px;
}

#footer {
    clear: both;
}

#footer, #footer a {
    color: #919294;
}

#footerleft {
    width: 400px;
    float: left;
}

#footerright {
    float: right;
    width: 250px;
    text-align: right;
    margin-right: 2px;
}

#homelink {
    height:108px;
    left:90px;
    position:absolute;
    top:40px;
    width:290px;
}

.clear {
    clear: both;
}

.thumb {
    width: 102px;
    height: 91px;
    margin-left: 15px;
    margin-top: 19px;
    background: transparent url(/images/blank.gif) no-repeat top left;
}

#gallerycontainer {
    position: relative;
    left: -15px;
    top: -19px;
    margin-bottom: 19px;
}

#rightsubright {
    float: right;
    width: 108px;
}

#rightsubright a {
    color: #6d6e71;
}

#rightsubright a:hover, .subselected {
    color: #ee2e24;
}

#rightsubleft {
    float: left;
    height: 300px;
    width: 380px;
}

.testimonialtext {
    font-size: 25px;
    line-height: 30px;
font-family: Georgia, Times New Roman, Times, serif;
}

.testimonialcredit {
    margin-top: 20px;
}

li.selected a {
    color: #ee2e24 !important;
}

#articles_left {
    height:300px;
margin-left:82px;
overflow-x:hidden;
overflow-y:auto;
width:500px;
float:left;
}

#articles_right {
float:right;
margin-right:20px;
width:350px;
height: 300px;
overflow-y: auto;
overflow-x: hidden;
}

.overblog {
    color: #ee2e24;
}

.selectedblog {
    color: #ee2e24;
}

.bloglink {
padding-top: 5px;
padding-bottom: 5px;
cursor: pointer;
}

h2 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
}

.extramenu {
display:none;
height:40px;
position:absolute;
top:30px;
width:98px;
}

#extraportfolio {
    left:119px;
}

#extraphotos {
    left: 238px;
}

.extramenu li {
    float: none !important;
    display: block;
}

.extramenu li a {
font-size:10px;
height:18px !important;
line-height:18px !important;
margin-bottom:2px;
}

/* shawn */

#home #content {padding: 0; padding-bottom: 30px;}
#home #header {background: transparent url(../images/logo-home.jpg) no-repeat bottom right; height:205px;}
#home #menu {bottom: 55px;}

#home .home-text {width: 130px; background-color: #F1F1F2; color: #3C3C3C; border: none; border-top: 1px solid #A4A4A6; border-left: 1px solid #A4A4A6; padding: 3px;}


#menu .extramenu li a:hover {background-color: #6D6E71; color: #FFF;}
#menu .extramenu .selected a:hover {color: #FFF;}

#menu ul li a.current {background-color: #EE2E24; color: #FFF !important;}

.alt-content {color: #FFF; background-color: #58585A;}
    .intro {font-size: 1.4em; line-height: 1.4em;}
    .alt-content h1 {}
    .alt-content h2 {font-size: 1.4em; color: #BDBFC1; font-weight: normal; margin-bottom: 0.3em;}
    .alt-content p {}
    .alt-content a {color: #FFF; text-decoration: underline;}
    .alt-content a:hover {color: #EE2E24;}

    .alt-content #rightsubleft {padding-left: 30px;}
    .alt-content #rightsubright a {color: #FFF;}
    .alt-content #rightsubright a:hover {color: #EE2E24;}

#content p {padding-bottom: 1em;}
#content strong {font-weight: bold;}
#rightsubleft .contact {padding-top: 1em;}
#rightsubright li {padding-bottom: 0.6em;}
#rightsubright li .current {color: #EE2E24;}

#smarter {display: block; width: 124px; height: 55px;  float: right; margin: 60px 70px 0 0;}

#content .testimonialtext {padding-bottom: 0;}
.testimonialcredit span {font-weight: bold;}

.content-page {margin: 0 0 0 82px; float: left; width: 760px;}

.content-page h1 {font-weight: bold; margin-top:1em; font-size: 14px;}
.content-page h2 {font-weight: normal; margin-top:0.8em;}
.content-page h3 {font-weight: bold; margin-top:0.5em;}
.content-page a {color: #000;}
.content-page a:hover {text-decoration: underline; color: #EE2E24;}
.content-page ul {margin-left: 2em; list-style-type: disc;}
.content-page ul li {line-height: 1.4em; list-style-type: disc;}
.content-page ul ul li {list-style-type: circle;}

.content-page #rightsubright {}

.content-page .main {float:left; width: 510px;}
.content-page .side-panel {float: left; width:210px; margin-left: 35px;}

.main .blog-post {margin-bottom: 4em;}

.blog-post .title {margin-top: 0;}
.blog-post .title a {color: #818285;}
.blog-post .details {font-style: italic; padding-bottom: 1em;}

.side-panel h2 {margin-top: 0;}

.BlogRecentPost ul {margin-left: 0;}
.BlogRecentPost ul li {list-style-type: none;}

.photogalleryItem {text-align: center;}

#photocontainer div {display: inline; float: left; width: 102px; padding:10px 20px 10px 0; min-height:160px;}
#photocontainer .title {display: block;}
#photocontainer .code {display: block;}

#footer {background-color: #E7E8E9; color: #6E6E6E; overflow: auto; height: 1%; padding: 10px 0 10px 82px;}
#footer a:hover {color: #EE2E24;}

/**
 * @css-for Firefox
 * @workaround Show scroll bars so the page doesn't jump around
 */
html {overflow: -moz-scrollbars-vertical;}