/* CSS Document */

ul,ol {list-style:none}
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {margin:0; padding:0}
fieldset {border:0}

body {
	font:12px Arial, Helvetica, sans-serif;
	color:#ffffff;
	background:#f4f5f7 url(../images/bg.jpg) left top repeat-x;
	margin:0px;
	padding:0px;
}

#wrapper {
	width:1003px;
	margin:0px auto;
	background:#f4f5f7;
	margin-top:4px;
	text-align:justify;
}

#container {
	width:845px;
	margin:0px auto;
}

.header {
	height:389px;
	background:url(../images/header.jpg) left top no-repeat;
}

.headerServicios {
	height:389px;
	background:url(../images/header1.jpg) left top no-repeat;
}

.headerProyectos {
	height:389px;
	background:url(../images/header2.jpg) left top no-repeat;
}

.headerContacto {
	height:389px;
	background:url(../images/header3.jpg) left top no-repeat;
}

.headerDesarrollo {
	height:389px;
	background:url(../images/header4.jpg) left top no-repeat;
}

.top {
	height:79px;
	padding:0px 140px 0px 100px;
}

.logozone {
	float:left;
	margin:23px 0px 0px 0px;
}

.menuzone {
	width:430px;
	float:right;
	text-align:right;
	background:#000000;
	padding:5px 10px 5px 10px;
	margin:0px 0px 0px 0px;
}

.latestworkzone {
	width:300px;
	float:left;
	color:#1c4050;
	margin-top: 45px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-left: 100px;
}

.viewsitebutton {
	margin:10px 0px 0px 0px;
}

.welcomezone {
	width:806px;
	background:url(../images/welcomezone.jpg) right top no-repeat;
	color:#868686;
	margin:0px 78px 0px 79px;
	padding:0px 20px 20px 20px;
}

.welcome-left {
	width:272px;
	float:left;
}

.welcome-right {
	width:518px;
	float:right;
}

.workzone {
	padding:37px 0px 20px 46px;
}

.columnheadingzone {
}

.columnheading1 {
	width:214px;
	padding:0px 23px 0px 0px;
	float:left;
}

.columnheading2 {
	width:300px;
	padding:0px 23px 0px 20px;
	float:left;
}

.columnheading3 {
	width:300px;
	padding:0px 0px 0px 23px;
	float:left;
}

.columnzone {
	border-bottom:1px solid #6da6be;
	padding:0px 0px 0px 0px;
}

.column1 {
	width:214px;
	float:left;
	border-top:1px solid #6da6be;
	border-right:1px solid #6da6be;
	padding:20px 23px 20px 0px;
}

.column2 {
	width:300px;
	float:left;
	border-top:1px solid #6da6be;
	padding:20px 23px 20px 20px;
}

.column3 {
	width:300px;
	float:left;
	border-top:1px solid #6da6be;
	border-left:1px solid #6da6be;
	padding:20px 0px 20px 23px;
}

.txtbox {
	width:150px;
	height:70px;
}

.bottompadding10 {
	padding-bottom:10px;
}

.bottompadding5 {
	padding-bottom:5px;
}

.footerbgcontainer {
	background:url(../images/footerbg.jpg) left top repeat-x;
}

.footerbginside {
	width:1003px;
	margin:0px auto;
}

.footer {

}

.clear {
	clear:both;
	margin:0px;
	padding:0px;
}


/*	Text Style Start Here	*/

h1 {
	font:20px Georgia, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

h2 {
	font:19px Georgia, Arial, Helvetica, sans-serif;
	color:#8c8c8c;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

h3 {
	font:bold 22px Georgia, Arial, Helvetica, sans-serif;
	color:#e37004;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

h4 {
	font:30px Georgia, Arial, Helvetica, sans-serif;
	color:#ffffff;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}

.blueheading {
	font-size:28px;
	color:#4387a5;
}

.bluefont {
	color:#bceaff;
	font-weight:bold;
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

/*	Text Style End Here	*/



/*	Link Styles Start Here	*/

a {
	color:#000000;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}
a img,:link img,:visited img {border:none;}

.mainmenu {
	font-weight:bold;
}

.mainmenu ul {
	margin:0px;
	padding:0px;
}

.mainmenu li {
	display:inline; float:left;
	border-right:1px solid #ffffff;
	padding:0px 6px 0px 6px;
}

.mainmenu li a{
	color:#ffffff;
	text-decoration:none;
}

.mainmenu li a:hover {
	color:#fefaca;
}

.servicelink {
	padding:20px 0px 0px 0px;
}

.servicelink ul {
	margin:0px;
	padding:0px;
}

.servicelink li {
	display:block;
	padding:0px 0px 5px 10px;
	background:url(../images/disc.jpg) 0px 5px no-repeat;
	list-style:none
}

.servicelink li a{
	color:#ffffff;
	text-decoration:underline;
}

.servicelink li a:hover {
	text-decoration:none;
}

.footerlink {
	text-align:center;
	padding:30px 0px 30px 0px;
	color:#000;
}

.footerlink ul {
	margin:0px;
	padding:0px;
		color:#FFFl;
}

.footerlink li {
	display:inline;
	border-right:1px solid #000000;
	padding:0px 10px 0px 10px;
}

.footerlink li a{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#515151;
	text-decoration:none;
}

.footerlink a:hover {
	text-decoration:none;
}


/*	Link Styles End Here	*/





/* Inside Style Start Here	*/

h5 {
	font:15px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#135b7b;
	font-weight:100;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #4387a5;
	margin:0px 0px 10px 0px;
}


h6 {
	font:17px Myriad Pro, Arial, Helvetica, sans-serif;
	color:#135b7b;
	font-weight:100;
	padding:0px 0px 5px 0px;
	margin:0px 0px 10px 0px;
}

.ourvalue {
	margin:10px 0px 0px 0px;
}

.aboutus-img {
	float:right;
	border:4px solid #b0a48b;
	margin:0px 0px 10px 20px;
}

.aboutcolumnzone {
	padding:20px 0px 16px 0px;
}

.aboutcolumn1 {
	width:48%;
	float:left;
	margin:0px 0px 10px 0px;
}

.aboutcolumn2 {
	width:48%;
	float:right;
	margin:0px 0px 10px 0px;
}

.abouticon {
	float:left;
	margin:0px 20px 0px 0px;
}

.servicecolumnzone {
	padding:20px 0px 16px 0px;
}

.servicecolumn1 {
	width:48%;
	float:left;
	margin:0px 0px 10px 0px;
}

.servicecolumn2 {
	width:48%;
	float:right;
	margin:0px 0px 10px 0px;
}

.our-comment {
	margin:10px 0px 0px 0px;
}

.blog-posted-row {
	padding:3px;
}

.ourprojectrow {
	margin-bottom:20px; 
	border-bottom:1px dotted #000000; 
	padding-bottom:10px;
}

.project-img {
	float:right;
	margin-left:20px;
	border: 6px solid #b0a48b;
}

input.button {
	color:#ffffff;
	background:#414141;
	font:bold 11px Arial, Helvetica, sans-serif;
	text-decoration:none;
	padding:10px 10px;
	margin:0px 5px 5px 0;
	border:1px solid #000000;
}
input.button:hover {
	cursor:pointer;
	color:#cccccc;
}

.readmore {
	padding:10px 0px 10px 0px;
}

/* Inside Style End Here	*/

/* ### CONTENT ### */
#content {float: left; max-width: 1000px;}

#content ul#item-overview a img{ cursor: pointer; }
#content li.project {float: left; width: 220px; margin-bottom: 40px; padding-right: 20px;}
#content li.project h2 {font-size: 14px; padding: 20px 0 10px 0; color: #000;}
#content li.project p {width: 220px; line-height: 1.6em; padding-bottom: 5px;}
#content li.project p a {font-weight: bold;}
#content li.project span {font-family: Georgia; font-weight: bold; font-style: italic; color: #fff; font-size: 20px; padding-left: 20px;}

#content #item-overview a img{ cursor: pointer; }
#content .project {float: left; width: 220px; margin-bottom: 40px; padding-right: 20px;}
#content .project h2 {font-size: 14px; padding: 20px 0 10px 0; color: #000;}
#content .project p {width: 220px; line-height: 1.6em; padding-bottom: 5px;}
#content .project p a {font-weight: bold;}
#content .project span {font-family: Georgia; font-weight: bold; font-style: italic; color: #fff; font-size: 20px; padding-left: 20px;}

#content .project .back-service1 {background-color: #dfd5b5; width: 220px; height: 162px; margin-bottom: 7px;}
#content .project .back-service2 {background-color: #e37004; width: 220px; height: 162px; margin-bottom: 7px;}
#content .project .back-service3 {background-color: #4387a5; width: 220px; height: 162px; margin-bottom: 7px;}

#content .project p.service1 {height: 162px; padding-bottom: 3px; border-bottom: 4px solid #dfd5b5;}
#content .project p.service2 {height: 162px; padding-bottom: 3px; border-bottom: 4px solid #e37004;}
#content .project p.service3 {height: 162px; padding-bottom: 3px; border-bottom: 4px solid #4387a5;}
#content .project a.beige {background-color: #dfd5b5; display: block; width: 220px; height: 162px; text-decoration: none;}
#content .project a.green {background-color: #e37004; display: block; width: 220px; height: 162px; text-decoration: none;}
#content .project a.grey {background-color: #4387a5; display: block; width: 220px; height: 162px; text-decoration: none;}

#content .project a img {display: none;}
#content .project a:hover {background: none;}
#content .project a:hover img {display: block;}

#content .project-images {float: right; margin-bottom: 19px; width: 550px;}
#content .project-images img {padding-bottom: 25px;}

#content .line {float: left; border-bottom: 1px solid #e0e0e0; width: 940px; height: 5px;}