@charset "utf-8";
/* --CSS Document-- */


/* --Browser Reset-- */
body, div, fieldset, p, form { margin: 0; padding: 0;}
fieldset, img, a { border: 0;}
html { font-size: 62.5%;}
/* --End Browser Reset-- */


/* --Body Style-- */
body {
background-color: #f3f3f3;
}

body,td,th {
color: #777; font-size: 17px;
font-family: "Myriad Pro", Helvetica, Tahoma, Sans-Serif;
}
/* -- End Body Style-- */


/* --Links Styles-- */
a {
outline: none;
}

a:link, a:visited, a:active {
color: #888; text-decoration: none;
}

a:hover {
color: #146dac; text-decoration: none;
}

a.dashed:link, a.dashed:visited, a.dashed:active {
color: #888; text-decoration: none;
}

a.dashed:hover {
color: #146dac; text-decoration: none;
border-bottom: 1px dashed #888;
}

a.blog:link, a.blog:visited, a.blog:active {
color: #f0f0f0; font-family: Tahoma; font-size: 11px;
font-weight: bold; text-decoration: none; line-height: 18px;
}

a.blog:hover {
color: #fff;
}
/* --End Links Styles-- */


/* --Other Styles-- */
p, p.big, p.bigThanks, p.e, p.html, .blu, .blw {
background-color: #f3f3f3;
}

p.big {
font-size: 30px; line-height: 45px;
}

p.bigThanks {
font-size: 30px; line-height: 45px;
margin-left: 50px;
}

p.e {
line-height: 23px;
}

p.html {
line-height: 60px;
}

.blu {
color: #146dac; text-transform: capitalize;
}

.blw {
color: #146dac;
}

img.border {
border: 5px solid #fff;
}

.check {
margin-right: 3px;
}

.checkSpaced {
margin-left: 15px;  margin-right: 3px;
}
/* --End Other Styles-- */


/* --Begin Div's-- */

/* --Begin contUno-- */
#contUno {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 588px;
position: absolute; top: 0px; left: 50%; margin-left: -500px;
z-index: 1; display: none;
}

.anchorTop {
background-color: transparent; border: 0;
overflow: hidden; width: 1px; height: 1px;
position: absolute; top: 0px; left: 0px;
}

.goBlog {
background-color: transparent; border:0;
overflow: hidden; width: 92px; height: 26px;
position: absolute; top: 0px; left: 800px;
text-align: center; display: none;
}

.goBlogHover {
background: url("../images/backSite.png") top left no-repeat;
width: 92px; height: 26px;
overflow: hidden; display: block;
} 
.goBlogHover:hover {
 background: url("../images/backSite.png") bottom left no-repeat; 
} 


.logo {
background-color: transparent; border: 0px;
background-image: url("../images/logo.png");
background-position: top left; background-repeat: no-repeat;
overflow: hidden; width: 251px; height: 66px;
position: absolute; top: 68px; left: 48px;
}

.topDivider {
background-color: transparent; border: 0px;
background-image: url("../images/topDivider.png");
background-position: top left; background-repeat: no-repeat;
overflow: hidden; width: 1000px; height: 7px;
position: absolute; top: 190px; left: 0px;
}

.info {
background-color: transparent; border: 0px;
overflow: hidden; width: 800px; height: 220px;
position: absolute; top: 277px; left: 110px;
}

.anchorMid {
background-color: transparent; border: 0;
overflow: hidden; width: 1px; height: 1px;
position: absolute; top: 225px; left: 0px;
}

.scrollOneCont  {
background-color: transparent; border: 0px;
overflow: hidden; width: 62px; height: 28px;
position: absolute; top: 512px; left: 833px;
}

.down {
background-color: transparent; border:0;
overflow: hidden; width: 27px; height: 28px;
position: absolute; left: 0px;
}

.downHover {
background: url("../images/down.png") top left no-repeat;
width: 27px; height: 28px;
overflow: hidden; display: block;
} 
.downHover:hover {
 background: url("../images/down.png") bottom left no-repeat; 
} 

.up {
background-color: transparent; border:0;
overflow: hidden; width: 27px; height: 28px;
position: absolute; left: 35px;
}

.upHover {
background: url("../images/up.png") top left no-repeat;
width: 27px; height: 28px;
overflow: hidden; display: block;
} 
.upHover:hover {
 background: url("../images/up.png") bottom left no-repeat; 
}
/* --End contUno-- */

/* --Begin contDos-- */
#contDos {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 1120px;
position: absolute; top: 620px; left: 50%; margin-left: -500px;
z-index: 1; display: none;
}

.recent {
background-color: transparent; border: 0px;
overflow: hidden; width: 245px; height: 50px;
position: absolute; top: 0px; left: 105px;
}

/* --Begin work-- */
.work  {
background-color: transparent; border: 0;
overflow: hidden; width: 740px; height: 965px;
position: absolute; top: 65px; left: 127px;
}

.workOneCont {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 260px;
position: absolute; top: 0px; left: 0px;
}

.workInfoOne {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 50px;
float: right;
}

.workInfoPic {
background-color: transparent; border: 0;
overflow: hidden; width: 319px; height: 165px;
float: right; margin-top: 5px;
}

.workInfoTwo {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 22px;
float: right; margin-top: 10px;
}

.workTwoCont {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 260px;
position: absolute; top: 0px; left: 425px;
}

.workThreeCont {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 260px;
position: absolute; top: 345px; left: 0px;
}

.workFourCont {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 260px;
position: absolute; top: 345px; left: 425px;
}

.workFiveCont {
background-color: transparent; border: 0;
overflow: hidden; width: 320px; height: 260px;
position: absolute; top: 690px; left: 0px;
}

/* --End work-- */

.scrollTwoCont  {
background-color: transparent; border: 0px;
overflow: hidden; width: 62px; height: 28px;
position: absolute; top: 1064px; left: 833px;
}
/* --End contDos-- */

/* --Begin contTres-- */
#contTres {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 919px;
position: absolute; top: 1789px; left: 50%; margin-left: -500px;
z-index: 1; display: none;
}

.contact {
background-color: transparent; border: 0px;
overflow: hidden; width: 245px; height: 50px;
position: absolute; top: 0px; left: 107px;
}

.contactInfo {
background-color: transparent; border: 0px;
overflow: hidden; width: 760px; height: 145px;
position: absolute; top: 65px; left: 135px;
}

.formCont {
background-color: transparent; border: 0;
overflow: hidden; width: 300px; height: 365px;
position: absolute; top: 200px; left: 135px;
}

/* --Begin Form-- */
.form {
color: #777; font-size: 13px; font-style: italic;
font-family: Georgia; background-color: #fcfcfc; 
border: 1px solid; border-color: #bfbfbf;
margin-bottom: 8px; padding: 7px 3px 6px 3px;
}
.form:hover {
border-color: #a4a4a4;
}

#name {
width: 290px;
}

#email {
width: 290px;
}

#message {
width: 290px; height: 100px;
overflow: auto; margin-bottom: 10px;
}

input.submit {
background: url("../images/send.png") top left no-repeat;
border: 0; width: 101px; height: 34px;
overflow: hidden; display: block;
}
input.submit:hover {
 background: url("../images/send.png") bottom left no-repeat; 
}
/* --End Form-- */

.scrollThreeCont  {
background-color: transparent; border: 0px;
overflow: hidden; width: 62px; height: 28px;
position: absolute; top: 599px; left: 833px;
}

.bottomDivider {
background-color: transparent; border: 0px;
background-image: url("../images/bottomDivider.png");
background-position: top left; background-repeat: no-repeat;
overflow: hidden; width: 1000px; height: 7px;
position: absolute; top: 712px; left: 0px;
}

.copy {
background-color: transparent; border: 0px;
overflow: hidden; width: 760px; height: 85px;
position: absolute; top: 739px; left: 54px;
}

.backTo {
background-color: transparent; border: 0px;
overflow: hidden; width: 100px; height: 30px;
position: absolute; top: 738px; left: 854px;
}

.anchorBottom {
background-color: transparent; border: 0;
overflow: hidden; width: 1px; height: 1px;
position: absolute; top: 919px; left: 0px;
}
/* --End contTres-- */


/* --Begin Thanks-- */
#contThanks {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 588px;
position: absolute; top: 0px; left: 50%; margin-left: -500px;
z-index: 1; display: none;
}

.infoThanks {
background-color: transparent; border: 0px;
overflow: hidden; width: 525px; height: 110px;
position: absolute; top: 300px; left: 275px;
}

.ok {
background-color: transparent; border: 0px;
background-image: url("../images/ok.png");
background-position: top left; background-repeat: no-repeat;
overflow: hidden; width: 49px; height: 49px;
position: absolute; top: 300px; left: 215px;
z-index: 2;
}
/* --Begin Thanks-- */


/* --Begin noJS-- */
#noJS {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 588px;
position: absolute; top: 277px; left: 50%; margin-left: -500px;
z-index: 1;
}

#contUnoNoJs {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 588px;
position: absolute; top: 0px; left: 50%; margin-left: -500px;
z-index: 1;
}

#contDosNoJs {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 1120px;
position: absolute; top: 620px; left: 50%; margin-left: -500px;
z-index: 1;
}

#contTresNoJs {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 919px;
position: absolute; top: 1789px; left: 50%; margin-left: -500px;
z-index: 1;
}

#contThanksNoJs {
background-color: transparent; border: 0;
overflow: hidden; width: 1000px; height: 588px;
position: absolute; top: 0px; left: 50%; margin-left: -500px;
z-index: 1;
}
/* --End noJS-- */

/* --End Div's-- */