@charset "UTF-8";
/* CSS Document */

html { width:100%; height:650px; margin:0px; padding:0px; background-color:#FFF; text-align:center; background-image:url(../cms/cmsimages/layout/headbg.gif); background-repeat:repeat-x; 

} 

body { width:1000px; /* height:650px; */ text-align:left; margin:0px auto; padding:0px; color:#4D4D4D; font-weight:100; font: 77%/1.6 georgia, serif; position:relative;
}



img {border:0;}





.bottom {position:absolute; bottom:0; 
}


.prodarrow {position:absolute; bottom:-13px; left:134px;
}

h1 {text-indent: -9999em; margin:0px; padding:0px;}

h2 { margin:0px; padding:0px; text-indent: -9999em; 
}

h3 { font-weight:500; line-height:1.7; margin:0px; padding:0px; font-size:120%; text-indent:-10px; color:#333; 
}

.h4 {margin:10px 0px -2px 0px; padding:0px; font-weight:500; font: 110%/1.7 georgia, serif; display:block;
}

h4 { font-weight:500; line-height:1.7; margin:0px; padding:0px; font-size:110%; text-indent:-5px; color:#333; 
}

a:link,  a:active,  a:visited { color:#4D4D4D; text-decoration:none; background-color: #EEE; border-bottom: 1px solid #CCC;
}

a:hover { color: #333333; background-color: #DFDFDF; border-bottom: 1px solid #4D4D4D;  text-decoration:none;
}  

ul { list-style:none;
}

#homeheader { position:relative; width:1000px; height:133px; margin:0px; padding:0px; background-image:url(../cms/cmsimages/layout/welcometitle.jpg); background-repeat: no-repeat;
}

#workheader { position:relative; width:1000px; height:133px; margin:0px; padding:0px; background-image:url(../cms/cmsimages/layout/worktitle.jpg); background-repeat: no-repeat;
}

#blogheader { position:relative; width:1000px; height:133px; margin:0px; padding:0px; background-image:url(../cms/cmsimages/layout/blogtitle.jpg); background-repeat: no-repeat;
}

#conheader { position:relative; width:1000px; height:133px; margin:0px; padding:0px; background-image:url(../cms/cmsimages/layout/contacttitle.jpg); background-repeat: no-repeat;
}

#mischeader { position:relative; width:1000px; height:133px; margin:0px; padding:0px; background-image:url(../cms/cmsimages/layout/misctitle.jpg); background-repeat: no-repeat;
}




.homelink, a.homelink:link,  a.homelink:active,  a.homelink:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; left:0px; width:297px; height:37px;
background: url("../cms/cmsimages/layout/homelink.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.homelink:hover {
/* background-position: 0 -37px; */ background: url("../cms/cmsimages/layout/animatedhomelink.gif") 0 0 no-repeat;
}

.preload {width:1px; height:1px; background: url("../cms/cmsimages/layout/animatedhomelink.gif") 0 0 no-repeat; position:absolute; top:91px; left:0px; 
}

.welcome, a.welcome:link,  a.welcome:active,  a.welcome:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; right:249px; width:67px; height:37px;
background: url("../cms/cmsimages/layout/welcomenav.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.welcome:hover {
background-position: 0 -37px;
}


.work, a.work:link,  a.work:active,  a.work:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; right:205px; width:44px; height:37px;
background: url("../cms/cmsimages/layout/worknav.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.work:hover {
background-position: 0 -37px;
}

.blog, a.blog:link,  a.blog:active,  a.blog:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; right:166px; width:39px; height:37px;
background: url("../cms/cmsimages/layout/blognav.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.blog:hover {
background-position: 0 -37px;
}



.tut, a.tut:link,  a.tut:active,  a.tut:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; right:102px; width:64px; height:37px;
background: url("../cms/cmsimages/layout/tutorialnav.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.tut:hover {
background-position: 0 -37px;
}




.con, a.con:link,  a.con:active,  a.con:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; right:43px; width:59px; height:37px;
background: url("../cms/cmsimages/layout/contactnav.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.con:hover {
background-position: 0 -37px;
}




.misc, a.misc:link,  a.misc:active,  a.misc:visited {display:block;
border:0;
padding:0;
position:absolute;
top:91px; right:0px; width:43px; height:37px;
background: url("../cms/cmsimages/layout/miscnav.jpg") 0 0 no-repeat;
text-indent: -9999em;
}

 a.misc:hover {
background-position: 0 -37px;
}



#footer {position:absolute; top:533px; right:10px; color:#ccc; font-size:90%;
}



#content { height:370px; width:410px;  margin: 20px 0px 0px 30px; float:left; text-align:justify;
}


#contentcon { height:370px; width:auto;  margin: 5px 0px 0px 30px; float:left; text-align:justify;
}




#column { height:370px; width:410px;  margin: 20px 20px 0 48px; float:right; position:relative;
}

#form { height:350px; width:440px;  margin: 40px 20px 0 48px; float:right; position:relative; text-align:right;
}


#work1 {position:absolute; left:0px; top:40px;
}

#work2 {position:absolute; left:210px; top:40px;
}

#work3 {position:absolute; left:0px; top:108px;
}

#work4 {position:absolute; left:210px; top:108px;
}




.workfrontthumb { width:57px; height:57px; border:1px solid #333; margin-right:8px; float:left;
}

.workfront, a.workfront:link,  a.workfront:active,  a.workfront:visited { width:200px; height:59px; background-color: #F5F5F5 ; margin: 1px; font-size:95%; display: block;
}

a.workfront:hover { border: 1px solid #999; background-color: #E3E3E3 ; margin:0px; width:200px; height:59px; font-size:95%; display: block;
}



#frontlargedivide { position:absolute; top:185px; left:-10px;
}

#exp { width:200px; height:170px; position:absolute; left:0px; top:197px; margin:0px; padding:0px;
}

#dandad { width:200px; height:70px; position:absolute; left:210px; top:197px;
}

#award { width:200px; height:59px; position:absolute; left:210px; top:222px; font-size:95%; display: block;
}

#frontsmalldivide { position:absolute; top:288px; left:200px; 
}

#cv { width:200px; height:59px; position:absolute; left:210px; top:297px; font-size:95%; display: block;
}

.frontthumb { width:57px; height:57px; border:0px; float:left; margin:1px 8px 0px 1px;
}








#workindex1 {position:absolute; left:86px; top:43px;
}

#workindex2 {position:absolute; left:296px; top:43px;
}

#workindex3 {position:absolute; left:506px; top:43px;
}

#workindex4 {position:absolute; left:716px; top:43px;
}

#workindex5 {position:absolute; left:86px; top:111px;
}

#workindex6 {position:absolute; left:296px; top:111px;
}

#workindex7 {position:absolute; left:506px; top:111px;
}

#workindex8 {position:absolute; left:716px; top:111px; 
}

#workindex9 {position:absolute; left:86px; top:179px;
}

#workindex10 {position:absolute; left:296px; top:179px; 
}

#workindex11 {position:absolute; left:506px; top:179px;
}

#workindex12 {position:absolute; left:716px; top:179px;
}

#workindex13 {position:absolute; left:86px; top:247px; 
}

#workindex14 {position:absolute; left:296px; top:247px; 
}

#workindex15 {position:absolute; left:506px; top:247px; 
}

#workindex16 {position:absolute; left:716px; top:247px; 
}








.next, a.next:link,  a.next:active,  a.next:visited {display:block;
border:0;
padding:0;
position:absolute;
top:153px; right:-9px; width:25px; height:360px;
background: url("../cms/cmsimages/layout/next.png") 0 0 no-repeat;
text-indent: -9999em;
}

 a.next:hover {
background-position: 0 -360px;
}

.previous, a.previous:link,  a.previous:active,  a.previous:visited {display:block;
border:0;
padding:0;
position:absolute;
top:153px; left:-9px; width:25px; height:360px;
background: url("../cms/cmsimages/layout/previous.png") 0 -360px no-repeat;
text-indent: -9999em;
}

 a.previous:hover {
background-position: 0 0;
}








.wk1 {
}

.wk2 {
}

.wk3 {
}

.wk4 {
}

.wk5 {
}

.wk6 {
}

.wk7 {
}

.wk8 {
}

.wk9 {
}

.wk10 {
}




a.dicontact:link,  a.dicontact:visited,  a.dicontact:active { border: 1px solid #fff; border-bottom: 1px solid #ccc; width:100%; height:59px; background-color: #F5F5F5 ; margin: 0px; font-size:95%; display: block;
}

a.dicontact:hover { border: 1px solid #999; background-color: #E3E3E3 ; margin:0px; width:410px; height:59px; font-size:95%; display: block;
}


span.dicontact {margin: 5px 5px 0 0; width:330px;
}












.dandadsmall {position:absolute; width:38px; height:43px; top:-17px; left:170px;
}







#sig { width:140px; height:58px; text-align:right; vertical-align:text-top; padding-left:50px; margin-top:-18px;
}





.index, a.index:link,  a.index:active,  a.index:visited {margin:-1px 4px; color:#FFF; background-color:transparent;
}

 a.index:hover {margin:0px 4px; color:#BFBFBF; background-color:transparent; 
}

.noeffect, a.noeffect:link,  a.noeffect:active,  a.noeffect:visited {margin:0; background-color:transparent; border:1px solid #fff;
}

 a.noeffect:hover {margin:0; background-color:transparent; border: 1px solid #CCC;
}









.belt p, .belt h3, .belt h4 {width:410px; text-align:justify; padding: 0px 30px;
}


.belt h4 {margin: 10px 0px -10px 0px;
}



.stepcarousel{
position: relative; 
border: 0px;
overflow: scroll; 
width: 1000px; 
height: 360px; 
margin: 20px 0px;
}

.stepcarousel .belt{
position: absolute;
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left;
/*overflow: hidden;*/
margin: 0px;
padding: 0px; height: 360px;
position: relative;
width: 1000px; 
}