/* Web Design and Web Development by Goran Beko */
/* Added: 13.07.2009 */

html, body {height: 100%;}
* {margin: 0; padding: 0;}
body {font-family:Arial, Helvetica, sans-serif;font-size: 16px;color: #000000;line-height: 150%; background-color:#D71921}

.left {float: left;}
.right {float: right;}
img.left {float: left;margin: 0 20px 0 0;}
img.right {float: right; margin: 0 0 0 20px;}
.nomargin {margin:0 !important;}

body, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; color:#000000; margin-bottom:15px}
h1 {font-size: 30px;}
h2 {font-size: 28px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

p {padding-bottom:15px}

a, a:visited {color:#ffffff; text-decoration: underline; outline: none;}
a:hover {text-decoration: none;}

/*----- easy clearing ------*/

.fix:after {clear:both; content:'[.]'; display:block; height:0; visibility:hidden;}
.fix {display:inline-block;}
.fix {display:block;}


/********************************************
   LAYOUT
********************************************/ 

#nav {height:100px; width: 900px; margin:0 auto;}
.content {padding:50px; position:relative}
#footer{float:left; clear:both}

/********************************************
   LOGO
********************************************/ 

h1.logo {display:block; float:left; height:22px; width:220px; background: url(../img/logo.png) left top no-repeat;text-indent: -2000px; padding-bottom: 70px; margin:0}
h1.logo a {display:block;height:22px; width:220px;}


/********************************************
   FOOTER ELEMENTS
********************************************/ 

p.info{background:url(../img/info.png) no-repeat left top; width:488px; height:14px; display:block; text-indent:-2000px; padding:0}
p.power{color:#ffffff;font-family:Arial, Helvetica, sans-serif;font-size:11px; padding:0}
a.mail, a.mail:visited, a.mail:hover{display:block; width:140px; height:12px; background:url(../img/mail.png) no-repeat left top; text-decoration:none; text-indent:-2000px}

/********************************************
   CONTENT ELEMENTS
********************************************/ 

h2.newWebSite {display:block; height:20px; width:360px; background: url(../img/newWebSite.png) left top no-repeat;text-indent: -2000px; margin-bottom:50px; float:left; clear:both}


/********************************************
   ARROWS
********************************************/

#arrows {position: fixed;top: 440px;left: 50px; width: 125px;height: 44px;cursor: pointer; display:none}
#arrows ul {margin: 0;padding: 0;list-style:none;}
#arrows ul li {margin: 0;padding: 0;display:inline;width: 56px;height: 44px;}
#arrows ul li a{margin-right: 5px;float: left;display: block;width: 56px;height: 44px;overflow: hidden;cursor: pointer;text-indent: -9000px;}
#arrows ul #left a {background: transparent url(../img/left.png) no-repeat;}
#arrows ul #right a{background: transparent  url(../img/right.png) no-repeat;}

/********************************************
   ADVERTISE
********************************************/

.stickerFirst{display:block;height:317px;left:380px;position:absolute;top:90px;width:323px;}
.stickerFirst div.imageHolder{background:url(../img/stickerFirst1.png) no-repeat left top;display:block;height:317px;width:323px;}

.stickerSecond{display:block;height:320px;left:630px;position:absolute;top:240px;width:311px;}
.stickerSecond div.imageHolder{background:url(../img/stickerSecond1.png) no-repeat left top;display:block;height:320px;width:311px;}


a.findOut{bottom:90px;display:block;height:40px;left:20px;position:absolute;text-indent:-2000px;width:140px;}
a.findOut2{bottom:110px;display:block;height:40px;left:30px;position:absolute;text-indent:-2000px;width:140px;}
a.mailtoAll{bottom:40px;display:block;height:20px;left:50px;position:absolute;text-indent:-2000px;width:500px; background:url(/js/blank.gif) repeat}
a.mailtoAll2{bottom:55px;display:block;height:20px;left:40px;position:absolute;text-indent:-2000px;width:220px; background:url(/js/blank.gif) repeat}

div.overlay {width:750px;height:580px;display:none; position:relative} 
div.overlay div.close {background-image:url(../img/close.png); position:absolute; right:20px; top:20px; cursor:pointer; height:40px; width:40px; } 

#overlay1{background-image:url(../img/OfficeManager.jpg)}
#overlay1 .close{background-image:url(../img/close2.png); position:absolute; right:20px; top:20px; cursor:pointer; height:40px; width:40px; }

#overlay2{background-image:url(../img/GraphicDesigner.jpg);}
#overlay2 .close{background-image:url(../img/close.png); position:absolute; right:20px; top:20px; cursor:pointer; height:40px; width:40px; }