input:focus, textarea:focus,a:focus {outline:none;}

button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none;
}

p {
color : #888;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
line-height : 20px;
}
h1 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-style : oblique;
line-height : 1.5em;
color : #999;
padding : 0;
margin : 0;
}

h2 {
font-family : Arial, Helvetica, sans-serif;
font-size : 18px;
font-style : oblique;
line-height : 1.5em;
color : #eee;
padding : 0;
margin : 0;
}
img {
border : none;
}
.Container {
width : 940px;
height : 100%;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
margin-top : 0;
margin-right : auto;
margin-bottom : auto;
margin-left : auto;
}
.Logo {
height : 78px;
position : absolute;
width : 176px;
top : 25px;
}
/* OurProcess*/
.Step1 {
position : absolute;
padding-top : 25px;
height : 150px;
width : 440px;
z-index: 7;
}

.Step2 {
position : absolute;
padding-top : 25px;
margin-left: 500px;
height : 150px;
width : 440px;
z-index: 6;
}

.Step3 {
position : absolute;
padding-top : 200px;
height : 150px;
width : 440px;
z-index: 5;
}

.Step4 {
position : absolute;
padding-top : 200px;
margin-left: 500px;
height : 150px;
width : 440px;
z-index: 4;
}

.Step5 {
position : absolute;
padding-top : 350px;
height : 170px;
width : 440px;
z-index: 3;
}

.Step6 {
position : absolute;
padding-top : 350px;
margin-left: 500px;
height : 170px;
width : 440px;
z-index: 2;
}

/* Services*/

.SRV1 {
position : absolute;
padding-top : 25px;
height : 150px;
width : 440px;
z-index: 7;
}

.SRV2 {
position : absolute;
padding-top : 25px;
margin-left: 500px;
height : 150px;
width : 440px;
z-index: 6;
}

.SRV3 {
position : absolute;
padding-top : 200px;
height : 150px;
width : 440px;
z-index: 5;
}

.SRV4 {
position : absolute;
padding-top : 200px;
margin-left: 500px;
height : 150px;
width : 440px;
z-index: 4;
}

.SRV5 {
position : absolute;
padding-top : 350px;
height : 170px;
width: 440px;
z-index: 3;
}

.SRV6 {
position : absolute;
padding-top : 350px;
margin-left: 500px;
height : 170px;
width : 440px;
z-index: 2;
}
.Contact {
position : absolute;
float : right;
margin-left : 632px;
height : 103px;
width : 350px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
color : #000;
padding-top : 24px;
list-style-type : none;
display: inline;
}
.Contact ol {
list-style : none;
margin : 0px;
padding : 0px;
}
.Contact li {
padding: 9px 35px 9px 0px;	
display: inline;
}
.Contact li.iphone {
	height : 19px;
	width : 93px;
	display: inline;
	padding-left: 19px;
	background-image: url(../images/media/iPhone.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

.Contact li.mail {
	height : 19px;
	width : 93px;
	display: inline;
	padding-left: 19px;
	background-image: url(../images/media/mail.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

.Contact li.blog {
	height : 19px;
	width : 93px;
	display: inline;
	padding-left: 19px;
	background-image: url(../images/media/blog_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;	
}

.Contact a:link {
color : #000;
text-decoration : none;
}
.Contact a:hover {
color : #333;
}
.Contact a:visited {
color : #000;
text-decoration : none;
}
.Contact a:visited:hover {
color : #333;
}
.ViewPortfolio a:link {
color : #000;
}
.ViewPortfolio a:hover {
color : #333;
}
.ViewPortfolio a:visited {
color : #000;
}
.ViewPortfolio a:visited:hover {
color : #333;
}

.MainMenu {
position: absolute;
float: right;
margin-left: 463px;
margin-top: 82px;
height: 13px;
width: 477px;
list-style-type: none;
}

.MainMenu ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.MainMenu li {
	float: left;
	display: inline;
	margin: 0px;
	
}

.MainMenu-Space {
	
	padding-left:35px;
}

.MainMenu li a{
	display:block;
	list-style-type: none;
	background-image: url(../images/media/MainMenuSprite.gif);
	background-repeat: no-repeat;
}

.MainMenu li.OurWork a {
	height: 13px;
	width: 63px;
	background-position:0px 0px;
	list-style-type: none;
}

.MainMenu li.OurWork a:hover {
	height: 13px;
	width: 63px;
	background-position:0px -18px;
	list-style-type: none;
}

.MainMenu li.OurWork a.selected {
	height: 13px;
	width: 63px;
	background-position:0px -36px;
	list-style-type: none;
}

.MainMenu li.TheProcess a {
	height: 13px;
	width: 80px;
	background-position:-98px 0px;
	list-style-type: none;
}

.MainMenu li.TheProcess a:hover {
	height: 13px;
	width: 80px;
	background-position:-98px -18px;
	list-style-type: none;
}

.MainMenu li.TheProcess a.selected {
	height: 13px;
	width: 80px;
	background-position:-98px -36px;
	list-style-type: none;
}

.MainMenu li.ServicesMenu a {
	height: 13px;
	width: 58px;
	background-position:-213px 0px;
	list-style-type: none;
}

.MainMenu li.ServicesMenu a:hover {
	height: 13px;
	width: 58px;
	background-position:-213px -18px;
	list-style-type: none;
}

.MainMenu li.ServicesMenu a.selected {
	height: 13px;
	width: 58px;
	background-position:-213px -36px;
	list-style-type: none;
}

.MainMenu li.AboutMenu a {
	height: 13px;
	width: 62px;
	background-position:-306px 0px;
	list-style-type: none;
}

.MainMenu li.AboutMenu a:hover {
	height: 13px;
	width: 62px;
	background-position:-306px -18px;
	list-style-type: none;
}

.MainMenu li.AboutMenu a.selected {
	height: 13px;
	width: 62px;
	background-position:-306px -36px;
	list-style-type: none;
}

.MainMenu li.ContactMenu a {
	height: 13px;
	width: 74px;
	background-position:-403px 0px;
	list-style-type: none;
}

.MainMenu li.ContactMenu a:hover {
	height: 13px;
	width: 74px;
	background-position:-403px -18px;
	list-style-type: none;
}

.MainMenu li.ContactMenu a.selected {
	height: 13px;
	width: 74px;
	background-position:-403px -36px;
	list-style-type: none;
}



.Pattern_top {
position : absolute;
width : 100%;
margin-top : 115px;
background-image : url(../images/media/pattern_top.jpg);
background-repeat : repeat;
height : 7px;
left : 0;
}
.Header_News {
position : absolute;
top : 150px;
height : 405px;
width : 940px;
}
#Content {
height : 568px;
width : 940px;
position : relative;
z-index : 1;
margin-top : 0;
margin-right : auto;
margin-bottom : auto;
margin-left : auto;
}
.Services {
width : 320px;
height : 34px;
position : absolute;
padding-top : 25px;
}
.Contact_Title {
width : 320px;
height : 34px;
position : absolute;
padding-top : 25px;
float : right;
padding-left : 399px;
}
.Contact_Title2 {
width : 540px;
height : 19px;
padding-top : 31px;
position : relative;
float : right;
}
.Testimonial_Title {
width : 540px;
height : 34px;
position : absolute;
padding-top : 39px;
float : right;
padding-left : 399px;
}
.Contact_info {
position : absolute;
padding-top : 60px;
height : 445px;
width : 320px;
}
.Services_info {
position : absolute;
padding-top : 60px;
height : 283px;
width : 320px;
}
.Client_info {
position : absolute;
padding-top : 60px;
height : 150px;
width : 320px;
}
.ServicesListA {
position : relative;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #444;
padding-top : 0;
height : 163px;
width : 155px;
}
.ServicesListA ol {
list-style : none;
margin : 0;
padding : 0;
}
.ServicesListA li {
list-style : none;
padding-top : 10px;
}
.ServicesListA li a:link {
list-style : none;
text-decoration : none;
color : #444;
}
.ServicesListA li a:hover {
list-style : none;
text-decoration : none;
color : #000;
background-color : #fff;
height : 18px;
width : 140px;
overflow : visible;
padding-right : 27px;
padding-left : 5px;
}
.ServicesListA li a:visited {
list-style : none;
text-decoration : none;
color : #444;
}
.ServicesListB {
position : relative;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #444;
padding-top : 0;
height : 163px;
width : 155px;
float : right;
}
.ServicesListB ol {
list-style : none;
margin : 0;
padding : 0;
}
.ServicesListB li {
list-style : none;
padding-top : 10px;
}
.ServicesListB li a:link {
list-style : none;
text-decoration : none;
color : #444;
}
.ServicesListB li a:hover {
list-style : none;
text-decoration : none;
color : #000;
background-color : #fff;
height : 18px;
width : 140px;
overflow : visible;
padding-right : 27px;
padding-left : 5px;
}
.ServicesListB li a:visited {
list-style : none;
text-decoration : none;
color : #444;
}
.Contact_Form {
position : absolute;
margin-top : 75px;
height : 295px;
width : 575px;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 365px;
}
.Latest_NewsT {
position : absolute;
margin-top : 390px;
}
.Latest_NewsC {
position : absolute;
margin-top : 425px;
}
.Pattern_ContentClients {
width : 100%;
margin-top : 590px;
background-image : url(../images/pattern_bottomClients.jpg);
background-repeat : repeat;
height : 454px;
left : 0;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
top : 0;
right : 0;
bottom : 0;
position : absolute;
z-index : 0;
}
.Pattern_Content {
width : 100%;
margin-top : 590px;
background-image : url(../images/media/pattern_bottom.jpg);
background-repeat : repeat;
height : 668px;
left : 0;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
top : 0;
right : 0;
bottom : 0;
position : absolute;
z-index : 0;
}
.Pattern_Content_Contact {
width : 100%;
margin-top : 590px;
background-image : url(../images/pattern_bottomContact.jpg);
background-repeat : repeat;
height : 792px;
left : 0;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
top : 0;
right : 0;
bottom : 0;
position : absolute;
z-index : 0;
}
.ImageTitle {
width : 320px;
height : 34px;
position : absolute;
padding-top : 35px;
}
.Testimonial_client {
position : absolute;
margin-top : 70px;
height : 150px;
width : 540px;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 400px;
padding : 0;
}
.TestimonialName {
color : #666;
font-family : Arial, Helvetica, sans-serif;
font-size : 14px;
line-height : 1em;
font-weight : bolder;
margin : 0;
text-align : right;
float : right;
padding-top : 15px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
height : 25px;
width : 250px;
}
.InfoContainer {
width : 320px;
height : 180px;
position : absolute;
margin-top : 250px;
}
.WhatWeDid {
position : relative;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #666;
padding-top : 15px;
height : 163px;
width : 140px;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #080808;
}
.WhatWeDid ol {
list-style : none;
margin : 0;
padding : 0;
}
.WhatWeDid li {
list-style : none;
padding-top : 10px;
}
.WhatWeDid li a:link {
list-style : none;
text-decoration : none;
color : #444;
}
.WhatWeDid li a:hover {
list-style : none;
text-decoration : none;
color : #000;
background-color : #fff;
height : 18px;
width : 140px;
overflow : visible;
padding-right : 27px;
padding-left : 5px;
}
.WhatWeDid li a:visited {
list-style : none;
text-decoration : none;
color : #444;
}
.Technologies {
position : relative;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
color : #666;
padding-top : 15px;
height : 163px;
width : 140px;
float : right;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #080808;
}
.Technologies ol {
list-style : none;
margin : 0;
padding : 0;
}
.Technologies li {
list-style : none;
padding-top : 10px;
}
.Technologies li a:link {
list-style : none;
text-decoration : none;
color : #444;
}
.Technologies li a:hover {
list-style : none;
text-decoration : none;
color : #000;
background-color : #fff;
height : 18px;
width : 140px;
overflow : visible;
padding-right : 27px;
padding-left : 5px;
}
.Technologies li a:visited {
list-style : none;
text-decoration : none;
color : #444;
}
.TechnologiesTitle {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bolder;
color : #ccc;
font-style : normal;
}
.LaunchProject {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bolder;
color : #ccc;
font-style : normal;
text-align : right;
}
.LaunchProject a:link {
color : #ccc;
}
.LaunchProject a:hover {
color : #ff0;
text-decoration : underline;
}
.LaunchProject a:visited {
color : #ccc;
text-decoration : none;
}
.LaunchProject a:visited:hover {
color : #ff0;
text-decoration : underline;
}
.Footer2 {
position : absolute;
margin-top : 1040px;
width : 940px;
height : 15px;
padding-bottom : 10px;
padding-top : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666;
}
.FooterContact2 {
position : absolute;
margin-top : 1375px;
width : 940px;
height : 15px;
padding-bottom : 75px;
padding-top : 10px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666;
}
.Footer {
position : absolute;
margin-top : 1250px;
width : 940px;
height : 15px;
padding-bottom : 75px;
padding-top : 15px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
color : #666;
}
.Footer a:link {
color : #666;
text-decoration : none;
}
.Footer a:hover {
color : #333;
text-decoration : underline;
}
.Footer2 a:link {
color : #666;
text-decoration : none;
}
.Footer2 a:hover {
color : #333;
text-decoration : underline;
}
.FooterContact a:link {
color : #666;
text-decoration : none;
}
.FooterContact a:hover {
color : #333;
text-decoration : underline;
}
.FooterContact {
width : 600px;
float : left;
text-align : left;
padding-top : 13px;
}
.SocialLinks {
width : 275px;
float : right;
text-align : right;
}
.SocialLinks li {
color : #666;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bolder;
text-decoration : none;
list-style-type : none;
display : inline;
padding-left : 15px;
}
.SocialLinks a:link {
color : #666;
font-style : normal;
text-decoration : none;
}
.SocialLinks a:hover {
color : #000;
text-decoration : underline;
}
.SocialLinks a:visited {
color : #666;
text-decoration : none;
}
.SocialLinks a:visited:hover {
color : #000;
text-decoration : underline;
}
.OtherProjects {
position : absolute;
margin-top : 250px;
height : 150px;
width : 541px;
margin-right : 0;
margin-bottom : 0;
margin-left : 395px;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #080808;
padding-top : 15px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.OP_thumb {
position : relative;
height : 115px;
width : 167px;
margin-top : 10px;
}
.OP_thumb2 {
position : relative;
height : 115px;
width : 167px;
margin-top : 10px;
float : right;
padding-left : 20px;
}
.OP_thumb3 {
position : relative;
height : 115px;
width : 167px;
margin-top : 10px;
float : right;
padding-left : 20px;
}
.OP_Name {
color : #686868;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
}
.OP_Name a:link {
color : #686868;
text-decoration : none;
}
.OP_Name a:hover {
color : #ff0;
text-decoration : none;
}
.OP_Name a:visited {
color : #686868;
text-decoration : none;
}
.OP_Name a:visited:hover {
color : #ff0;
text-decoration : none;
}
.OP_Service {
color : #2a2a2a;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
}
.LatestNews {
position : absolute;
margin-top : 380px;
height : 235px;
width : 940px;
margin-right : 0;
margin-bottom : 0;
padding-top : 15px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.FeaturedContent {
position : absolute;
margin-top : 520px;
height : 235px;
width : 940px;
margin-right : 0;
margin-bottom : 0;
padding-top : 15px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.LN_thumb {
position : relative;
height : 220px;
width : 280px;
margin-top : 10px;
float : left;
}
.LN_thumb2 {
position : relative;

height : 220px;
width : 280px;
margin-top : 10px;
margin-left : 50px;
float : right;
}
.LN_thumb3 {
position : relative;
height : 220px;
width : 280px;
margin-top : 10px;
margin-left : 50px;
float : right;
}
.LN_Name {
color : #757575;
width : 280px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
padding-top : 10px;
}
.LN_Name a:link {
color : #757575;
text-decoration : none;
}
.LN_Name a:hover {
color : #ff0;
text-decoration : none;
}
.LN_Name a:visited {
color : #757575;
text-decoration : none;
}
.LN_Name a:visited:hover {
color : #ff0;
text-decoration : none;
}
.UA_Link {
color : #ffffa9;
width : 280px;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
font-weight : bold;
padding-top : 10px;
}
.UA_Link a:link {
color : #ffffa9;
text-decoration : none;
}
.UA_Link a:hover {
color : #ff0;
text-decoration : none;
}
.UA_Link a:visited {
color : #ffffa9;
text-decoration : none;
}
.UA_Link a:visited:hover {
color : #ff0;
text-decoration : none;
}
#CL_Name {
color : #757575;
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-style : normal;
}
#CL_Name a:link {
color : #757575;
text-decoration : none;
}
#CL_Name a:hover {
color : #ff0;
text-decoration : none;
}
#CL_Name a:visited {
color : #757575;
text-decoration : none;
}
#CL_Name a:visited:hover {
color : #ff0;
text-decoration : none;
}
.LN_Service {
color : #333;
width : 280px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
padding-top : 5px;
}
.LN_Link a:link {
color : #ffffa9;
width : 67px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
margin-top : 10px;
float : right;
background-image : url(../images/media/LNright_arrowdef.gif);
background-repeat : no-repeat;
background-position : right center;
text-decoration : none;
}
.LN_Link a:hover {
color : #ff0;
width : 67px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
margin-top : 10px;
float : right;
background-image : url(../images/media/LNright_arrow.gif);
background-repeat : no-repeat;
background-position : right center;
}
.LN_Link a:visited {
color : #ffffa9;
width : 67px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
margin-top : 10px;
float : right;
background-image : url(../images/LNright_arrowdef.gif);
background-repeat : no-repeat;
background-position : right center;
text-decoration : none;
}
.LN_Link a:visited:hover {
color : #ff0;
width : 67px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-style : normal;
margin-top : 10px;
float : right;
background-image : url(../images/LNright_arrow.gif);
background-repeat : no-repeat;
background-position : right center;
}
.portfolio {
position : absolute;
width : 940px;
height : 400px;
margin-top : 140px;
}
.RowA1 {
width : 220px;
height : 120px;
margin : 0;
padding : 0;
float : left;
}
.RowA1 a:link {
list-style-type : none;
}
.RowA1 a:hover {
width : 220px;
height : 120px;
}
.RowA2 {
width : 220px;
height : 120px;
margin-left : 20px;
padding : 0;
float : left;
}
.RowA2 a:link {
list-style-type : none;
}
.RowA2 a:hover {
width : 220px;
height : 120px;
}
.RowB1 {
width : 220px;
height : 120px;
margin-top : 20px;
padding : 0;
float : left;
}
.RowB1 a:link {
list-style-type : none;
}
.RowB1 a:hover {
width : 220px;
height : 120px;
}
.RowB2 {
width : 220px;
height : 120px;
margin-top : 20px;
margin-left : 20px;
padding : 0;
float : left;
}
.RowB2 a:link {
list-style-type : none;
}
.RowB2 a:hover {
width : 220px;
height : 120px;
}
.RowC1 {
width : 220px;
height : 120px;
margin-top : 20px;
padding : 0;
float : left;
}
.RowC1 a:link {
list-style-type : none;
}
.RowC1 a:hover {
width : 220px;
height : 120px;
}
.RowC2 {
width : 220px;
height : 120px;
margin-top : 20px;
margin-left : 20px;
padding : 0;
float : left;
}
.RowC2 a:link {
list-style-type : none;
}
.RowC2 a:hover {
width : 220px;
height : 120px;
}
.form_text {
color : #888;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
line-height : 20px;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 15px;
}
.AboutUs {
position : absolute;
padding-top : 60px;
height : 174px;
width : 320px;
}
.OurTeam {
position : absolute;
margin-top : 80px;
height : 80px;
width : 540px;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 400px;
padding : 0;
}
.OT1 {
position : relative;
width : 146px;
height : 80px;
padding : 0;
margin : 0;
}
.OT2 {
position : relative;
width : 146px;
height : 80px;
padding-left : 51px;
margin : 0;
float : right;
}
.OurPlayground {
position : absolute;
margin-top : 200px;
height : 175px;
width : 541px;
margin-right : 0;
margin-bottom : 0;
margin-left : 395px;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #080808;
padding-top : 15px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.Header_About {
position : absolute;
top : 150px;
height : 431px;
width : 940px;
}
.Header_Contact {
position : absolute;
top : 150px;
height : 431px;
width : 940px;
}
.C_Address {
width : 155px;
height : 90px;
margin : 10px 0 0 0;
padding : 0;
}
.C_Logo {
width : 155px;
height : 90px;
float : right;
background-image : url(../images/di_logo.jpg);
background-repeat : no-repeat;
background-position : center center;
margin : 10px 0 0 0;
padding : 0;
}
#C_P {
color : #888;
font-size : 12px;
font-family : Arial, Helvetica, sans-serif;
font-style : normal;
line-height : 20px;
margin : 0;
padding : 0;
}
.C_Wrap {
width : 320px;
height : 160px;
margin : 0;
padding-top : 30px;
padding-right : 0;
padding-bottom : 0;
padding-left : 0;
}
.C_Questions {
width : 150px;
height : 145px;
padding : 0;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
.C_Business {
width : 150px;
height : 145px;
padding : 0;
float : right;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
position : relative;
}
#C_AIM {
position : relative;
width : 90px;
height : 22px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #888;
background-image : url(../images/icon_aim.jpg);
background-repeat : no-repeat;
background-position : left top;
padding-right : 0;
padding-bottom : 0;
padding-left : 25px;
margin-top : 15px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
#C_MSN {
position : relative;
width : 90px;
height : 22px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #888;
background-image : url(../images/icon_msn.jpg);
background-repeat : no-repeat;
background-position : left top;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 25px;
margin-top : 5px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
#C_SKYPE {
position : relative;
width : 90px;
height : 22px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #888;
background-image : url(../images/icon_skype.jpg);
background-repeat : no-repeat;
background-position : left top;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 25px;
margin-top : 15px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
#C_GTALK {
position : relative;
width : 90px;
height : 22px;
font-family : Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
color : #888;
background-image : url(../images/icon_gtalk.jpg);
background-repeat : no-repeat;
background-position : left top;
padding-top : 0;
padding-right : 0;
padding-bottom : 0;
padding-left : 25px;
margin-top : 5px;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
}
.M_Wrap {
width : 320px;
height : 111px;
}
.MailingList {
position : relative;
width : 320px;
height : 110px;
margin-top : 40px;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #080808;
border-right-color : #080808;
border-bottom-color : #080808;
border-left-color : #080808;
padding-top : 15px;
}
.S_Wrap {
width : 540px;
height : 101px;
}
.SocialLogos {
position : relative;
width : 540px;
height : 100px;
margin : 46px 0 0 0;
border-top-width : 2px;
border-top-style : solid;
border-top-color : #080808;
border-right-color : #080808;
border-bottom-color : #080808;
border-left-color : #080808;
padding : 15px 0 0 0;
}
.SL_Wrap {
width : 540px;
height : 25px;
margin : 20px 0 0 0;
}
.SL_1 {
position : relative;
height : 21px;
width : 104px;
margin-top : 0;
padding : 0;
border : none;
background-repeat : no-repeat;
margin-right : 0;
margin-bottom : 0;
margin-left : 0;
background-image : url(../images/Sprite_Facebook.jpg);
background-position : 0% 0%;
}
.SL_1:hover {
background-position : -104px 0%;
}
.SL_2 {
position : relative;
height : 21px;
width : 90px;
padding : 0;
margin : 0 50px 0 0;
border : none;
background-repeat : no-repeat;
background-image : url(../images/Sprite_Twitter.jpg);
background-position : 0% 0%;
float : right;
}
.SL_2:hover {
background-position : -90px 0%;
}
.SL_3 {
position : relative;
height : 17px;
width : 101px;
padding : 0;
margin : 0 0 0 75px;
border : none;
background-repeat : no-repeat;
background-image : url(../images/Sprite_Behance.jpg);
background-position : 0% 0%;
float : right;
}
.SL_3:hover {
background-position : -101px 0%;
}
.ContactTitles {
font-family : Arial, Helvetica, sans-serif;
font-size : 12px;
font-weight : bolder;
color : #eee;
font-style : normal;
}
.Contact_Form2 {
position : absolute;
margin-top : 75px;
height : 425px;
width : 548px;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 390px;
}
.Contact_Form3 {
position : absolute;
margin-top : 75px;
height : 300px;
width : 555px;
padding : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 380px;
}
.Form_Name {
position : relative;
width : 275px;
height : 25px;
}
.Form_Email {
position : relative;
width : 275px;
height : 25px;
float : right;
}
.Form_Company {
position : relative;
width : 275px;
height : 25px;
margin-top : 15px;
}
.Form_Phone {
position : relative;
width : 275px;
height : 25px;
float : right;
margin-top : 15px;
}
.Form_Message {
width : 555px;
height : 150px;
margin-top : 15px;
}
.Form_BTN {
width : 50px;
height : 30px;
padding-top : 10px;
float : right;
}
.Form_Survey {
width : 300px;
height : 30px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
color : #292929;
padding-top : 10px;
}
.Form_ChooseCurvey {
width : 85px;
height : 14px;
margin-left : 75px;
}
.Form_CheckBrand {
width : 43px;
height : 14px;
margin-right : 10px;
float : right;
text-align : right;
}
.check-default {
width : 9px;
height : 9px;
background-repeat : no-repeat;
background-image : url(../images/media/Sprite_Checkbox.jpg);
background-position : 0% 0%;
margin : 1px 0 0 0;
float : left;
}
.check-hover {
background-position : -9px 0%;
}
.check-selected {
background-position : -18px 0%;
}
.Form_CheckWeb {
width : 35px;
height : 14px;
margin-right : 10px;
float : right;
text-align : right;
}
.MSG_Wrap {
width : 75px;
height : 30px;
padding-top : 5px;
float : right;
}
#msg {
height : 20px;
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #9cff00;
}
.label {
font : 15px Arial;
color : #525252;
}
.InquiryForm {
width : 550px;
display : inline;
}
.InquiryForm a:hover {
color : #15b93e;
}
.InquiryForm form {
left : 65px;
top : 42px;
}
.textfield {
background-color : #000;
color : #525252;
font : 10pt Arial;
border : 1px solid #272727;
height : 20px;
width : 190px;
display : block;
float : right;
margin : 0;
padding : 3px 0 0 5px;
}
.textfieldNWS {
background-color : #000;
color : #525252;
font : 10pt Arial;
border : 1px solid #272727;
height : 20px;

width : 199px;
display : block;
margin : 10px 0 0 0;
padding : 3px 0 0 5px;
}
.textarea {
background-color : #000;
color : #525252;
font : 10pt Arial;
border : 1px solid #272727;
width : 470px;
height : 141px;
padding : 5px 0 0 5px;
margin : 0;
float : right;
}
.button {
width : 38px;
height : 10px;
padding : 0;
border : none;
background-repeat : no-repeat;
margin-top : 0;
margin-right : 0;
margin-bottom : 0;
margin-left : 10px;
background-image : url(../images/media/submit-sprite.jpg);
background-position : 0% 0%;
float : right;
}
.button:hover {
background-position : -38px 0%;
}
.button:active {
background-position : -76px 0%;
}
.NWS {
width : 320px;
height : 50px;
}
.NWS_button {
width : 38px;
height : 12px;
border : none;
margin : 7px 60px 0 0;
background-repeat : no-repeat;
background-image : url(../images/Sprite_Signup.jpg);
background-position : 0% 0%;
float : right;
}
.NWS_button:hover {
background-position : -38px 0%;
}
.NWS_button:active {
background-position : -76px 0%;
}
#weblink:link {
color : #292929;
text-decoration : none;
}
#weblink:hover {
color : #626800;
text-decoration : none;
}
#weblink:visited {
color : #757575;
text-decoration : none;
}
#weblink:active {
color : #ff0;
text-decoration : none;
}
#weblink:visited:hover {
color : #626800;
text-decoration : none;
}
#brandlink:link {
color : #292929;
text-decoration : none;
}
#brandlink:hover {
color : #626800;
text-decoration : none;
}
#brandlink:visited {
color : #757575;
text-decoration : none;
}
#brandlink:active {
color : #ff0;
text-decoration : none;
}
#brandlink:visited:hover {
color : #626800;
text-decoration : none;
}
.CB-Andrew {
width : 167px;
height : 49px;
position : relative;
top : -100px;
margin-left : -125px;
z-index : 1000;
}
.CB-Sebastian {
width : 167px;
height : 49px;
position : absolute;
margin-top : -15px;
margin-left : -50px;
z-index : 1000;
}
.CB-Luis {
width : 167px;
height : 49px;
position : relative;
top : -100px;
margin-left : 100px;
z-index : 1000;
}
.Playground_Header {
width : 540px;
height : 137px;
}

img {
		border: none;
	}
	div#PortfolioWrapper {
		width: 940px;
	}
	ul#PortfolioThumbs {
		width: 940px;
		margin: 0;
		padding: 0;
		list-style:none;
	}
	ul#PortfolioThumbs li {
		float: left;
		padding: 0;
	}
	.no-space {
		margin: 0 0px 20px 0;
	}
	.space {
		margin: 0 20px 20px 0;
	}
	.clear {
		clear:both;
	}
	
	
.nav {
	position: absolute;
	width: 100%;
	text-align: right;
	top: 415px;
}
.nav2 {
	position: absolute;
	width: 100%;
	text-align: right;
	top: 420px;
}

.nav a,.nav2 a {
	padding:0 9px 0 0;
	margin: 0 0 0 5px;
	color:#000;
	text-decoration:none;
	width: 9px;
	height: 9px;
	background: #fff url(../images/nav/off.gif) no-repeat 0 0;
}
.nav a:hover,.nav2 a:hover {
	background: #fff url(../images/nav/hover.gif) no-repeat 0 0;
}
.nav a:active,.nav2 a:active {
	background: #fff url(../images/nav/on.gif) no-repeat 0 0;
}
.nav .on,.nav2 .on {
	background: #fff url(../images/nav/on.gif) no-repeat 0 0;
}

