body {
margin : 0;
padding : 0;
}
a img {
border : none;
}
a:link {
color : #636c03;
}
a:visited {
color : #2e210e;
}
a:hover {
color : #333;
}
a:active {
color : #ccc;
}
a {
text-decoration : underline;
}
h1 {
color : #303030;
font : bold 21px Arial, Helvetica, sans-serif;
margin : 0;
padding : 5px 5px;
}
h2 {
color : #303030;
font : bold 21px Arial, Helvetica, sans-serif;
margin : 0;
padding : 5px 5px;
}
h3 {
font-family : Arial, Helvetica, sans-serif;
font-size : 17px;
font-weight : normal;
color : #1ab7f8;
}
h4 {
color : #868686;
font : 12px/1.8em Arial, Helvetica, sans-serif;
margin : 0;
padding : 5px;
}
h5 {
color : #333;
font : 11px Arial, Helvetica, sans-serif;
margin : 0;
padding : 5px;
}
h6 {
color : #666;
font : 12px Arial, Helvetica, sans-serif;
margin : 0;
padding : 5px;
}
#wrapper {
margin : 0 auto;
padding : 0;
width : 1024px;
height : auto;
}
#header {
margin : 0;
padding : 0;
width : 1024px;
min-height : 647px;
float : left;
}
.logo-holder {
margin : 0 0 0 5px;
padding : 0;
width : 510px;
height : 170px;
float : left;
}
#menu-holder {
margin : 40px 32px 0 32px;
padding : 0;
width : 960px;
height : 52px;
float : left;
}
.menu-box {
margin : 0 0 0 10px;
padding : 0;
width : 133px;
height : 50px;
float : left;
}
.menu-box2 {
margin : 0 0 0 40px;
padding : 0;
width : 163px;
height : 50px;
float : left;
}
.menu-box3 {
margin : 0 0 0 35px;
padding : 0;
width : 171px;
height : 50px;
float : left;
}
.menu-box4 {
margin : 0 0 0 35px;
padding : 0;
width : 192px;
height : 50px;
float : left;
}
#slide-holder {
margin : 10px 32px 0 32px;
padding : 0;
width : 960px;
height : 356px;
float : left;
}
#aboutus-holder {
margin : 20px 30px 0 33px;
padding : 0;
width : 959px;
height : auto;
border-left : 1px dotted #d3d4d3;
border-right : 1px dotted #d3d4d3;
border-bottom : 1px dotted #d3d4d3;
float : left;
background-color : #fff;
}
#fullportfolio-holder {
margin : 20px 30px 0 33px;
padding : 0;
width : 959px;
height : auto;
border-left : 1px dotted #d3d4d3;
border-right : 1px dotted #d3d4d3;
border-bottom : 1px dotted #d3d4d3;
float : left;
background-color : #fff;
text-align : right;
}
#portfolio-holder {
margin : 20px 30px 0 33px;
padding : 0;
width : 959px;
height : auto;
border-left : 1px dotted #d3d4d3;
border-right : 1px dotted #d3d4d3;
border-bottom : 1px dotted #d3d4d3;
float : left;
background-color : #fff;
}
#contactus-holder {
margin : 20px 30px 0 33px;
padding : 0;
width : 959px;
height : 650px;
border-left : 1px dotted #d3d4d3;
border-right : 1px dotted #d3d4d3;
border-bottom : 1px dotted #d3d4d3;
float : left;
background-color : #fff;
}
#content {
margin : 0;
padding : 0;
width : 1024px;
height : auto;
float : left;
}
.itext {
margin : 20px 20px 20px 45px;
padding : 0;
width : 960px;
height : 230px;
background-image : url(../images/freelancer_text.png);
background-position : left;
background-repeat : no-repeat;
float : left;
}
#index-welcom-box {
margin : 20px 0 0 35px;
padding : 0;
width : 470px;
height : auto;
float : left;
}
.indexwelcome-text-box {
margin : 0;
padding : 0 0 5px 10px;
text-align : justify;
width : 450px;
height : auto;
float : left;
}
#welcom-box {
margin : 20px 10px;
padding : 0;
width : 470px;
height : auto;
float : left;
}
#address-box {
margin : 20px 20px;
padding : 0;
width : 430px;
height : auto;
float : left;
}
.name-underliner-left {
margin : 0 0 0 15px;
padding : 0;
background-image : url(../images/name_underliner.jpg);
background-position : left;
background-repeat : repeat-x;
width : 400px;
height : 10px;
float : left;
}
.name-underliner-abtleft {
margin : 0 0 10px 35px;
padding : 0;
background-image : url(../images/name_underliner.jpg);
background-position : left;
background-repeat : repeat-x;
width : 450px;
height : 10px;
float : left;
}
.name-underliner-address {
margin : 0 0 10px 15px;
padding : 0;
background-image : url(../images/name_underliner.jpg);
background-position : left;
background-repeat : repeat-x;
width : 400px;
height : 10px;
float : left;
}
.name-underliner-right {
margin : 0 0 10px 0;
padding : 0;
background-image : url(../images/name_underliner.jpg);
background-position : left;
background-repeat : repeat-x;
width : 400px;
height : 10px;
float : left;
}
#contactus-box {
margin : 20px 10px 0 80px;
padding : 0;
width : 450px;
height : auto;
float : left;
}
#contactus-box-right {
margin : 20px 10px 0 20px;
padding : 0;
width : 450px;
height : auto;
float : left;
}
#featured-box {
margin : 20px 3px 0 0;
padding : 0;
width : 470px;
height : auto;
float : right;
}
#featured-box-aboutus {
margin : 20px 0 0 35px;
padding : 0;
width : 410px;
height : auto;
float : left;
}
.featured-images {
margin : 0 15px 15px 10px;
padding : 0;
width : 185px;
height : 96px;
float : left;
}

.fb-like {
margin : 0 15px 15px 7px;
padding : 0;
width : 400px;
height : auto;
float : left;
}

.fb-send {
margin : 10px 10px 15px 0;
padding : 0;
width : 100px;
height : auto;
float : left;
}

#featured-img-aboutus {
margin : 10px 10px 0 0;
padding : 0;
width : 185px;
height : 96px;
float : left;
}
#footer-image {
margin : 0 auto;
padding : 0;
width : 100%;
height : 262px;
background-image : url(../images/castricreativa_bg_footer.png);
background-position : center bottom;
background-repeat : no-repeat;
float : left;
}
.name-tag-box {
margin : 0 0 0 15px;
padding : 5px 0 5px 0;
width : 350px;
height : auto;
float : left;
}
.name-tag-aboutus {
margin : 20px 0 0 35px;
padding : 5px 0 5px 0;
width : 350px;
height : auto;
float : left;
}
.portfolio-tag-box {
margin : 20px 0 0 55px;
padding : 0;
width : 910px;
height : 30px;
float : left;
}
.web-tag-box-l {
margin : 0 0 10px 0;
padding : 10px 0 0 0;
margin-left : -12px;
background-image : url(../images/portfolio_bg_line1_l.png);
background-repeat : no-repeat;
width : 15px;
height : 58px;
float : left;
}
.web-tag-box-r {
margin : 0 0 10px 0;
padding : 0 0 10px 0;
margin-right : -11px;
background-image : url(../images/portfolio_bg_line1_r.png);
background-repeat : no-repeat;
width : 15px;
height : 58px;
float : right;
}
.web-tag-box {
margin : 15px 0 0 0;
padding : 10px 0 0 55px;
font-family : berlin Sans FB;
font-size : 23px;
color : #000;
background-image : url(../images/portfolio_bg_line1.png);
background-repeat : repeat-x;
width : 897px;
height : 43px;
float : left;
}
.logos-tag-box-l {
margin : 0 0 10px 0;
padding : 10px 0 0 0;
margin-left : -12px;
background-image : url(../images/portfolio_bg_line2_l.png);
background-repeat : no-repeat;
width : 15px;
height : 58px;
float : left;
}
.logos-tag-box-r {
margin : 0 0 10px 0;
padding : 0 0 10px 0;
margin-right : -11px;
background-image : url(../images/portfolio_bg_line2_r.png);
background-repeat : no-repeat;
width : 15px;
height : 58px;
float : right;
}
.logos-tag-box {
margin : 16px 0 0 0;
padding : 10px 0 0 55px;
font-family : Arial, Helvetica, sans-serif;
font-size : 23px;
color : #fff;
background-image : url(../images/portfolio_bg_line2.png);
background-repeat : repeat-x;
width : 897px;
height : 43px;
float : left;
}
.brands-tag-box-l {
margin : 0 0 10px 0;
padding : 10px 0 0 0;
margin-left : -12px;
background-image : url(../images/portfolio_bg_line3_l.png);
background-repeat : no-repeat;
width : 15px;
height : 58px;
float : left;
}
.brands-tag-box-r {
margin : 0 0 10px 0;
padding : 0 0 10px 0;
margin-right : -11px;
background-image : url(../images/portfolio_bg_line3_r.png);
background-repeat : no-repeat;
width : 15px;
height : 58px;
float : right;
}
.brands-tag-box {
margin : 16px 0 0 0;
padding : 10px 0 0 55px;
font-family : Arial, Helvetica, sans-serif;
font-size : 23px;
color : #fff;
background-image : url(../images/portfolio_bg_line3.png);
background-repeat : repeat-x;
width : 897px;
height : 43px;
float : left;
}
.client-text-box {
margin : 20px 0 0 0;
padding : 15px 0 0 30px;
margin-left : -16px;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
color : #181817;
text-align : left;
background-repeat : no-repeat;
width : 470px;
height : 110px;
float : left;
}
.client-text-boxblue {
margin : 10px 0 0 0;
padding : 15px 0 0 60px;
margin-left : -15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
color : #181817;
background-repeat : no-repeat;
width : 913px;
height : 310px;
float : left;
}
.client-text-boxgreen {
margin : 10px 0 0 0;
padding : 15px 0 0 60px;
margin-left : -15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
color : #181817;
text-align : left;
background-image : url(../images/ribbon_green_small.png);
background-repeat : no-repeat;
width : 913px;
height : 113px;
float : left;
}
.client-text-boxblue1 {
margin : 10px 0 0 0;
padding : 15px 0 0 60px;
margin-left : -15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 19px;
color : #181817;
text-align : left;
background-image : url(../images/ribbon_blue_small.png);
background-repeat : no-repeat;
width : 913px;
height : 113px;
float : left;
}
.client-text-green {
margin : 0;
padding : 17px 0 0 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 27px;
color : #000;
text-align : left;
}
.client-text-black {
margin : 0;
padding : 19px 0 0 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 25px;
color : #333;
text-align : left;
font-weight : 500;
}
.logoss-tag-box {
margin : 0;
padding : 10px 0 0 35px;
font-family : Arial, Helvetica, sans-serif;
font-size : 23px;
color : #fff;
background-image : url(../images/portfolio_bg_line2.png);
background-repeat : repeat-x;
width : 925px;
height : 43px;
float : left;
}
.branding-tag-box {
margin : 0;
padding : 10px 0 0 35px;
font-family : Arial, Helvetica, sans-serif;
font-size : 23px;
color : #fff;
background-image : url(../images/portfolio_bg_line3.png);
background-repeat : repeat-x;
width : 870px;
height : 43px;
float : left;
}
.welcome-text-box {
margin : 0 0 0 35px;
padding : 0;
text-align : justify;
width : 450px;
height : auto;
float : left;
}
.welcome-text-address {
margin : 5px 0 0 20px;
padding : 0;
text-align : left;
width : 400px;
height : auto;
float : left;
}
.welcome-text-boxabt {
margin : 20px 0 0 15px;
padding : 0;
text-align : justify;
width : 450px;
height : auto;
float : left;
}
.portfolio-image-box {
margin : 0 0 0 45px;
padding : 0;
width : 269px;
height : 141px;
float : left;
}
.portfolio-text-box {
margin : 0 0 0 45px;
padding : 0;
width : 269px;
height : auto;
float : left;
}
.more-info-buttone {
margin : 1px 0 0 15px;
padding : 0;
width : 130px;
height : 39px;
float : left;
}
.url-box {
margin : 0 0 0 36px;
padding : 10px 0 0 10px;
width : 255px;
height : 29px;
float : left;
}
.more-info-buttone2 {
margin : 0 0 0 34px;
padding : 0;
width : 94px;
height : 29px;
float : left;
}

.livesite-buttone {
margin : 0 0 0 82px;
padding : 0;
width : 94px;
height : 29px;
float : left;
}
.more-info-buttone3 {
margin : 0 0 0 210px;
padding : 0;
width : 94px;
height : 29px;
float : left;
}
.welcome-text-blue {
color : #89c417;
text-transform : capitalize !important ;
font : bold 21px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
.contact-text-green {
color : #89c417;
font : bold 21px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
.contact-text-black {
color : #303030;
font : bold 21px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
.aboutus-text-black {
color : #303030;
font : bold 13px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
.skype-name {
color : #0CB0C2;
font : bold 15px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
.skype-text {
color : #303030;
font : 15px Arial, Helvetica, sans-serif;
margin : 0;
padding : 0;
}
.form {
float : left;
width : 430px;
margin : 5px auto;
padding : 0;
background : #f7f7f7;
border : 1px solid #ececec;
}
#contactform {
margin : 0;
padding : 5px 10px;
}
#contactform * {
color : #7a7a7a;
}
#contactform ol {
margin : 0;
padding : 0;
list-style : none;
}
#contactform li {
margin : 0;
padding : 0;
background : none;
border : none;
display : block;
}
#contactform li.buttons {
margin : 5px 0 5px 0;
}
#contactform label {
float : left;
margin : 0;
width : 100px;
padding : 5px 0;
font : bold 12px Arial, Helvetica, sans-serif;
color : #747474;
text-transform : capitalize;
}
#contactform label span {
font : normal 10px Arial, Helvetica, sans-serif;
}
#contactform input.text {
width : 300px;
border : 0 solid #ececec;
margin : 5px 0;
padding : 5px 2px;
height : 15px;
background : #fff;
}
#contactform textarea {
width : 300px;
border : 1px solid #ececec;
margin : 10px 0;
padding : 2px;
background : #fff;
height : 100px;
}
#contactform li.buttons input {
padding : 3px 0;
margin : 0 0 0 275px;
border : 0;
color : #fff;
}
p.response {
text-align : center;
color : #2c2c2c;
font : bold 11px Arial, Helvetica, sans-serif;
line-height : 1.8em;
width : auto;
}
#slider {
width : 960px;
padding : 0 0 0 0;
margin : 0 auto;
}
div#slideshow {
float : left;
width : 100%;
height : 356px;
}
.slider-item {
width : 100% !important ;
height : 314px;
}
.slider_content_inner img {
border : none;
}
.controls-center {
width : 960px;
margin-left : auto;
margin-right : auto;
}
#slider_controls {
float : right;
position : relative;
background : url(images/pag_bg.gif) no-repeat center top;
margin : 0;
z-index : 1024;
width : 960px;
height : 23px;
}
#slider_controls ul {
margin : 0 auto;
padding : 2px;
width : 120px;
}
#slider_controls ul li {
margin : 0;
padding : 0;
list-style : none;
}
#slider_controls ul li {
float : left;
display : block;
}
#slider_controls ul li a {
width : 10px;
height : 10px;
background : url(../images/tabs_2.gif) no-repeat center center;
display : block;
float : left;
padding : 2px;
margin : 2px !important ;
margin : 1px 1px;
outline : none;
}
#slider_controls ul li a:focus {
outline : none;
}
#slider_controls ul li a:hover, #slider_controls ul li a.activeSlide {
background : url(../images/tabs_1.gif) no-repeat center center;
}
.port-image-box {
margin : 10px 0 0 0;
padding : 50px;
text-align : center;
width : 860px;
height : auto;
float : left;
}
#gallery-box {
margin : 0 0 20px 0;
padding : 0 10px;
width : 930px;
height : auto;
float : left;
}

#separator3-box {
margin : 0 0 20px 0;
padding : 0 10px;
width : 930px;
height : 30px;
float : left;
text-align : center;
}
#image-box {
margin : 20px 0 0 35px;
padding : 0;
width : 269px;
height : 141px;
float : left;
}
.space {
margin : 10px 0 0 0;
padding : 0;
width : 959px;
height : 10px;
float : left;
}
#footer-greenbg {
margin : 0 auto;
padding : 0;
width : 100%;
height : 163px;
background-image : url(../images/castricreativa_footer_bg.jpg);
background-position : left;
background-repeat : repeat-x;
text-align : center;
float : left;
}
.footer-logos-holder {
margin : 10px 0 0 250px;
padding : 0;
display : inline;
width : 100%;
height : 79px;
font : 13px Arial, Helvetica, sans-serif;
color : #dbdbdb;
text-align : center;
float : left;
}
.footer-client-logos {
margin : 0 5px 0 5px;
padding : 0;
display : inline;
width : 139px;
height : 79px;
text-align : center;
}
.footer-menu {
margin : 0 auto;
padding : 5px;
width : 99%;
height : 15px;
font : 13px Arial, Helvetica, sans-serif;
color : #636c03;
text-align : center;
background-image : url(../images/footer_menu_bg.png);
background-position : center;
background-repeat : repeat-x;
letter-spacing : normal;
float : left;
}

.xhtml-text {
margin : 20px 0 20px 0;
padding : 0;
width : 100%;
height : 13px;
font : 11px Arial, Helvetica, sans-serif;
color : #D1D1D1;
text-align : center;
float : left;
}

.copyright-text {
margin : 30px 0 0 0;
padding : 0;
width : 100%;
height : 20px;
font : 11px Arial, Helvetica, sans-serif;
color : #e0ef79;
text-align : center;
float : left;
}
#social-icon {
margin : 0;
padding : 0 35px 0 0;
font : 11px Arial, Helvetica, sans-serif;
color : #fff;
letter-spacing : normal;
width : 400px;
height : 75px;
float : right;
}
.portfolio-url {
font-family : Arial, Helvetica, sans-serif;
font-size : 13px;
color : #333;
text-decoration : underline;
}
.footer-separator-box {
margin : 0;
padding : 0;
background-image : url(../images/footer_separator.png);
background-position : bottom;
background-repeat : repeat-x;
width : 100%;
height : 3px;
float : left;
}
body {
margin : 0;
padding : 0;
margin-left : 0;
margin-right : 0;
background-image : url(../images/castricreativa_bg_top.jpg);
background-position : center top;
background-repeat : no-repeat;
background-color : #fff;
}
.tools-box {
padding : 0 10px 10px 0;
width : 180px;
height : auto;
text-align : left;
float : left;
}
.tools-box2 {
padding : 0 10px 10px 30px;
width : 200px;
height : auto;
border-left : 1px dotted #ccc;
text-align : left;
float : left;
}
.port-text-box {
background-image : url("../images/name_separator.png");
background-position : center bottom;
background-repeat : no-repeat;
color : #666666;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : 700;
height : 30px;
margin : 30px 0;
padding : 30px 0 0;
text-align : center;
width : 960px;
}
.port-text-box2 {
background-image : url("../images/name_separator.png");
background-position : center bottom;
background-repeat : no-repeat;
color : #666666;
float : left;
font-family : Arial, Helvetica, sans-serif;
font-size : 15px;
font-weight : 700;
height : 30px;
margin : 0;
padding : 30px 0 0 0;
text-align : center;
width : 960px;
}


.portfolio-name{
	margin:0 50px 0 20px;
	padding:0;
	width:170px;
	height:50px;
	float:left;
}

.client-text-white1 {
margin : 0;
padding : 19px 0 0 0;
font-family : Arial, Helvetica, sans-serif;
font-size : 25px;
color : #FFF;
text-align : left;
font-weight :500;
}

.portfolio-all{
	margin:10px 0 10px 30px;
	padding : 0 5px 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #F00;
	border-right:1px #333 dotted;
	text-align: left;
	font-weight:900;
	width:115px;
	height:auto;
	float:left;
}

.portfolio-all a:link{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #06C;
	text-decoration:none;
	font-weight:900;
	float:left;
}
.portfolio-all a:active{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #06C;
	text-decoration:none;
	font-weight:900;
	float:left;
}

.portfolio-all a:hover{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color : #06C;
	text-decoration:underline !important;
	font-weight:900;
	float:left;
}

#cssawards a {
    background: url("../images/css_award_nominee2.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 64px;
    text-indent: -8000px;
    width: 169px;
	float:right;
}