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

/* ------------------------------Margins------------------------------------ */


.boxLM20 {
	display:block;
	overflow:auto;
	position: relative;
	margin-left:20px;	
	border: 1px none #000000;
}

.boxRM20 {
	display:block;
	overflow:auto;
	position: relative;
	margin-right:20px;	
	border: 1px none #000000;
}

.boxRM10 {
	display:block;
	overflow:auto;
	position: relative;
	margin-right:10px;	
	border: 1px none #000000;
}

.boxMarginTB {
	display:block;
	position:relative;
	overflow:auto;
	margin-top:10px;
	margin-bottom:10px;
	border: 1px none;
}

.boxMarginB {
	display:block;
	position:relative;
	overflow:auto;
	margin-bottom:10px;
	border: 1px none;
}

.boxMarginT10 {
	display:block;
	position:relative;
	overflow:auto;
	margin-top:10px;
	border: 1px none;
}

.boxMargins {
	display:block;
	position:relative;
	margin:30px;
	/*background-color:#999999;*/
	border: 1px none;
}

.boxMarginsIcons {
	display:block;
	position:relative;
	margin:30px;
	margin-right:0px;
	/*background-color:#999999;*/
	border: 1px none;
}

.boxMarginsService {
	display:block;
	position:relative;
	margin:30px;
	margin-left:100px;
	/*background-color:#999999;*/
	border: 1px none;
}

/* ------------------------------Top Menu------------------------------------ */


.boxTopMenu { 
	display:block;
	overflow:hidden;
	position:relative;
	width:980px;
	height:90px;
	background:url(../images/background-top.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	border:1px none;
	background-color:#ffffff;
	z-index:5;
}

.boxHeader {
	display:block;
	position:absolute;	
	left:230px;
	bottom:10px;
	border: 1px none;
}

.boxHeaderCategory {
	display:block;
	position:absolute;	
	left:35px;
	bottom:10px;
	border: 1px none;
}

.boxHeaderIcon {
	display:block;
	position:absolute;	
	right:15px;
	bottom:10px;
	border: 1px none;
}

.boxHeaderLink {
	display:block;
	position:absolute;	
	right:70px;
	bottom:10px;
	border: 1px none;
}

.boxBlogHeaderLink {
	display:block;
	position:absolute;	
	right:240px;
	bottom:10px;
	border: 1px none;
}

.boxLinkItem {
	display:block;
	position:relative;
	float:left;
	padding-left:10px;
	padding-right:10px;
	border: 1px none;
}

.boxSnailTrail {
	display:block;
	position:absolute;	
	margin-left:230px;
	margin-top:3px;
	border: 1px none;
}


/* ------------------------------Menus------------------------------------ */


/* -------- Left Menu -------- */

.LeftMenuIcons { 
	display:block;
	overflow:hidden;
	position:relative;
	margin-left:0px;
	width:170px;
	height:60px;
	border:1px none;
}

.boxLeftMenuText {
	display:block;
	position:relative;
	float:left;
	margin-left:10px;
	margin-top:15px;
	border: 1px none;
}

/* ------------------------------Body------------------------------------ */


/* ---------3 Col Containers - Backgrounds-------- */

.boxContainerServices { /*got a shadow */
	display:block;
	position:relative;
	overflow:auto;
	background-image:url(/images/background-services.png);
	background-position:top;
	background-repeat:repeat-y;
	border: 1px none;
}

.boxContainer2Line {
	display:block;
	position:relative;
	overflow:auto;
	background-image:url(/images/background-2line.png);
	background-position:top;
	background-repeat:repeat-y;
	border: 1px none;
}

.boxContainer3Line {
	display:block;
	position:relative;
	overflow:auto;
	background-image:url(/images/background-3line.png);
	background-position:top;
	background-repeat:repeat-y;
	border: 1px none;
}

.boxContainerWide {
	display:block;
	position:relative;
	overflow:auto;
	background-image:url(/images/background-wide.png);
	background-position:top;
	background-repeat:repeat-y;
	border: 1px none;
}

/* ---------Background Images-------- */

.boxiPhone {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:600px;
	background-image:url(../services/images/background-iphone.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxiPad {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:600px;
	background-image:url(../services/images/background-ipad.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxWeb {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:600px;
	background-image:url(../services/images/background-web.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxSocialMedia {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:600px;
	background-image:url(../services/images/background-social-media.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxDesign {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:600px;
	background-image:url(../services/images/background-design.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxDesktop {
	display:block;
	position:relative;
	overflow:hidden;
	min-height:600px;
	background-image:url(../services/images/background-desktop.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxMethodology {
	display:block;
	position:relative;
	overflow:hidden;
	width:510px;
	height:510px;
	background:url(/about/images/software-development-methodology.png);
	background-position:left top;
	background-repeat:no-repeat;
	border: 1px none;
}

.boxTopPageItems {
	display:block;
	position:relative;
	overflow:hidden;
	padding-top:30px;
	border: 1px none;
}


/* ------------------------------Footer & Bottom------------------------------------ */

.boxBottom { 
	display:block;
	position:relative;
	width:780px;
	height:1px;
	margin-left:200px;
	background-color:#eaeaea;
	border:1px none;
}

.boxFooterCol {
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	margin-right:50px;
	border: 1px none;
}

.boxFooterLeftCol {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	margin-left:50px;
	margin-right:50px;
	border: 1px none;
}

.boxFooterMargin {
	display:block;
	position:absolute;
	left:0px;
	bottom:200px;
	width:100%;
	height:15px;
	background-color:#c7c8d1;
	z-index:100;
	border: 1px none;
}


.boxW3CValidation {
	display:block;
	position:absolute;
	top:0px;
	right:20px;
	border: 1px none;
}




/* ------------------------------General Layout------------------------------------ */

/* ---------Icon Layout-------- */

.boxIconRow {
	display:block;
	overflow:auto;
	position:relative;	
	margin-top:20px;
	margin-bottom:20px;
	border: 1px none;
	line-height:25px;
}

.boxIconRect {
	display:block;
	position:relative;
	float:left;
	margin-right:35px;
	margin-bottom:10px;
	text-align:center;
	border: 1px none;
}

.boxIconRectRight {
	display:block;
	position:relative;
	float:left;
	margin-bottom:10px;
	text-align:center;
	border: 1px none;
}

.boxIconWebPage {
	display:block;
	position:relative;
	float:left;	
	margin-right:2px;
	margin-bottom:10px;
	text-align:center;
	border: 1px none;
}

.boxIconSq {
	display:block;
	position:relative;
	float:left;	
	margin-right:35px;
	text-align:center;
	border: 1px none;
}

.boxIconDesign {
	display:block;
	position:relative;
	float:left;	
	margin-right:60px;
	text-align:center;
	border: 1px none;
}

/* ---------Paragraph-------- */

.boxParagraph {
	display:block;
	position:relative;
	overflow:auto;
	width:510px;
	min-height:100px;
	border: 1px none;
}

.boxWideParagraph {
	display:block;
	position:relative;
	overflow:auto;
	margin-top:10px;
	margin-bottom:10px;
	width:720px;
	border: 1px none;
}

.boxParaText {
	display:block;
	float:right;
	position:relative;
	overflow:auto;
	margin-left:0px;
	width:580px;
	border: 1px none;
}

.boxTextColumn {
	display:block;
	position:relative;
	float:left;	
	margin-right:30px;
	text-align:left;
	border: 1px none;
}

/* ---------Line Spacer-------- */

.boxLineSpacer {
	display:block;
	position:relative;
	height:20px;
	width:100%;
	border: 1px none;
	clear:both;
}

.imgLine {
	position:absolute;
	bottom:10px;
	width:100%;
	height:2px;
}

/* ------------------------------Contact & Forms------------------------------------ */

.boxFormText {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:100px;
	border: 1px none;
}

.boxFormInput {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:400px;
	border: 1px none;
}

.boxMapText {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:266px;
	border: 1px none;
}

.boxFlag {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:90px;
	border: 1px none;
}

.boxAddress {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:176px;
	border: 1px none;
}

.boxMap {
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	width:244px;
	border: 1px none;
}

.boxArrowHead {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:20px;
	height:20px;
	border: 1px none;
}

.imgArrow {
	position:absolute;
	top:5px;
	border: 1px none;
}

.boxContactImage {
	display:block;
	position:relative;
	overflow:auto;
	float:left;
	width:50px;
	border: 1px none;
}

.boxContactUsHeader {
	display:block;
	position:relative;
	overflow:hidden;
	float:left;
	width:120px;
	border: 1px none;
}

.boxGoogleMap {
	display:block;
	position:relative;
	overflow:auto;
	width:510px;
	height:400px;
	border:1px solid;
}


/* ------------------------------Pages------------------------------------ */

/* ---------Header-------- */

.boxLogo {
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	border:1px none;
	z-index:102;
}

.boxTopMenuBar {
	display:block;
	position:absolute;
	left:230px;
	top:10px;
	height:18px;
	text-align:center;
	border:1px none;
	z-index:102;
}

.boxTopMenuLink {
	display:block;
	position:relative;
	float:left;
	margin-left:0px;
	margin-right:70px;
	height:25px;
	cursor:pointer;
	text-align:center;
	border:1px none;
	z-index:103;
}

.boxTopMenuText {
	display:block;
	position:relative;
	height:32px;
	border:1px none;
}


/* ---------Home Page-------- */

.boxHomeServices {
	display:block;
	position:relative;
	float:left;
	width:200px;
	margin-right:20px;
	margin-bottom:30px;
	border: 1px none;
}

.boxHomeIcon {
	display:block;
	position:relative;
	float:left;
	width:50px;
	text-align:center;
	border: 1px none;
}

.boxHomeIntro {
	display:block;
	position:relative;
	width:180px;
	border: 1px none;
}

#HomeBody h3 {
	margin-top:0px;
}

/* ---------3d modeling Page-------- */
.boxfl3D {
	display:block;
	position:relative;
	float:left;
	margin-right:30px;
	width:390px;
	border: 1px none;
}

.boxfr3D {
	display:block;
	position:relative;
	float:right;
	margin-left:30px;
	width:390px;
	border: 1px none;
}

/* ---------Methodology-------- */

.boxMethodologyTL {
	display:block;
	position:absolute;
	top:10px;
	left:10px;
	border: 1px none;
}

.boxMethodologyTR {
	display:block;
	position:absolute;
	top:10px;
	left:350px;
	border: 1px none;
}

.boxMethodologyBL {
	display:block;
	position:absolute;
	top:350px;
	left:10px;
	border: 1px none;
}

.boxMethodologyBR {
	display:block;
	position:absolute;
	top:350px;
	left:350px;
	border: 1px none;
}

.boxMethodologyCtr {
	display:block;
	position:absolute;
	top:210px;
	left:180px;
	width:150px;
	text-align:center;
	border: 1px none;
}