html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;

}
*{
	outline:none;
}
body {
 
  color: #333; 
  font-family:"Trebuchet MS", Verdana, Arial;
 }

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* EOF */

/*kraj na reset*/

html
{
background:#FFF url(htmlBg.png) top left repeat-x;	
	
}

body
{
background:url(oblaci.png) center 230px no-repeat		;
	margin:0;
padding:0;
}
a
{
color:#000;
text-decoration:none;
font-size:12px;
	
}

#mainWrap
{
width:962px;
display:block;

margin:auto;
overflow:hidden;
}

/*header styles*/
#header
{
overflow:hidden;	
	
	
}

#header img
{
	float:left;
	display:block;
	padding:3px 15px;
}
#header #nav
{
	display:block;
	float:right;
	padding-top:25px;
}

#nav ul li,#nav ul li a
{
color:#000000;
display:block;
float:left;
font-size:14px;
font-weight:bold;
text-align:center;
text-decoration:none;
}


#nav ul li a
{
padding:12px 16px;	
	
	
}
.active
{
background:transparent url(active.png) top left no-repeat;
width:58px;



}
/*header styles*/









/*######################################box class styles######################################*/
.boxHolder
{
float:right;	
	padding-top:50px;
        overflow:hidden;
        text-align:center;
        display:table-cell;
}
 .box
 {
	display:block;
	 position:relative;
 }
 
 
 .boxTopLeft
 {
	display:block;
	width:15px;
	height:14px;
	background:transparent url(topLeft.png) bottom right no-repeat;
	 float:left;
 }

 .boxTopMiddle
 {
		  height:14px;
left:15px;
position:absolute;
right:15px;
 background:transparent url(topRepeat.png) bottom left repeat-x;

 }



  .boxTopRight
 {
	display:block;
	width:15px;
	height:14px;
	background:transparent url(topRight.png) bottom left no-repeat;
	 float:right;
 }
 
 
 
  .boxContentLeft
  {

	display:block;
	clear:both;
	background:transparent url(leftRepeat.png) top left repeat-y;

	

	  
  }
  
  .boxContentCenter
  {
	  
	  text-align:justify;
	  background:url(centerBg.png) top right repeat;
	  padding:14px;
	  display:block;
	  margin:0px 14px;
  }
   .boxContentRight
  {
	display:block;
	background:transparent url(rightRepeat.png) top right repeat-y;
overflow:hidden;

	  
  }
  
  
/* bottom seftion*/

.boxBottomLeft
 {
	display:block;
	width:15px;
	height:14px;
	background:transparent url(bottomLeft.png) top right no-repeat;
	 float:left;
 }

 .boxBottomMiddle
 {
	height:14px;
left:15px;
position:absolute;
right:15px;
	 background:transparent url(bottomRepeat.png) top left repeat-x;

 }



  .boxBottomRight
 {
	display:block;
float:right;
height:14px;
width:15px;
	background:transparent url(bottomRight.png) top left no-repeat;

 }
 
  
/*######################################box class styles######################################*/

#flashHolder
{

clear:both;
float:left;
}





.contentBottom
{
	
clear:both;
display:table;

overflow:visible;
width:100%;

}

.services
{
background: none;

display:table-cell;
height:auto;

padding-left:40px;

text-align:left;
width:300px;
padding-top:20px;

	
}
.services ul
{
margin:auto;	
}

.services ul li
{
float:left;
list-style:none;
width:150px;
vertical-align:middle;
line-height:40px;
}

.linksHolder
{
	
display:table-cell;
float:left;
width:310px;
text-align:left;
padding:10px;
padding-top:20px;


/*border:1px solid #767486;*/
}

.linksHolder a
{
	display:block;
	line-height:26px;
	font-size:14px;
	background:transparent url(../images/linkLinkBg.jpg) bottom left no-repeat;
	padding:5px 30px 5px 10px;
}






/*###################################### footer  stytle######################################*/
.footerWrap
{
background:transparent url(footerBgRepeater.jpg) center top repeat-x;	
height:232px;	
}
.footer
{
	padding:35px 0px 0px 0px;
color:#fff;	

width:962px;
margin:auto;
display:block;
text-align:right;
	clear:both;
}
.footer h3
{
background:none;
font-size:18px;
text-align:left;
width:100%;
padding-bottom:15px;

}
.footerLeft, .footerRight
{
display:block;
float:left;
font-size:15px;
line-height:1.6em;
text-align:left;
padding-bottom:40px;
}
.footerLeft
{
	width:640px;
}
.footerRight
{
width:320px;

}

.footer a
{
font-size:10px;
padding:2px 8px;
border-right:1px dotted #727487;
color:#FFF;
}

.footer span
{
display:block;
float:left;	
	font-size:10px;
}
/*###################################### footer  stytle######################################*/


#getQuote 
{
width:350px;
float:left;
padding-right:10px;


}

#getQuote  h2
{
font-size:24px;



}
#getQuote  p
{
font-size:12px;
text-align:justify;
line-height:14px;
padding:15px 0px;

}
#getQuote form
{
margin:auto;
text-align:center;
width:310px;
	
}
.formRowHolder
{
display:block;
padding:3px;

line-height:30px;
text-align:left;	

}


.formRowHolder span
{
display:block;
float:left;
width:80px;
text-align:left;	

}
.formRowHolder input[type='text'], .formRowHolder textarea

{
background-attachment:fixed;
background-color:#D8DBFF !important;
border:1px solid #ABACC2;
height:19px;

padding:4px 0;
width:220px;


}

.formRowHolder textarea
{
height:120px;	
	
}

.carouseHolder
{
	overflow: hidden; 
	display: block;
	float: left;
	position: relative;
	width: 310px;
}

.classServices
{

display:block;
overflow:hidden;
width:600px;
float:right;	
}

.classServices li
{
float:left;
list-style:none;
font-size:12px;
padding:5px;
line-height:35px;
display:block;
width:140px;

}
.classServices li p
{
text-decoration:underline;
}
.classServices li img
{
float:left;	
padding-right:5px;	
}


.submitBtn
{
	
background:#85879d url(btnBg.png) repeat-x left top;

border:2px solid #85879d;
vertical-align:top;
border-top:1px solid #85879d;
padding:0 5px;
margin:0;
color:#FFFFFF;
font-family:trebuchet MS;
font-weight:bold;
width:auto;
height:34px;
overflow:visible;

}


/*projets page styles*/

#mainWrap .projecstHeader
{
background:transparent url(projetsHeader.jpg) bottom left no-repeat;
width:442px;
height:177px;

}



.servicesRepeater
{
font-size:12px;
line-height:14px;
padding:5px 5px 20px;
}


.servicesRepeater h3
{
background:transparent url(webDesign.jpg) no-repeat scroll left top;
font-size:16px;
font-weight:bold;
margin-left:-10px;
padding-bottom:10px;
text-indent:-1500px;

}


.servicesRepeater h3.webRedesign
{
background:transparent url(06.jpg) no-repeat scroll left top;		
	
}
.servicesRepeater h3.graphicRedesign
{
background:transparent url(05.jpg) no-repeat scroll left top;	
	
}


.servicesRepeater h3.joomla
{
background:transparent url(04.jpg) no-repeat scroll left top;	
	
}


.servicesRepeater h3.seo
{
background:transparent url(03.jpg) no-repeat scroll left top;	
	
}


.servicesRepeater h3.flash
{
background:transparent url(02.jpg) no-repeat scroll left top;	
	
}



.servicesRepeater h3.dataBase
{
background:transparent url(01.jpg) no-repeat scroll left top;	
	
}
.boxHolder a{
        line-height:24px;
        font-family:helvetica;
        text-decoration:none;
}

.sp1
{
font-size:24px;	
font-weight:normal;
color:#333;
}
.sp2{font-size:18px;	
font-weight:bold;
color:#8d8da6;
text-transform:capitalize;}
.sp3{font-size:20px;	
font-weight:bold;
color:#666;}
.sp4{font-size:12px;	
font-weight:bold;
color:#900}
.sp5{font-size:28px;	
font-weight:bold;
color:#727487}
.sp6{font-size:16px;	
font-weight:bold;
color:#900}

.sp8{font-size:14px;	
font-style:italic;

color:#7d5228}


/*end of rojets page styles*/