body, html{
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

div{
	margin: 0px;
	padding: 0px;
}

.header{
	width:100%;
	height:233px;
	text-align:center;
	background-image: url(/static/img/headerbg.jpg);
	background-repeat: repeat-x;
	padding: 0px;
	margin: 0px;
	border: 0px;
}

.homeHeading{
	margin-bottom: 5px;
}

.menuBg{
	width: 100%;
	height: 62px;
	text-align:center;
	display: block;	
	border: 0px;
	margin: 0px;
	padding:0px;
	background-image: url(/static/img/menu.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

.menu{
	width: 939px;
	height: 61px;
	text-align:center;
	background-image: url(/static/img/menu-hover.jpg);
	background-position: 0px 100px;
	background-repeat: no-repeat;
	margin: 0px;
	padding:0px;
	border: 0px;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.menu td a{
	display:block;
	background-repeat: no-repeat;
	height: 52px;
	padding: 0px;
	margin:4px;
	border: 0px;
	text-decoration:none;
	background-image: url(/static/img/menu-sit.jpg);
}
.menu td a:link;{
	text-decoration:none;
}
.menu a:hover{ background-image: url(/static/img/menu-hover.jpg); }

.menu a.menuHome{ width: 118px; background-position: -5px; }
.menu a.menuHomeSelected{ width: 118px; background-position: -5px; background-image:  url(/static/img/menu-sel.jpg); }
.menu a.menuHomeSelected[hover]{ background-image: url(/static/img/menu-sel.jpg); }

.menu a.menuDisciplines{ width: 227px; background-position: -135px; }
.menu a.menuDisciplinesSelected{ width: 227px; background-position: -135px; background-image: url(/static/img/menu-sel.jpg); }
.menu a.menuDisciplinesSelected[hover]{ background-image: url(/static/img/menu-sel.jpg); }

.menu a.menuPackages{ width: 115px; background-position: -368px; }
.menu a.menuPackagesSelected{ width: 115px; background-position: -368px; background-image: url(/static/img/menu-sel.jpg); }
.menu a.menuPackagesSelected[hover]{ background-image: url(/static/img/menu-sel.jpg); }

.menu a.menuQuotation{ width: 193px; background-position: -484px; }
.menu a.menuQuotationSelected{ width: 193px; background-position: -484px; background-image: url(/static/img/menu-sel.jpg); }
.menu a.menuQuotationSelected[hover]{ background-image: url(/static/img/menu-sel.jpg); }

.menu a.menuPortfolio{ width: 105px; background-position: -679px; }
.menu a.menuPortfolioSelected{ width: 105px; background-position: -679px; background-image: url(/static/img/menu-sel.jpg); }
.menu a.menuPortfolioSelected[hover]{ background-image: url(/static/img/menu-sel.jpg); }

.menu a.menuContact{ width: 109px; background-position: -785px; }
.menu a.menuContactSelected{ width: 109px; background-position: -785px; background-image: url(/static/img/menu-sel.jpg); }
.menu a.menuContactSelected[hover]{ background-image: url(/static/img/menu-sel.jpg); }


/* box */

.boxTopLeft{
	width: 25px;
	height: 25px;
	background-image:url(/static/img/topleft.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color:#fff;
} .boxTopMiddle{
	width: auto; height: 25px;
	background-image:url(/static/img/topmiddle.jpg);
	background-repeat: repeat-x;
} .boxTopRight{
	width: 25px; height: 25px;
	background-image:url(/static/img/topright.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color:#fff;
} .boxMiddleLeft{
	width: 25px; height: 25px;
	background-image:url(/static/img/middleleft.jpg);
	background-repeat: repeat-y;
	background-position: left;
	background-color:#fff;
} .boxMiddle{
	background-color:#fff;
} .boxMiddleRight{
	width: 25px; height: 25px;
	background-image:url(/static/img/middleright.jpg);
	background-repeat: repeat-y;
	background-position: right;
	background-color:#fff;
} .boxBottomLeft{
	width: 25px; height: 25px;
	background-image:url(/static/img/bottomleft.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-color:#fff;
} .boxBottomMiddle{
	width: auto; height: 25px;
	background-image:url(/static/img/bottommiddle.jpg);
	background-repeat: repeat-x;
} .boxBottomRight{
	width: 25px; height: 25px;
	background-image:url(/static/img/bottomright.jpg);
	background-repeat: no-repeat;
	background-position: right;
	background-color:#fff;
}
/* endbox */


.resources tr{
	height: 100px;
}

.ilogo{
	margin-right: 30px;
	float:right;
}

strong {
	font-weight: bold;
}
.content{
	width:100%;
	background-image:url(/static/img/lawnmower_top.png);
	background-repeat:no-repeat;
	background-position: bottom left;
}

.contentblock{
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	
}

.blockRight {
	width:380px;
	float:right;
	margin-bottom: 10px;
}
.blockLeft {
	width:400px;
	float:left;
	margin-bottom: 10px;
}

.boxMiddle .text{
	font-family: arial;
	font-size: 12px;
	display: block;
	font-size: 13px;
	height: 142px;
	padding:15px;
}

.boxMiddle .latestProject{
	font-family: arial;
	font-size: 12px;
	display: block;
	font-size: 13px;
	height: 300px;
}

.homeCreations .mainImg{
	border: 1px solid #808080;
	margin-left: 2px;
	margin-right: 50px;
}

span.homeProject{
	height: 34px;
	float:left;
	line-height: 34px;
	display:block;
	font-family:arial;
	font-size: 12px;
	text-indent: 10px;
}
img.homeProject{
	float:right;
}

img.homeProjectThumb{
	margin:0px;
	padding:1px;
	border:7px solid #ccc;
	margin-left: 3px;
	margin-right: 3px;
	cursor:pointer;
}

img.homeProjectThumbSelected{
	margin:0px;
	padding:1px;
	border:7px solid #808080;
	margin-left: 3px;
	margin-right: 3px;
}

#homeLeft, #homeRight{
	cursor: pointer;
}

#homeImage{
	width: 294px;
	margin:0px;
	padding: 0px;
	overflow: hidden;
}
#project_inner{
	width: 1570px;
	margin:0px;
	padding-top: 5px;
	padding-left: 2px;
	text-align: left;
}
#project_desc.img{
	margin: 0px;
	padding: 0px;
}
span.homeApps{
	height: 120px;
	width: 98px;
	display:block;
	font-size: 11px;
	text-align: center;
	float:left;
	line-height: 30px;
	margin-left: 28px;
}
tr.homeBlogs{
	border-bottom: 1px dashed #aaa;
	height: 80px;
}
.homeBlogs a h2{
	padding-top: 10px;
	color: black;
}
.homeBlogs h2{
	font-size: 14px;
	font-family: times;
	font-weight: normal;
	text-decoration: underline;
	width: 100%;
	display:block;
	color: black;
}

img.homeBlogs{
	border: 1px dashed #aaa;	
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
	height:100px;
	width:100px;
	display:block;
	background-image: url(/static/upload/images/logos/main.thumbnail.jpg);
}

.homeBlogs p{
	font-size: 11px;
	font-family: arial;
	font-weight: normal;
	text-decoration:none;
	width: 100%;
	display:block;
}

img.homeBlogsView{
	margin-bottom: 10px;
}

.boxMiddle .text a{
	font-family: arial;
	font-size: 12px;
	color: #000;
	text-decoration: underline;
}

.content .heading, .homeHeading{
	display:block;
	height: 70px;
	line-height: 70px;
	font-family: times;
	font-size: 35px;
	font-weight:normal;
	display: block;
	text-decoration: underline;
}

.blockcontentLast{
	text-align: center;
	vertical-align: middle;
}

.linebox {
	border-bottom: 1px dashed #ddd;
}

.resources, .technology{
	text-align: left;
	font-size: 11px;
	font-family: arial;
	text-align: justify;
}

.technology tr{
	height: 100px;
}

.resources tr{
	height: 130px;
}

.technology p, .resources p{
	margin-top: 10px;
	margin-right: 30px;
	display: block;
	line-height: 18px;
}
.technology a, .resources a{
	text-decoration: underline;
	color: #000;
}

.technology h2 a,.resources h2 a{
	color: #000;
	text-decoration: underline;
	font-family: arial;
	font-weight: bold;
	font-size: 14px;
}



.footer{
	width: 100%;
	background-image: url(/static/img/bottombg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	display: block;
	clear:both;
	padding:0px;
	margin: 0px;
	color: #efefef;
	background-color: #b90000;
	
}

.grass{
	clear:both;
	width: 100%;
	height: 200px;
	background-image: url(/static/img/grass.jpg);
	background-repeat: repeat-x;
	background-position: bottom left;
	text-align:left;
}

.footer a{
	text-decoration: none;
	color: white;
}

.numberWidth{
	display: block;
	width: 20px;
	float:left;
}

.footer a:hover{
	text-decoration: underline;
}

.footer .credits{
	width:100%;
	font-family: arial;
	height: 400px;
}
.footer .credits p{
	font-size: 11px;
	line-height: 18px;
}

.footer .credits tr td{
	padding-left: 20px;
	padding-right: 20px;
	width: 25%;
}




input[type="text"], .quotationForm select{
	background-image: url(/static/img/textboxbg.jpg);
	background-repeat: repeat-x;
	padding: 6px;
	margin: 5px;
	border: 1px #666 solid;
}
.quotationForm select{
	background-color: none;
	width: 100px;
}

.quoteResponse{
	font-family: arial;
	font-size: 20px;
	font-weight: normal;
	text-align:center;
}

.clickHome{
	padding-top: 25px;
	padding-bottom: 10px;
	display:block;
	text-align: center;
	width: 100%;
	font-size: 11px;
	font-weight: normal;
}

.clickHome a{
	text-decoration: underline;
	color: black;
	font-weight:bold;
}

input[type="submit"], .portfolioButton{
	background-image: url(/static/img/submitbg.jpg);
	background-repeat: repeat-x;
	border: 1px #000 solid;
	padding: 9px;
	margin: 5px;
	cursor:pointer;
	text-align: center;
	width: 150px;
	display: block;
	background-color:black;
	font-size: 10px;
	font-family: arial;
	color: white;
}

.portfolioImages a img{
	border: 10px solid #ddd;
	margin: 15px;
}

#contactAddress{
	border:10px solid #8c6103;
	background-color:#4b2c00;
	color: #fff;
	font-size: 11px;
	font-family: arial;
	padding-top: 90px;
	padding-bottom: 90px;
	margin-top: 10px;	
	margin-right: 20px;	
	margin-left: 20px;	
	display: none;
}

.contactResponse{
	display:block;
	text-align: center;
	width: 100%;
	text-decoration: none;
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color:#000;
	padding-top:20px;	
}

.boxMiddleContact{
	height: 360px;
}

.contactTitle{
	display:block;
	text-align: center;
	width: 100%;
	text-decoration: underline;
	font-family: times;
	font-size: 14px;
	font-weight: bold;
	color:#000;
}
#contactMap{
	border:10px solid #8c6103;
	background-color:#4b2c00;
	height: 221px;
	margin-top: 10px;	
	margin-right: 20px;	
	margin-left: 20px;	
	clear:both;
}

.addressButton{
	float:right;
	color: #666;
}
.mapButton{
	float:left;
	text-decoration:underline;
	background-color: #8c6103;
	color: #fff;
}

.contactButtons{
	clear:both;
	height:25px;
	display:block;
	width: 100%;
	padding-bottom: 18px;
}

.addressButton, .mapButton{
	display: block;
	cursor:pointer;
	border-bottom: #808080 1px dotted;
	border-left: #808080 1px dotted;
	border-right: #808080 1px dotted;
	height: 25px;
	line-height: 25px;
	width: 80px;
	font-size:11px;
	font-weight: normal;
	font-family: arial;
	margin-left: 50px;
	margin-right: 50px;
}

.contactDetails{
	font-size: 14px;
	font-family: arial;
}

.contactDetails p{
	font-size: 11px;
	font-family: arial;
	font-weight: bold;
}

.portfolioContent{
	font-size: 11px;
	font-family: tahoma;
	font-weight: normal;
	text-align: justify;
	margin-top: 10px;	
	display: block;
	line-height: 18px;
}

.portfolioContent a{
	color: #808080;
	text-decoration: none;
	font-weight:bold;
	border-bottom:#808080 dotted 1px;
}

.quotationForm{
	text-align: left;
	font-weight: normal;
}
.quotationForm tr td{
	height: 40px;
	font-size: 11px;
	font-weight: normal;
	font-family: arial;
}

.quotationForm .blockSpace{
	margin-bottom: 10px;
}

.quotationForm input[type="textarea"]{
	margin: 0px;
	padding:7px;
}
.quotationForm input[type="text"]{
	width: 160px;
	margin: 0px;
	padding:7px;
}

.contactForm textarea{
	margin: 5px;
	padding: 7px;
	width: 205px;
	border: 1px #666 solid;
}

.homeHeaders{
	text-align: left;
	height: 40px;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/static/img/lines.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	font-size: 14px;
	padding-left: 10px;
}

.homeSep{
	text-align: left;
	height: 35px;
	font-family: arial;
	font-weight: bold;
	text-decoration: none;
	background-image: url(/static/img/lines.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	padding-bottom: 5px;
	font-size: 14px;
	padding-left: 10px;
}

.appIntroduction{
	font-family: arial;
	font-size: 14px;
	text-align: center;
	display: block;
	margin-bottom: 25px;
	font-weight: bold;
}

.homeContent{
	font-size:11px;
	padding-top:10px;
	padding-bottom:20px;
}

.homeVision{
	text-align:justify;
	font-size:11px;
	padding-right:15px;
	text-align: left;
	padding-bottom:15px;
	width:380px;
	float:left;
}

.portfolioText h2{
	font-size: 18px;
	font-family: times;
	font-weight: normal;
	text-decoration: underline;
	margin-top: 15px;	
	margin-bottom: 10px;	
}

.portfolioThumb{
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 50px;
	border:1px dotted #808080;
}
.portfolioScreenshot{
	margin-right: 20px;
}


.portfolioButton{
	margin-top: 30px;
	margin-bottom: 30px;
}


.tip				{ width:295px; font-family:tahoma,arial; background:url(tip-text.png) left top repeat-y; }
.tip-top			{ background:url(tip-top.png) top left no-repeat; height:26px; width:295px; }
.tip-title		{ color:#e95e25; font-weight:bold; margin:0 30px 0 50px; }
.tip-text		{ color:#000; padding:10px 30px 20px 50px; }
.tip-bottom		{ background:url(tip-bottom.png) left bottom no-repeat; width:295px; height:81px; }

.homeArchive{
	width: 100%;
	height:60px;
	line-height:60px;
	color: #000;
	display:block;
	font-family: times;
	text-decoration: underline;
	font-size: 20px;
	font-weight: normal;
}

h2.disciplines {
	display: block;
	width: 100%;
	height: 30px;
	text-align: center;
	font-family: times;
	text-decoration: none;
	font-size: 18px;
}

p.disciplines {
	display: block;
	width: 100%;
	text-align: center;
	font-family: arial;
	text-decoration: none;
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.disciplineContent{
	display: block;
	width: 100%;
	text-align: justify;
	font-family: arial;
	font-size: 12px;
}

.disciplinesBack{
	font-family: arial;
	font-size: 11px;
	text-align:center;
	display: block;
	padding-bottom: 15px;
	padding-top: 15px;
	font-weight: bold;
	color: black;
}

.disciplines a{
	display: block;
	width: 100%;
	padding-top:2px;
	padding-bottom:2px;
	text-align: left;
	font-family: arial;
	text-decoration: none;
	font-size: 11px;
	color: black;
}
.disciplines a:hover{
	text-decoration: underline;
}
.packagetext{
	font-size: 11px;
	font-family:arial;
}