body {
background : url(../images/body.jpg);
background-repeat : repeat-x;
margin : 0;
padding-top : 9px;
font-family : Lucida Sans, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
}
#Cointainer {
width : 100%;
margin : auto;
}
.NavWarper ul {
float : right;
list-style : none;
padding : 0;
margin : 0;
}
.NavWarper ul li {
display : block;
float : left;
line-height : 24px;
padding : 0;
margin-right : 3px;
font-family : "georgia", arial;
font-size : 16px;
font-weight : bold;
color : #fff;
text-align : center;
}
.NavWarper ul li a {
height : 28px;
margin : 0;
padding : 0;
display : block;
width : 84px;
font-family : "georgia";
font-size : 16px;
color : #fff;
font-weight : bold;
text-decoration : none;
}
.NavWarper ul li a:visited {
outline : none;
height : 28px;
width : 84px;
margin : 0;
padding : 0;
display : block;
font-family : "georgia";
font-size : 16px;
color : #fff;
font-weight : bold;
text-decoration : none;
}
.NavWarper ul li a:hover {
background : url('../images/nav/about_ro.jpg');
}
.NavWarper ul li a:hover, ul li a:active {
background : url('../images/nav/about_ro.jpg');
}
.NavWarper ul li a:focus {
background : url('../images/nav/about_ro.jpg');
}
#HeaderContainer {
width : 927px;
height : 249px;
margin : auto;
}
#LogoLeft {
width : 475px;
float : right;
padding-top : 40px;
}
#LogoLeft2 {
width : 475px;
float : right;
padding-top : 40px;
}
#MiddleWraper {
background : url(../images/middle_bg.jpg);
background-repeat : repeat-x;
height : 751px;
width : 100%;
}
#MiddleWraperAbout {
background : url(../images/middle_about.jpg);
background-repeat : repeat-x;
height : 900px;
width : 100%;
}
#MiddleWraperPortfolio {
background : url(../images/portfolio_bg.jpg);
background-repeat : repeat-x;
height : 1139px;
width : 100%;
}
#FutterWraper {
width : 100%;
background : url(../images/futter_bg.jpg);
background-repeat : repeat-x;
height : 135px;
}
.LeftFlot {
float : left;
}
.LeftFlot2 {
float : left;
width:895px;
}
.RightFlot {
float : right;
}
.Clear {
clear : both;
}
.Clear2 {
clear : both;
height : 25px;
}
.BlankDiv {
float : left;
width : 25px;
height : 28px;
}
.BlankDiv2 {
float : left;
width : 300px;
height : 60px;
}
.BlankDiv3 {
float : left;
width : 15px;
height : 10px;
}
.BlankDiv4 {
float : left;
width : 35px;
height : 10px;
}
.BlankDiv5 {
float : left;
width : 35px;
height : 10px;
}
.LogoDiv {
width : 217px;
float : left;
}
.instant {
float : left;
padding-left : 53px;
margin-bottom : 7px;
}
.logo {
float : left;
padding : 0 0 7px 0;
}
.logo img {

border:0px;
}

.freelance {
float : left;
padding-left : 8px;
width : 209px;
}
.NavBox {
float : right;
width : 475px;
}
.ComaBox {
float : left;
width : 475px;
}
.Coma {
float : left;
font-family : Arial, Helvetica, sans-serif;
color : #ffffff;
font-size : 86px;
padding-top : 20px;
}
.TexTContent {
float : left;
font-size : 15px;
padding : 55px 0 0 6px;
width : 435px;
}
.MiddleCointaner {
width : 927px;
margin : auto;
}
.MiddleOne {
float : left;
width : 927px;
}
.MiddleTwo {
float : left;
width : 927px;
padding-top : 40px;
}
.RoughImg {
float : right;
background : url(../images/rough_img.jpg);
background-repeat : no-repeat;
width : 392px;
height : 68px;
}
.MyDesignTxt {
float : left;
font-size : 20px;
color : #543229;
padding : 10px 0 0 30px;
}
.ABitBytt {
float : left;
padding : 30px 0 0 7px;
width : 194px;
}
.WebSiteBut {
float : left;
padding : 30px 0 0 0;
}
.PrintBut {
float : left;
padding : 30px 0 0 0;
}
.RightBox {
float : left;
padding-top : 5px;
}
.RightBox2 {
float : left;
padding-top : 5px;
width : 465px;
}
.AtulImg {
float : left;
padding-left : 15px;
}
.AtulTxt {
float : left;
padding-left : 12px;
padding-top : 15px;
font-size : 11px;
width : 320px;
line-height : 18px;
text-align : justify;
}
.AtulTxt {
float : left;
padding-left : 12px;
padding-top : 15px;
font-size : 11px;
width : 320px;
line-height : 18px;
}
.AtulTxtAbout {
float : left;
padding-left : 12px;
padding-top : 15px;
font-size : 11px;
width : 460px;
line-height : 18px;
text-align : justify;
}
.WhatText2 {
float : left;
font-family : Lucida Sans, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
line-height : 21px;
padding-left : 24px;
padding-top : 10px;
padding-right : 30px;
font-weight : bold;
}
.WhatText2 ul {
list-style : none;
margin : 0;
padding : 0;
}
.WhatText3 {
float : left;
font-family : Lucida Sans, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
line-height : 21px;
padding-left : 80px;
padding-top : 10px;
font-weight : bold;
width : 120px;
}
.WhatText3 ul {
list-style : none;
margin : 0;
padding : 0;
}
.WhatText4 {
float : left;
font-family : Lucida Sans, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #ffffff;
line-height : 21px;
padding-top : 10px;
font-weight : normal;
}
.Resume {
float : left;
padding : 20px 0 0 7px;
width : 472px;
}
.PortfolioSec {
float : left;
padding-left : 28px;
padding-top : 15px;
width : 410px;
}
.PortfolioAboutSec {
float : left;
padding-left : 20px;
padding-top : 15px;
width : 410px;
}
.PortfolioAboutSec2 {
float : left;
padding-left : 20px;
padding-top : 15px;
width : 300px;
}
.PortfolioAboutSec3 {
float : left;
padding-left : 50px;
padding-top : 15px;
width : 390px;
}
.MoreImg {
float : right;
padding : 18px 62px 0 0;
}
.Huck {
margin : auto;
padding-top : 15px;
width : 461px;
}
.ColorBox {
width : 864px;
margin : auto;
border : 5px solid #1f1a17;
background-color : #332826;
padding : 12px 18px 12px 18px;
}
.FlickerBox {
float : left;
width : 187px;
}
.FlickerImgBox {
float : left;
padding : 15px 22px 8px 22px;
}
.TestmonialBox {
float : left;
padding-left : 82px;
width : 326px;
}
.Testmonialtxt {
float : left;
padding-left : 20px;
padding-top : 15px;
font-size : 11px;
width : 300px;
line-height : 18px;
}
.TwitterBox {
float : left;
width : 198px;
padding-left : 70px;
}
.Twittertxt {
float : left;
padding-left : 0;
padding-top : 15px;
font-size : 11px;
width : 198px;
line-height : 18px;
}
.Twittertxt ul {
margin : 0;
padding : 0;
}
.Twittertxt ul li {
border-bottom : 1px solid #524137;
border-color : #524137;
line-height : 20px;
list-style : none;
margin-bottom : 7px;
padding-bottom : 7px;
}
.Twittertxt ul li a {
color : #7abcde;
}
.Twittertxt ul li a:visited {
color : #7abcde;
}
.Twittertxt ul li a:hover {
color : #ffffff;
}
.Twittertxt ul li a:active {
color : #ffffff;
}
.Twittertxt a {
color : #7abcde;
}
.Twittertxt a:visited {
color : #7abcde;
}
.Twittertxt a:hover {
color : #ffffff;
}
.Twittertxt a:active {
color : #ffffff;
}
.IconBox {
float : left;
padding : 30px 0 0 10px;
}
.IconBox2 {
float : left;
padding : 10px 0 0 30px;
width : 180px;
}
.IconOne {
float : left;
padding-left : 10px;
padding-right : 10px;
}
.IconTxt {
float : left;
padding-top : 10px;
padding-right : 10px;
}
.IconTxt2 {
float : left;
padding-top : 4px;
}
.FutterBox {
width : 927px;
margin : auto;
}
.FutterLeft {
float : left;
width : 250px;
padding : 25px 0 3px 10px;
font-size : 11px;
line-height : 18px;
}
.TextOne {
float : left;
height : 48px;
}
.ThanviLink {
float : left;
padding-top : 14px;
}
.GreyColor {
background-color : #534f4e;
width : 218px;
clear : both;
}
.W3cTxt {
float : right;
font-size : 11px;
padding-top : 40px;
width : 190px;
}
.Blue {
color : #7abcde;
}
.BorderYellow {
border : 5px solid #d7c6a8;
}
.BorderBrowe {
border : 3px solid #664846;
float : left;
}
.BorderBottom {
border-bottom : 1px solid #524137;
margin : auto;
width : 290px;
padding-top : 8px;
}
.BorderBottom2 {
border-bottom : 1px solid #524137;
margin : auto;
width : 198px;
padding-top : 8px;
}
.MyResume {
float : left;
width : 128px;
height : 36px;
background : url(../images/my_resume.jpg);
background-repeat : no-repeat;
}
.MyResumeTxt {
float : right;
padding-top : 19px;
padding-right : 7px;
font-size : 10px;
letter-spacing : -1px;
}
.PortfolioImg {
float : left;
width : 128px;
height : 36px;
background : url(../images/portfolio.jpg);
background-repeat : no-repeat;
}
.PortfolioTxt {
float : right;
padding-top : 19px;
font-size : 10px;
letter-spacing : -1px;
padding-right : 3px;
}
.MoreAbout {
float : right;
width : 157px;
height : 36px;
background : url(../images/more_about.jpg);
background-repeat : no-repeat;
}
.MoreAboutTxt {
float : right;
padding-top : 21px;
padding-right : 9px;
font-size : 10px;
letter-spacing : -1px;
}
.MoreWeb {
float : right;
width : 324px;
height : 17px;
background : url(../images/more.jpg);
background-repeat : no-repeat;
background-position : bottom;
padding-top : 15px;
}
.MoreWebTxt {
float : right;
padding-top : 2px;
font-size : 10px;
letter-spacing : -1px;
width : 247px;
}
.ContactImg {

float : right;
width : 133px;
height : 36px;
background : url(../images/contact_img.jpg);
background-repeat : no-repeat;
}
.ContactImgTxt {
float : right;
padding-top : 20px;
padding-right : 9px;
font-size : 10px;
letter-spacing : -1px;
}
.MiddleBottom {
float : left;
padding-top : 40px;
padding-left : 15px;
padding-bottom : 15px;
width : 850px;
}
.NextBut {
float : right;

}
.BackBut {
float:left;

}
.BlackBox {
float : left;
background-color : #1f1a17;
border : 5px solid #cfc19e;
width : 555px;
height : 474px;
}
.Titles {
float : left;
width : 100px;
padding-left : 15px;
font-weight : bold;
}
.LogoLink a:link {
color : #fff;
text-decoration : none;
font-size : 13px;
}
.LogoLink a:visited {
color : #fff;
text-decoration : none;
font-size : 13px;
}
.LogoLink a:active {
color : #fff;
text-decoration : none;
font-size : 13px;
}
.LogoLink a:hover {
color : #7abcde;
text-decoration : none;
font-size : 13px;
}
.IconLink a:link {
color : #fff;
text-decoration : none;
font-size : 11px;
}
.IconLink a:visited {
color : #fff;
text-decoration : none;
font-size : 11px;
}
.IconLink a:active {
color : #fff;
text-decoration : none;
font-size : 11px;
}
.IconLink a:hover {
color : #7abcde;
text-decoration : none;
font-size : 11px;
}
.ResumeLink a:link {
color : #fff;
text-decoration : none;
font-size : 10px;
letter-spacing : normal;
}
.ResumeLink a:visited {
color : #fff;
text-decoration : none;
font-size : 10px;
}
.ResumeLink a:active {
color : #fff;
text-decoration : none;
font-size : 10px;
}
.ResumeLink a:hover {
color : #7abcde;
text-decoration : none;
font-size : 10px;
}
.RolloverButOne {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
width : 56px;
height : 26px;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloutButOne {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
width : 56px;
height : 26px;
background : url(../images/nav/home_ro.jpg);
background-repeat : no-repeat;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloverButTwo {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
width : 84px;
height : 26px;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloutButTwo {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
width : 84px;
height : 26px;
background : url(../images/nav/about_ro.jpg);
background-repeat : no-repeat;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloverButThree {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
width : 67px;
height : 26px;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloutButThree {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
width : 67px;
height : 26px;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
background : url(../images/nav/contact_ro.jpg);
background-repeat : no-repeat;
}
.RolloverButFour {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
width : 53px;
height : 26px;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloutButFour {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
width : 53px;
height : 26px;
background : url(../images/nav/blog_ro.jpg);
background-repeat : no-repeat;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloverButPort {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
width : 75px;
height : 26px;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloutButPort {
color : #fff;
text-decoration : none;
font-family : Georgia, "Times New Roman", Times, serif;
font-weight : bold;
font-family : Georgia, "Times New Roman", Times, serif;
width : 75px;
height : 26px;
background : url(../images/nav/portfolio_ro.jpg);
background-repeat : no-repeat;
font-size : 15px;
padding : 2px 0 0 0;
float : left;
text-align : center;
}
.RolloverImg {
width : 339px;
height : 74px;
border : 5px solid #cfc19e;
margin-left : 12px;
}
.RolloutImg {
width : 339px;
height : 74px;
border : 5px solid #948158;
margin-left : 12px;
}
.RolloverPortfolio {
width : 247px;
border : 5px solid #cfc19e;
margin-left : 10px;
float : left;
}
.RolloutPortfolio {
width : 247px;
border : 5px solid #79714f;
margin-left : 10px;
float : left;
}
.TextArea {
font-family : lucida sans, arial;
font-size : 12px;
font-weight : normal;
background : url(../images/textarea.jpg);
background-repeat : no-repeat;
color : #252422;
height : 19px;
width : 250px;
border : 1px solid #5d493e;
padding-top : 3px;
padding-left : 2px;
color : #cccccc;
}
.TextArea2 {
font-family : lucida sans, arial;
font-size : 12px;
font-weight : normal;
background : url(../images/textarea2.jpg);
background-repeat : no-repeat;
color : #252422;
height : 89px;
width : 450px;
border : 1px solid #5d493e;
padding-top : 3px;
padding-left : 2px;
color : #cccccc;
}
.NameTitle {
float : left;
padding-bottom : 3px;
}
.TextFieldClass {
float : left;
width : 260px;
}
.TextFieldClass2 {
float : left;
width : 460px;
}