﻿
p
{
 line-height:140%;   
}

form
{
margin-top:0px;
padding-top:0px;
}

.main
{
font-family:Verdana;
font-size:10pt;
color:#003366;
line-height:145%;
}
body
{
font-family:Verdana;
font-size:10pt;
color:#003366;
margin:0px;
background-image:url('images/bg.jpg');
    text-align: left;
}

div
{
font-family:Verdana;
font-size:10pt;
color:#003366;
}
.technologies
{
font-size:7pt;
color:#000000;
margin-bottom:10px;

}
a
{
    color: #0000FF;
    text-decoration: none;
}
a:hover
{
    border-width: 1px;
    border-color: #000080;
    color: #000066;
    border-bottom-style: dashed;
}
h1
{
font-size:22px;
font-weight:normal;
text-align: center;
color:#000000;
padding-top:0px;
padding-top:5px;
}

h1 a
{
    color: #000000;
}

#logo
{
 margin-top:-10px;   
}

ul
{
 list-style:none;
 margin:0px;
 border-width:0px;
 padding:0px; 

}
li
{
margin:0px;
margin-top:0px;
margin-bottom:-5px;
border-width:0px;
padding:0px; 
}
img
{
margin:0px;
}

.portfolioImage
{
margin:0px;
margin-top:5px;
border: solid 1px #000000;
}

.portfoliotitle
{
margin-top:15px;
margin-bottom:5px;
color:#000000;
font-weight:bold;
}

.portfoliocontent
{
margin-top:15px;
margin-bottom:5px;
font-size:9pt;
line-height:125%;
}
.newslinks
{
    font-weight: normal;
    font-size: 9px;
    color:#000000;
}
.top
{
    position: absolute;
    left: 0px;
    width: 100%;
    color: #FFFFFF;
    font-size: 8pt;
    height: 15px;
    padding: 6px;
    padding-left:0px;
    /*background-color: #1AA5D2;*/
    background-image:url(images/topbarBG.jpg);
    font-weight: bold;
    margin: 0px;
    border-bottom:solid 1px #000000;
    border-top:solid 1px #000000

}
.top a
{
color:#FFFFFF;
}

#footerlinks
{
margin-top:150px;width:450px; height: 17px;text-align:center;clear:both
}

#footercontact
{
font-weight:normal;text-align:center;margin-left:20px;padding-top:20px;width:750px;color:#000000;font-size:8pt;width:400px;
}

#ulTestimonials
{
 float:left;margin-left:14px;width:20%;padding:15px;margin-top:25px;
 background-image:url(images/semitrans.png); height:1300px;

 
}

.contactformouterdiv
{
    border: 1px solid #999999;
    background-image:url('images/contact-bg.jpg');
    padding-left:20px;width:200px;margin-left:10px;
}

#contactforminnerdiv
{
 font-size:8pt;color:#000000;margin-left:0px;font-weight:bold;padding-bottom:10px;   
}

#projecttitle
{
 font-family:Verdana;
 font-size:14pt;  
 text-align:center;
 width:600px; 
 color:#000000;
    
}

.leftnav1
{
    float: left;
    padding-bottom: 1px;
    vertical-align: middle;
    width: 220px;
    padding-top: 3px;
    padding-left: 15px;
    background-image:url(images/navBG.png);
    text-align:center;
    height:30px;
    clear:both; 
    background-repeat:no-repeat;
    color:#000000;
}

.leftnav2
{
    float: left;
    padding-bottom: 1px;
    vertical-align: middle;
    width: 220px;
    padding-top: 3px;
    padding-left: 15px;
    background-image:url(images/navBG.png);
    text-align:center;
    height:30px;
    clear:both; 
    background-repeat:no-repeat;
    color:#000000;

}
.leftnav3
{
    float: left;
    padding-bottom: 1px;
    vertical-align: middle;
    width: 220px;
    padding-top: 3px;
    padding-left: 15px;
    background-image:url(images/navBG.png);
    text-align:center;
    height:30px;
    clear:both; 
    background-repeat:no-repeat;
    color:#000000;
}
.leftnav4
{
    float: left;
    padding-bottom: 1px;
    vertical-align: middle;
    width: 220px;
    padding-top: 3px;
    padding-left: 15px;
    background-image:url(images/navBG.png);
    text-align:center;
    height:30px;
    clear:both; 
    background-repeat:no-repeat;
    color:#000000;
}
.leftnav5
{
    float: left;
    padding-bottom: 1px;
    vertical-align: middle;
    width: 220px;
    padding-top: 3px;
    padding-left: 15px;
    background-image:url(images/navBG.png);
    text-align:center;
    height:30px;
    clear:both; 
    background-repeat:no-repeat;
    color:#000000;
}


.leftnav: hover
{
    background-color: #CEE1DD;
}

.leftnav1 a
{
color:#000000;
font-weight:bold;
margin-top:5px;
}
.leftnav2 a
{
color:#000000;
font-weight:bold;
margin-top:5px;
}
.leftnav3 a
{
color:#000000;
font-weight:bold;
margin-top:5px;
}
.leftnav4 a
{
color:#000000;
font-weight:bold;
margin-top:5px;
}
.leftnav5 a
{
color:#000000;
font-weight:bold;
margin-top:5px;
}



.leftnavul
{
 float:left;  
 margin-left:10px;
 padding-top:35px;
 background-image:url(images/semitrans.png);
 margin-top:25px;
 height:1300px;

}

.leftnavul li
{
margin-top:23px;
}



#puzzletag
{
  font-size:8pt;padding:3px;padding-top:10px;
}

#puzzletagli
{
 text-align:center;color:black;width:235px;height:150px;margin-top:0px;padding:3px;padding-top:0px;
 background-image: url('images/cellbg.png'); background-repeat: no-repeat;clear:both;   
}

.btnContact
{
    border: 1px solid #000000; background-color: #FFFFFF; padding:3px;
}

#details
{
 width: 146px; height: 169px;   
}

#w3c
{
border: none 0px;
background-image:url("http://www.w3.org/Icons/valid-xhtml10-blue");
width:88px;height:31px;
float:left;
}

#w3c a
{
width: 100%;
height:100%;
}

#w3ccss
{
width:88px;height:31px;
border: none 0px;
background-image:url("http://jigsaw.w3.org/css-validator/images/vcss");
}

.body1 div
{
  line-height:125%; 
  margin-top:0px;  
}

#cube
{
  margin-left:40px;   
}

#slider
{
 width:450px;   
 height:350px;
}

.icons
{
    text-align:center;
    margin-top:-65px;
}

.icons img
{
 padding:1px;   
}

#top
{
 padding-left: 5pt; text-align: left;padding-top:25px;color:#FFFFFF;   
}

#projectsinfocus
{
   padding:5px;width:100%;vertical-align:middle;color:#000000;text-align:center;font-weight:bold;height:5px; background-image:url(screenshots/slider/headerBG.png);   
}

#maincolumn
{
  float:left;width:450px;height:320px;padding-top:25px   
}

#maindiv
{
    width: 450px;
    padding: 7px;
    padding-right: 7px;
    background-color: #ffffff;
    height:1350px;

}

#left-top
{
 height:20px;
 width:225px;
 background-image:url(images/left-top.png);   
}

.portfolioitem
{
    border: solid 5px #000000;
    width:200px;height:200px;background-color:#ffffff;
    display:block;position:absolute;top:10px;left:200px;
}

#maindiv div 
{
 text-align:left;padding:10px;line-height:150%;
}

#ulTestimonials li div p
{
color:#000000;padding:0px;font-size:8pt;text-align:left;
}

#h1footer
{
    font-size: 8pt;
    color: #808080;
}
#projectslider
{

 text-align:center;
 margin-top:50px;
 padding-top:50px;
 height:275px; vertical-align:top; margin-top:0px;
 border:none;
 width:400px;
 margin-top:20px;
 }



#projectslider img
{
    margin-left: 0px;
    margin-top: 0px;
    border: 3px solid #E6E6E6;
    margin-top: -50px;
    margin-left: -30px;
}

#portfolioitem
{
 width:200px;height:200px;
}

#abc
{
 display:none;position:absolute;top:50px;
 vertical-align:top;width:620px;
 background-image:url('images/mediabg.jpg');
}

#abc img
{
  border:solid 1px #000000;
  vertical-align:top;
   
}

#abc div
{
 background-color:Transparent;   
}

#bg
{
  background-image:url('images/fadebg.png');
  position:absolute; left:0px;top:0px; 
  width:100%;height:100%;
  display:none;
}

.mediaDisplay
{
text-align:center;
margin-bottom:0px;margin-top:-100px;display:block;
background-color:Transparent;
}

.mediaDisplay img
{
border:solid 0px #000000;
}
.mediaDisplay a
{
text-decoration:none;
}

#container
{
 vertical-align:top;

}

.navStrip
{
  float:left;width:250px;height:20px;
  border:none; background-repeat:repeat-x;
  background-image:url('images/stripbg.png');
  width:600px;margin-top:-150px;
   
}

.navStrip a
{
 margin:4px;   
}
.navStrip img
{
  border:none 0px;
  padding-right:5px;   
}

#next
{
    border:none;
}

.mediabinfo
{
    margin-bottom:20px;
    margin-top:-10px;
}

#clientsinfocus
{
  float:left;margin-right:-50px;color:#000000;text-align:center;padding:0px;margin:0px;padding:10px;   
}

#inset1
{
    float:left;width:30%;border:dashed 1px;margin:10px;padding:5px;color:#FFFFFF; font-size:8pt;line-height:140%; background-color: #C0C0C0;   
}

#top
{
    
}