/**** Master Page Styles ****/
body {background-image: url(../visual/global/wood-back.jpg); margin: 0; padding: 0; text-align: center; font-size: 1em; font-family: 'Trebuchet MS'; color: #fff}

#divMainContainer{position:relative; width: 800px; text-align: center; margin: 0 auto; margin-top: 20px;}

#divMidInnerContainer{position:relative; width: 100%}

#divHeaderContainer{position: relative; width: 100%; margin-bottom: 10px; text-align: center}

#divInnerMainContainer{position: relative; width: 800px; height: 520px;}

/*#divLeftColumn{position: relative; width: 400px; height: 520px; float: left; background-position: bottom; margin-top: 20px}
#divRightColumn{position: relative; width: 400px; height: 520px; float: right; background-position: bottom; margin-top: 20px}
*/

#divLeftColumn{position: absolute; width: 400px; height: 520px; top: 0px; left: 0px; margin-top: 20px}
#divRightColumn{position: absolute; width: 400px; height: 520px; top:0px; right: 0px; margin-top: 20px}



#divWelcomeColumn{position: absolute; width: 605px; height: 420px; top: 0px; left: 97.5px; z-index: 1000;}

#divFeatureColumn{position: absolute; width: 605px; height: 420px; top: 0px; left: 97.5px;}

.classTopSection{position: relative; width: 100%; height: 40px; text-align: center; background-image: url(../visual/global/content-top.png); background-repeat: no-repeat; background-position: bottom}

.classMidSection{position: relative; width: 100%; height: 385px; background-image: url(../visual/global/content-mid.png); background-repeat: repeat-y}

.classMidInnerContainer{margin: 10px 30px 10px 30px; width: 575px; float: left; text-align: left; }

.classMidInnerContainerHome{margin: 15px 60px 10px 40px; padding-right: 50px; width: 525px; float: left; text-align: left; }

.classBottomSection{position: relative; width: 100%; height: 15px; background-image: url(../visual/global/content-bot.png)}


/**** Portfolio Container ****/
.classTopSectionPortfolio{position: relative; width: 100%; height: 20px; background-image: url(../visual/global/portfolio/top.png); float: left; margin-left: 7px; top: 0px}

.classRightSectionPortfolio{position: relative; width: 20px; height: 416px; background-image: url(../visual/global/portfolio/right.png); float: right}

.classLeftSectionPortfolio{position: relative; width: 34px; height: 416px; float: left }

.classMidSectionPortfolio{position: relative; width: 576px; height: 416px; background-color: #fff; float: left }

.classBottomSectionPortfolio{position: relative; width: 100%; height: 15px; background-image: url(../visual/global/portfolio/bottom.png); float: left; margin-left: 7px}



.classLeftNumber{position: absolute; top: 75px; left: 33px}

.classRightNumber{position: absolute; top: 75px; right: 33px}

.classLeftPage{position: absolute; bottom: 40px; left: 85px}

.classRightPage{position: absolute; bottom: 40px; right: 95px}


/**** Page Footer Styles ****/
#divFooterContainer{position: relative; width: 100%; float: left; margin-top: 10px; padding-top: 10px; font-size: .8em}

#divValid{position: relative; width: 400px; float: left; text-align: left}

#divFooterLinks{position: relative; width: 400px; float: right; text-align: right}



/**** Page Link Styles ****/
a.classFooterLinks{color: #97baf0; text-decoration: none;}
a.classFooterLinks:hover{color: #97baf0; text-decoration: underline}


/**** Misc Styles ****/

.classNoBorder{border: none;}

h1{margin: 0; padding: 0; height: 20px}

h2{ color: #97baf0; margin: 0; font-size: .9em; margin-bottom: 0px; height: 30px}

h3{color: #807e7e; margin: 0; font-size: .9em; text-align: left; font-weight: bolder; font-family: Tahoma}

.classMidInnerContainer p{color: #d4d4d4; font-size: 0.8em}

.h2Web{ background-image: url(../visual/headers/web.jpg); background-repeat: no-repeat; text-indent: -10000px}
.h2Logo{ background-image: url(../visual/headers/logo.jpg); background-repeat: no-repeat; text-indent: -10000px}
.h2Print{ background-image: url(../visual/headers/print.jpg); background-repeat: no-repeat; text-indent: -10000px}
.h2Contact{ background-image: url(../visual/headers/contact.jpg); background-repeat: no-repeat; text-indent: -10000px; margin-bottom: 5px; height: 25px}
.h2Index {background-image: url(../visual/headers/unique-web-graphic-design.jpg); background-repeat: no-repeat; text-indent: -10000px; margin-bottom: 5px; height: 35px}


.class-contact{padding: 0; margin: 0; width: 330px}
.class-contact li label{ display: block; margin-bottom: 10px;}
.class-contact li label span{display: block; float: left; padding-right: 6px; width: 80px; text-align: left; font-size:0.7em; color: #999}
.class-contact li label span em{color: #26ade4}
.class-contact li label input{ background-color: #FFF; color: #9f9f9f; text-decoration: none; font-family:  'Trebuchet MS'; font-size: .8em; border: Solid 1px #9f9f9f; background-color: #f4f4f4}
.class-contact li label input:focus{ background-color: #fff; color: #9f9f9f; text-decoration: none; font-family:  'Trebuchet MS'; font-size: .8em; border: Solid 1px #26ade4; background-color: #fff}
.class-contact li label textarea{ background-color: #FFF; color: #9f9f9f; text-decoration: none; font-family:  'Trebuchet MS'; font-size: .8em; border: Solid 1px #9f9f9f; background-color: #f4f4f4}
.class-contact li label textarea:focus{ background-color: #fff; color: #9f9f9f; text-decoration: none; font-family:  'Trebuchet MS'; font-size: .8em; border: Solid 1px #26ade4; background-color: #fff}
.input-text{width: 237px}

.contact-form-container{width: 350px; float: left}
.contact-details-container{width: 190px; float: left; font-size: .8em}

.contact-us-direct {background-image: url(../visual/headers/contactusdirect.jpg); background-repeat: no-repeat; text-indent: -10000px; margin-bottom: 5px; height: 20px}
.use-our-contact-form {background-image: url(../visual/headers/useourcontactform.jpg); background-repeat: no-repeat; text-indent: -10000px; margin-bottom: 5px; height: 20px}

.grey-text{color: #737373}
.blue-text{color: #37a7d5}

ul{padding: 0; margin: 0}
/*
label{ display: block; margin-bottom: 10px;}

label span{display: block; float: left; padding-right: 6px; width: 130px; text-align: left; font-size:0.8em; color: #999}

label span em{color: #26ade4}

.special{ background-color: #FFF; color: #9f9f9f; text-decoration: none; font-family:  'Trebuchet MS'; font-size: 1em; border: Solid 1px #9f9f9f; width: 345px; }

.active{ background-color: #fff; color: #9f9f9f; text-decoration: none; font-family:  'Trebuchet MS'; font-size: 1em; border: Solid 1px #26ade4; width: 345px; }
*/

.classMidInnerContainerHome p{color: #d4d4d4; font-size: 0.7em; font-family: Tahoma; color: #807e7e; margin-bottom: 5px}

.classMidInnerContainerHome ul{margin: 0px; padding: 0px;  margin-top: 5px}

.classMidInnerContainerHome ul li{ color: #37a7d5; font-weight: bold; font-size: .7em; list-style-type: none; background-image: url(/assets/visual/global/bullet2.jpg); padding-left: 20px; background-repeat: no-repeat; background-position: 0px 1px; margin-bottom: 3px !important;  margin-bottom: 0px}

.column{width: 33%; float: left}


a{color: #37a7d5; text-decoration: none; outline: none;}
a:hover{color: #37a7d5; text-decoration: underline; outline: none;}


.tooltip {
background:transparent url(../visual/global/hover.png) no-repeat scroll 0 0;
display:none;
font-size:11px;
font-style:normal;
left:-15px;
margin:220px 0 0 45px;
padding:25px 12px 10px;
position:absolute;
text-align:left;
top:-150px;
width:190px;
z-index:2;
color: #999
}

.work {
    float:left;
    margin: 0 8px 15px 0 !important; margin: 0 8px 50px 0;
    width:170px; background-image: url(/assets/visual/global/loader.gif); background-repeat: no-repeat; background-position: center;

}

.work div {
    height:132px; 
    text-align: center
}

.classMidInnerContainer p{color: #999; line-height: normal; font-size: .7em; margin-top: 4px; margin-right: 20px}

#portfoliotext{color: #999; line-height: normal; font-size: .7em; margin-top: 2px}

.project{position: relative}

.project a {

display:block;
height:132px;
width:168px;
}

/*.work .project, .project a:hover { background-position: 0 -87px}*/

.work p{margin: 0}

.summary{ display: none}



.PortfolioItem-header {width: 100%;
 height: 18px;}

.PortfolioItem-header ul {
 background: url(../highslide/graphics/controlbar5.gif);
 width: 83px;
 height: 18px;
 float:right;
}
.PortfolioItem-header ul li a {
 display: block;
 float: left;
 height: 18px;
 text-indent: -10000px;
 background-image: url(/assets/highslide/graphics/controlbar5.gif);
}
.PortfolioItem-header ul li a:hover {
 background-image: url(/assets/highslide/graphics/controlbar5-hover.gif);
}
.portfolio-previous a{
 width: 20px;
}
.portfolio-next a{
 width: 20px;
 background-position: -20px 0;
}
.portfolio-move a{
 width: 20px;
 background-position: -40px 0;
}
.portfolio-close a{
 width: 20px;
 background-position: -60px 0; text-indent: -10000px;
 display: none;
 
}



ul#nav { background:url(../visual/global/navsprite.png); background-repeat: no-repeat; margin-left: 125px; margin-top: 0px}
ul#nav li {list-style-type:none; display: block }
ul#nav li a {height: 33px;display:block; text-indent:-9999999px; outline:none;}

a.navHrefWeb, a.navHrefLogo, a.navHrefPrint { background:url(../visual/global/navsprite.png);}

li#linavWeb , li#linavLogo , li#linavPrint {float:left }

a.navHrefWeb 						{ background-position:0px 33px; width:120px;}
a.navHrefWeb:hover					{ background-position: 0px 0px }
a.navHrefWeb_select                   { width:120px; background:url(../visual/global/navsprite.png); background-position: 0px 0px }


a.navHrefLogo 					    { background-position:-120px 33px; width:115px;  }
a.navHrefLogo:hover				{ background-position:-120px 0px }
a.navHrefLogo_select                { width:115px; background:url(../visual/global/navsprite.png); background-position: -120px 0px }

a.navHrefPrint  					{ background-position:-235px 33px; width:122px; }
a.navHrefPrint:hover				{ background-position:-235px 0px }
a.navHrefPrint_select               { width:122px; background:url(../visual/global/navsprite.png); background-position: -235px 0px }



.portfolio-item-container{width: 860px; position: relative; background-color: #fff; float: left; text-align: left; color: #626262; margin-top: 5px}
.portfolio-item-left-container{width: 430px; position: relative; float: left;}
.portfolio-item-right-container{width: 430px; position: relative; float: right;}

.portfolio-item-left-container-padding{padding: 10px}
.portfolio-item-right-container-padding{padding: 10px;}

#click-enabled{position: absolute; bottom: 0px; left: 0px; width: 400px; height: 35px; background-image: url(/assets/visual/global/tsbackground.png); color: #626262; text-align: center; padding: 10px 20px 5px 10px; display: none}

.portfolio-item-left-container-padding span{ font-size: .75em;}

.portfolio-item-left-container-padding p{color: #999; line-height: 17px; font-size: .9em;}

.portfolio-item-left-container-padding ul{}
.portfolio-item-left-container-padding ul li{ background-image: url(/assets/visual/global/bullet.jpg); background-repeat: no-repeat;
                                              list-style-type: none; text-indent: 20px; background-position: 0px 4px; margin-bottom: 10px; border-bottom: solid 1px #e4e4e4; padding: 3px 0px 5px 0px; font-size: .8em}

#h2ProjectTitle { text-indent: -10000px; background-repeat: no-repeat;}
#h3Response {text-indent: -1000px; background-repeat: no-repeat; background-image: url(/images/headers/response.jpg); height: 25px; margin: 15px 0px 5px 0px}