/* CSS Document */

*{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

img{
border:0px;
}

.floatl{
float:left;
}

.floatr{
float:right;
}

.clear{
	clear:both;
	color: #099;
}

body{
	background:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	width:100%;
	background-repeat: repeat-x;
	background-position: top;

}

#container{
width:900px;
margin:auto;
}

/*css for header starts here*/

.header{
	height:30px;
}

.logo{
padding-top:16px;
}

.search-section{
width:325px;
color:#6d6e6d;
font-weight:bold;
padding-top:30px;
}

.search-icon{
position:relative;
top:2px;
}

.txtfield{
background:#ebe9e9;
border:1px solid #dadada;
width:226px;
margin:0px 8px;
padding:2px;
}


/*css for content box starts here*/

.content-box{
	border:10px solid #CCC;
	margin-bottom:30px;
	padding-bottom:20px;
	width:890px;
	background-image: url(../images/content-box-bg6.jpg);
	background-repeat: repeat-y;
}

.content-box2{
	border:10px solid #CCC;
	margin-bottom:30px;
	padding-bottom:20px;
	width:890px;
	background-image: url(../images/content-box-bg4.jpg);
	background-repeat: repeat-y;
}

.content-box3{
	border:10px solid #CCC;
	margin-bottom:30px;
	padding-bottom:20px;
	width:890px;
	background-image: url(../images/content-box-bgn.jpg);
	background-repeat: repeat-y;
}

.content-box4{
	border:10px solid #CCC;
	margin-bottom:30px;
	padding-bottom:20px;
	width:890px;
	background-image: url(../images/content-box-bg6.jpg);
	background-repeat: repeat-y;
}
/*css for left col starts here*/

.left-col{
width:284px;
}

.main-links ul{
list-style:none;
padding-left:29px;
padding-top:32px;
}

.main-links li{
	line-height:30px;
	font-size:13px;
	color:#464848;
	font-weight:bold;
	width:245px;
	padding-left:10px;
	font-style: italic;
	background-repeat: repeat-x;
	background-position: left bottom;
	font-family: MyCustomFont2;
}

.main-links li a{
	text-decoration:none;
	color:#464848;
	padding-left:20px;
	font-style: italic;
	background-image: url(../images/11.png);
	background-repeat: no-repeat;
	background-position: left 4px;
}

.main-links li a:hover{
	color:#fff;
	font-family: "MyCustomFont2";
	font-style: italic;
}

.main-links li a.active{
	color:#FFF;
	font-style: italic;
}

.gallery {
	padding-top:30px;
	padding-left: 10px;
}

.gallery ul{
list-style:none;
padding-top:5px;
}

.gallery li{
float:left;
margin-right:6px;
padding-bottom:20px;
}

.pagination{
	width:284px;
	height:23px;
	padding-top:0px;
	text-align:left;
	color: #339;
	background-color: #033;
	padding-left: 0px;
	padding-right: 0px;
}

.pagination a{
text-decoration:none;
color:#fff;
margin-right:5px;
}

.drawing-section{
padding-top:35px;
width:284px;
} 

.drawing-section ul{
list-style:none;
margin:0px;
padding:0px;
}

.drawing-section li{
background:url(../images/tips-dotted-bg.gif) bottom left repeat-x;
font-size:13px;
line-height:29px;
color:#343333;
padding-left:15px;
display:block;
}

.drawing-section li a{
	color:#343333;
	text-decoration:none;
	background:url(../images/tips-bullets.gif) left 12px no-repeat;
	padding-left:20px;
	text-align:left;
	font-size:13px;
	font-style:italic;
	padding-top:0px;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:284px;
}

.drawing-section a{
color:#000000;
font-size:20px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
display:block;
text-align:right;
padding-top:20px;
}

/*css for right col starts here*/

.right-col{
width:554px;
}

.main-content{
	;
	width:535px;
	color:#464747;
	line-height:12px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}

h1, h2, h3, h4{
	line-height:normal;
	font-family:"MyCustomFont";
	font-size:25px;
	color:#518891;
	text-align: center;
	
	
	}

a{color:#464747;
		text-decoration:underline;}
a:hover{
	text-decoration:none;
	font-family: "Cheyenne Hand Bold";
	color: #000;
}

.main-content span{
color:#097a41;
font-weight:bold; 
padding-top:5px;
font-size:13px;
}

.main-content p{
	color:#464747;
	line-height:22px;
	padding-top:20px;
	font-style: italic;
	text-align: center;
}

.testimonials-section{
padding-top:30px;
width:535px;
}

.testimonials-section p{
color:#464747;
line-height:22px;
padding-top:10px;
font-style:italic;
width:460px;
margin-left:50px;
}

.testimonials-section a{
color:#000000;
font-size:20px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
font-style:italic;
display:block;
text-align:right;
}

/*css for footer starts here*/

.footer-links{
font-size:11px;
text-align:center;
width:900px;
color:#767272;
background:url(../images/footer-bg.gif) top left repeat-x;
padding-bottom:18px;
}

.footer-links ul{
list-style:none;
padding:25px 0 0 272px;
}

.footer-links li{
float:left;
margin-bottom:5px;
margin-right:9px;
color:#acacac;
margin-bottom:5px;
font-size:12px;
}

.footer-links li a{
text-decoration:none;
color:#acacac;
}

/* inner pages css start */
.aboutus-img{float:right; border:4px solid #fff;	margin:0 0px 10px 20px;}
h5{font-size:15px;font-weight:bold; padding:0px 0px 5px 0px; border-bottom:1px dotted #fff;	margin:0px 0px 10px 0px;}
h6{font-size:16px; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.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;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #fff;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{
	margin-bottom:20px;
	border-bottom:1px dotted #fff;
	padding-bottom:15px
}
.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;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */
#container .content-box .right-col.floatr .testimonials-section br {
	color: #006;
}
#container .content-box .left-col.floatl .gallery ul {
	background-color: #;
}
#container .content-box .left-col.floatl .main-links ul img {
	margin-right: 0px;
	padding-top: 10px;
}
#container .content-box .left-col.floatl .main-links .jose img {
	padding-top: 30px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 10px;
}


#container .content-box2 .right-col.floatr .testimonials-section br {
	color: #006;
}
#container .content-box2 .left-col.floatl .gallery ul {
	background-color: #;
}
#container .content-box2 .left-col.floatl .main-links ul img {
	margin-right: 0px;
	padding-top: 10px;
}
#container .content-box2 .left-col.floatl .main-links .jose img {
	padding-top: 30px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 10px;
}


#container .content-box3 .right-col.floatr .testimonials-section br {
	color: #006;
}
#container .content-box3 .left-col.floatl .gallery ul {
	background-color: #;
}
#container .content-box3 .left-col.floatl .main-links ul img {
	margin-right: 0px;
	padding-top: 10px;
}
#container .content-box3 .left-col.floatl .main-links .jose img {
	padding-top: 30px;
	padding-right: 0px;
	margin-right: 0px;
	margin-left: 10px;
}

/********** contact form **********/
#contactform { margin:0; padding:0px 0px 0px 50px;}
#contactform * { color:#6e6e6e;}
#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 { text-align:right;  margin:0 10px 0 0; width:100px; display:block; padding:5px 0; font:normal 11px Tahoma, Geneva, sans-serif; color:#6e6e6e; text-transform:capitalize; float:left;}
#contactform label span { font:normal 10px Arial, Helvetica, sans-serif;}
#contactform input.text { width:300px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; height:14px; background:#fff; float:left;}
#contactform textarea { width:300px; border:1px solid #c5c5c5; margin:2px 0; padding:3px 2px; background:#fff; float:left;}
#contactform li.buttons input { padding:3px 0; margin:0 0 0 60px; border:0; color:#FFF;}
p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
#container .content-box .right-col.floatr .main-content div .ourprojectrow #videolink {
	float: right;
	font-family:"Cheyenne Hand Bold";
}
#container .content-box .right-col.floatr .main-content div .ourprojectrow div .youtube {
	float: left;
	background-repeat: no-repeat;
	height: 350px;
	width: 430px;
	margin-top: 20;
	margin-left: auto;
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 0px;
	background-image: url(../youtube.jpg);
}
#container .content-box .right-col.floatr .main-content div .ourprojectrow h1 {
	background-image: url(../nadpisbcg.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
#container .content-box .right-col.floatr .main-content div .ourprojectrow h1 {
	color: #FFF;
}
#container .header #FlashID {
	position: absolute;
	margin-bottom: 0px;
	clear: both;
	left: 0px;
	top: 0px;
	
}
#container .header #FlashID2 {
	position: absolute;
	margin-left: 650px;
	margin-top: 0px;
	float: right;
	top: 0px;
	right: 0px;
}
#container .content-box2 .right-col.floatr .main-content .contact #contactform ol .buttons #imageField {
	background-color: #699EA6;
	font-weight: bold;
	cursor:pointer;
}