* { padding: 0; margin: 0; }
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; background-color:#fafafb}
@font-face {
	font-family: lithospro;
	src: url('lithospro-regular.otf');
}
#ilogo {display:none}
#itext {display:none}
#itext h1{display:none}
#itext h2{display:none}
#background{display:none}

#textb {width:1000px; margin:50px 0 0 0; padding:50px 0 0 0;  clear:both}
#textc {width:1000px; padding:310px 0 0 0; }
#textc p{color:#7a7a7a; font-size:14px; line-height:20px; list-style:none; margin:15px 0 0 0}
#textc h1{color:#19a7e3; font-size:18px; font-weight:normal; line-height:40px;}
#textb h1{color:#19a7e3; font-size:40px; font-weight:normal; margin:20px 0 50px 0; text-align:center;}
#textb p{color:#7a7a7a; font-size:14px; line-height:20px; list-style:none; margin:15px 0 0 0}
#testimo {width:1000px; margin:80px 0 0 0; padding:90px 0 0 0; background-image:url(images/separator.gif); background-repeat:no-repeat; background-position:top center}
#testimo b{color:#19a7e3; font-size:260px; margin:0; padding:0; line-height:10px}
#testimo p {margin:0 0 20px 0}
#testimo p span{padding:0; margin:0; font-style:italic}
#testimo h1{color:#19a7e3; font-size:18px; font-weight:normal; line-height:40px;}
#testimo a{color:#19a7e3; text-decoration:none}
#textb a{color:#19a7e3; text-decoration:none}
.testimo {width:400px; height:230px; float:left; color:#7a7a7a; font-size:14px; line-height:18px; background-image:url(images/quote.gif); background-repeat:no-repeat; background-position:left top; margin:0 100px 50px 0; padding:80px 0 0 0}
.left {float:left; margin:10px 50px 0 0}

#wrapper {margin: 0 auto; width: 1300px;}
#header {width:1000px;}
h6 {font-family: 'Raleway', Tahoma, sans-serif;font-size:26px; font-weight:normal; color:#999; text-align:center; margin:0 100px 50px 0}
h6 a{color:#19a7e3}
#logo {margin:0 auto; width:335px; height:259px; float:left}
a#logobut {background: url(images/logo.png) no-repeat 0 0;  width:335px; height:259px; display: block; text-indent: -9999px; float:left;}
a#logobut:hover { background-position: 0 -259px;}
a#logobut:active { background-position: 0 -259px;}
.logoleft{ float:right; margin:150px 300px 0 0; }

#navigation {width: 1150px; font-family:Tahoma, Geneva, sans-serif; text-align:right; height:auto; margin:-15px 0 30px 0; font-weight:normal;}

#navigation ul li{list-style:none; display:inline; margin:0 20px 0 0}
#navigation ul li *.img {border:none; border:0}
#navigation a:link{color:#2b2c2c; font-size:17px; text-decoration:none; padding:0 10px 5px 10px}
#navigation a:visited{color:#2b2c2c; text-decoration:none}
#navigation a:hover{color:#19a7e3}
#navigation #active {color:#19a7e3; border-top:3px solid #19a7e3}
#navigation img{margin:0 -30px 0 0; border:none; border:0}

#ro{position:relative; top:35px;}
#en{position:relative; top:35px;}
#content {width:1000px; height:350px; padding:30px 0 0 0px; float:left}
.circle{ width:200px; float:left; margin:80px 0px 50px 0; text-align:center}
.circle h1{color:#444; font-size:20px; text-align:center; font-weight:normal; line-height:40px;}
.circle ul{margin:10px 0 0 0}
.circle li{color:#7a7a7a; font-size:14px; line-height:18px; list-style:none; text-align:center}


#layerslider{ font-family:lithospro, Arial, Helvetica, sans-serif; font-weight:normal; font-size:20px}
#layerslider h2{font-family:Arial, Helvetica, sans-serif; font-size:30px; color:#4f4f4f;}
#layerslider h3{font-family:Arial, Helvetica, sans-serif; font-size:18px; color:#4f4f4f;width:300px;}
#layerslider h4{font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#858585; width:300px; line-height:18px;}
#layerslider h4 a{color:#2aacd2; text-decoration:none; text-transform:uppercase}

#footerbg {width:100%; background-image:url(images/footer.gif); background-repeat:no-repeat; background-position:top center;}
#footer {width: 1100px; padding: 50px 0 10px 200px; margin:50px 0 0 0; float:left; border-top:1px solid #CCC; z-index:100; position:relative;}
#footer p {font-size:13px; color:#666}
#footer a:link{color:#0094dc; text-decoration:none}
#footer a:visited{color:#0094dc; text-decoration:none}
#footer a:hover{color:#0094dc; text-decoration:underline}
#footer img{border:none; float:left; margin:0 20px 0 0}
h3{font-size:30px; color:#666;}
h4{font-size:18px; color:#7d7d7d; font-weight:normal}
h5{font-size:14px; color:#7d7d7d; font-weight:normal}
.row {width:320px; height:70px; float:left; margin:0 50px 0 0; border-right:1px solid #d2d2d2}

#error{margin:0 auto; color:#C03; text-align:center; padding:200px 0 0 0}
#error img{border:none; margin:20px}
#error p{color:#666}
#error a{color:#09F}

#about {width:1300px; height:600px; background-image:url(images/about.jpg); background-repeat:no-repeat;}
#me {width:400px; height:877px; position:relative; left:800px; top:-170px;}


a.facebook {
	display: block; float:left; 
	width: 39px; height: 39px; 
	background-image: url(images/facebook-web-design-studio.png); 
	background-position: top; 
	text-indent: -9999px; 
}
a.facebook:hover {background-position: bottom center;}
a.facebook:active {background-position: bottom;}

a.twitter {
	display: block; float:left;
	width: 39px; height: 39px; 
	background-image: url(images/twitter-web-design-studio.png); 
	background-position: top; 
	text-indent: -9999px; 
}
a.twitter:hover {background-position: bottom center;}
a.twitter:active {background-position: bottom;}

a.contact {
	display: block; float:left;
	width: 39px; height: 39px; 
	background-image: url(images/contact-web-design-studio.png); 
	background-position: top; 
	text-indent: -9999px; 
}
a.contact:hover {background-position: bottom center;}
a.contact:active {background-position: bottom;}



/* Cirlcs*/
.hoverDot {
	-webkit-border-radius: 85px;
	-moz-border-radius: 85px;
	border-radius: 85px;
	height: 85px; width: 85px;
	background-color: #19a7e3;
	margin:0 auto;
}




/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* The New iPad (iPad 3) ----------- */
@media only screen
and (min-device-width: 1536px)
and (max-device-width: 2048px)
and (-webkit-min-device-pixel-ratio: 2) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */

}