html, body, div, p, li, ul, ol, form, fieldset, h1, h2, h3, h4, h5, h6 { 
margin : 0; 
padding : 0; 
list-style : none; 
} 
body { 
font : normal 62.8%/1.3 Georgia, 'Times New Roman', Times, serif; 
background : #006699 url('../images/bg-body.jpg') repeat-x; 
color : #585c5e; 
padding : 70px 0; 
} 
a { 
color : #003366; 
} 
a img { 
border : none; 
} 
a:hover { 
text-decoration : none !important ; 
color : #000; 
} 
a img { 
border : 0; 
} 
input select, textarea { 
font-family : Arial, lucida, sans-serif; 
font-size : 1em; 
vertical-align : middle; 
} 
input, textarea { 
background : #044979; 
padding : 2px 0; 
margin : 0; 
border : 1px solid #1776a4; 
color : #cde2f0;
}
input,text {
height:25px;

} 

button { 
    vertical-align : middle; 
    margin : 0; 
    padding : 0; 
    height : 18px; 
    border : none; 
    text-decoration : underline; 
    font-weight : bold; 
    color : #00ccff; 
    cursor : pointer; 
} 
.submit { 
    width : auto !important ; 
    overflow : visible; 
    background-color : #312b2a; 
    border : 1px solid #000 !important ; 
    padding : 0 5px; 
    color : #fff; 
    font-weight : bold; 
    cursor : pointer; 
} 
h1 { 
    font-size : 2em;
    font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;
 
}  
h2 { 
   font-size : 1.6em;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif; 
} 
h3 { 
   font-size : 1.4em;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;
 
} 
h4 { 
   font-size : 1.2em; 
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;
} 
h5 { 
   font-size : 1.1em;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif; 
} 
h6 { 
   font-size : 1em;
   font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif; 
} 
p { 
   line-height : 20px; 
} 
h1, h2, h3, h4, h5, h6 { 
   color : #024877; 
} 
table { 
   border-collapse : collapse; 
   width : 95%; 
} 
table td, table th { 
   padding : 10px; 
} 
table th { 
   text-align : left; 
} 
table td.right { 
   padding-left : 5px; 
} 
table th.right { 
   padding-left : 5px; 
} 
table td.left { 
   padding-right : 5px; 
} 
table th.left { 
   padding-right : 5px; 
} 
blockquote { 
   margin : 0; 
   padding : 10px 20px; 
   color : #333; 
   line-height : 1.6; 
   font-family : Georgia, serif; 
} 
fieldset { 
  border : 0 !important ; 
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
} 

form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

.ico { 
   padding-left : 15px; 
} 
.ico-breezy { 
   background : url('../images/ico/ico-breezy.gif') no-repeat 2px 0; 
   padding : 2px 0 1px 25px; 
} 
.ico-breezy:hover { 
   background-position : 2px -18px; 
} 
.hidden { 
   display : none; 
} 
#view { 
   width : 970px; 
   margin : 0 auto; 
}
#wrapper{ 
   width : 970px; 
   margin : 0 auto; 
} 
#error { 
   width : 770px; 
   margin : 0 auto; 
} 
#head { 
   font-size : 1.2em; 
} 
#content { 
   font-size : 1.2em; 
} 
#foot { 
   font-size : 1.2em; 
   clear : both; 
} 
#foot2 { 
   font-size : 1.2em; 
   clear : both; 
}
#foot2 table td { 
   font-size : 0.92em; 
   font-family: Georgia, 'Times New Roman', Times, serif;
   line-height:18px;
   clear : both; 
}
#foot2 table td a { 
   color:#00CCFF;
   text-decoration:none;
}

#foot2 table td a:hover { 
   color:#304861;
   text-decoration:none;
}
/*--------------Package--------------------------------------*/
.package1 {background-image: url(../images/package1.jpg);
background-repeat: no-repeat;
width: 170px;
height: 270px;
display: block;
margin:0;
padding:0;
} 
/* -- icons------------------------------------------------------------------------------------------ -- */
.icon-2 {
   background-image: url(../images/icon-2.png);
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   display: block;
   margin:0;
   padding:0;
   float:left;
}
.icon-1 {
   background-image: url(../images/icon-1.png);
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   display: block;
   margin:0;
   padding:0;
   float:left;
}
.icon-6 {
   background-image: url(../images/icon-6.png);
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   display: block;
   margin:0;
   padding:0;
   float:left;
}
.icon-3{
   background-image: url(../images/icon-3.png);
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   display: block;
   margin:0;
   padding:0;
   float:left;
}
.icon-4{
   background-image: url(../images/icon-4.png);
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   display: block;
   margin:0;
   padding:0;
   float:left;
}
.icon-5{
   background-image: url(../images/icon-5.png);
   background-repeat: no-repeat;
   width: 48px;
   height: 48px;
   display: block;
   margin:0;
   padding:0;
   float:left;
}
.icon-7{
  background-image: url(../images/icon-7.png);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.icon-8{
  background-image: url(../images/icon-8.png);
  background-repeat: no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.icon-9{
background-image: url(../images/icon-9.png);
background-repeat: no-repeat;
width: 48px;
height: 48px;
display: block;
margin:0;
padding:0;
float:left;
}

.icon-11{
background-image: url(../images/icon-11.png);
background-repeat: no-repeat;
width: 48px;
height: 48px;
display: block;
margin:0;
padding:0;
float:left;
}


.icon-13 {

background: -53px 0px url(../images/icons%20sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.icon-14 {

background: -110px 0px url(../images/icons%20sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.icon-15 {

background: -168px 0px url(../images/icons%20sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.icon-16 {

background: -224px 0px url(../images/icons%20sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.icon-17 {

background:-168px -106px url(../images/icons%20sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.icon-18 {

background:-56px -106px url(../images/icons%20sprite.png) no-repeat;
  width: 48px;
  height: 48px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
/*home portfolio slider-----------------------------------------------------------------------------------*/
#home_slider_wrap
     {
   clear:both;
   width:884px;
   height:250px;
   margin:0 auto 20px auto;
   padding:10px 42px;position:relative;
   background:url (../images/home_sli.gif) no-repeat 0 50%;
     }
 #home_slider_wrap h2
   {
   font-size:28px;
   text-align:center;
   padding:20px 0;
   }
#home_slider_wrap dl
{ float:left;
  margin:0 8px;
  padding:0;border:5px solid #b9b9b9;
  width:195px;
  background-color:#b9b9b9;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size:12px;
  font-weight:normal;
  color:#444;
  text-align:center;}
#home_slider_wrap dl{
  display:inline;
}
 #home_slider_wrap dt img
{
width:195px;
height:122px;
}
#home_slider_wrap dd
{
padding:3px 0;
}
#home_slider_wrap a
{color:#444;}
#home_slider_wrap a:hover
{color:#1a67b8;text-decoration:none;}
#home_slider_wrap dl:hover{background:#ccc;
border-color:#ccc;}

#home_slider ul,#home_slider li
{margin:0;padding:0;list-style:none;height:220px;width:884px;}
#prevBtn,#nextBtn
{display:block;width:38px;height:38px;position:absolute;left:0;top:115px;text-indent:-999em;}
#nextBtn
{left:928px;top:115px;}
#prevBtn a,#nextBtn a
{display:block;width:38px;height:38px;background-image:url(../images/home_slj.gif);background-repeat:no-repeat;background-position:0 0;display:block;}#nextBtn a{background-position:-38px 0;}


/*portfolio back images------------------------------------------------------------------------------------*/
.boxgrid{  
    width: 284px;  
    height: 150px;  
    margin:10px;  
    float:left; 
    display: inline; 
    background:#00578B;  
    overflow: hidden;  
    position: relative;  
} 
.boxgrid img {  
    position: absolute;  
    top: 0;  
    left: 0;  
    border: 0;  
}

.boxcaption {  
	display: block;
        float: left;  
        position: absolute;  
        background: #000;  
       height: 150px;
	padding: 5px 10px 0;
    width: 100%; 
 	top: 100px;
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
 }

a .boxcaption strong {
	font-size: 16px;
	font-weight: bold;
	display: block;
	color: #fff;
	margin-bottom: 1px;
}
.main-center {
	
	width: 650px;
	float: left;
}

.port {
background-image: url(../images/faceswit.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port1 {
background-image: url(../images/takingcare.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port2 {
background-image: url(../images/waybanner.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port3 {
background-image: url(../images/webdesigncut.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port4 {
background-image: url(../images/wayofpay.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port5 {
background-image: url(../images/waybanner2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port6 {
background-image: url(../images/pinnaclecard.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port7 {
background-image: url(../images/pinnacle.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port8 {
background-image: url(../images/paulasaring.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port9 {
background-image: url(../images/glcinternational.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port10 {
background-image: url(../images/webdesigncutcard.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port11 {
background-image: url(../images/dovespa.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port12 {
background-image: url(../images/hostbite.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port13 {
background-image: url(../images/ebook1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port14 {
background-image: url(../images/ebook2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port15 {
background-image: url(../images/ebook3.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port16 {
background-image: url(../images/retouch1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port17 {
background-image: url(../images/endless.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port18 {
background-image: url(../images/vintage.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port19 {
background-image: url(../images/dovespa2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port20 {
background-image: url(../images/hats.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port21 {
background-image: url(../images/motorcity.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port22 {
background-image: url(../images/lasalle.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port23 {
background-image: url(../images/ebook4.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port24 {
background-image: url(../images/ebook5.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port25 {
background-image: url(../images/ebook6.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port26 {
background-image: url(../images/ebook7.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port27 {
background-image: url(../images/ebook8.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port28 {
background-image: url(../images/ebook9.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port29 {
background-image: url(../images/ebook10.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port30 {
background-image: url(../images/ebook11.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port31 {
background-image: url(../images/ebook12.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port32 {
background-image: url(../images/ebook13.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port33 {
background-image: url(../images/ebook14.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port34 {
background-image: url(../images/ebook15.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port35 {
background-image: url(../images/ebook16.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port36 {
background-image: url(../images/ebook17.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port37 {
background-image: url(../images/ebook18.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port38 {
background-image: url(../images/game.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port39 {
background-image: url(../images/beauty1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port40 {
background-image: url(../images/beauty2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port41 {
background-image: url(../images/avsales.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port42 {
background-image: url(../images/fire.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port43 {
background-image: url(../images/school.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port44 {
background-image: url(../images/jewellery.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port45 {
background-image: url(../images/montana-t1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port46 {
background-image: url(../images/t-shirt1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port47 {
background-image: url(../images/montana-t2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}

.port48 {
background-image: url(../images/mythicallion1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port49 {
background-image: url(../images/montanacolor2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port50 {
background-image: url(../images/mythicallion2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port51 {
background-image: url(../images/montanacolor1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port52 {
background-image: url(../images/mobilebrochure.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port53 {
background-image: url(../images/cosmeticbrochure.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port54 {
background-image: url(../images/mobilebrochure2.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port55 {
background-image: url(../images/cosmeticbrochure1.png);
background-repeat: no-repeat;
width: 284px;
height: 150px;
display: block;
margin:0;
padding:0;
}
.port56 {
background: 4px -15px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port57 {
background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port58 {
background: -4px -280px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port59 {
 background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port60 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port61 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port62 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port63 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port64 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port65 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port66 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.port67 {
  background: -265px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}
.port68 {
  background: -1650px -10px url(../images/webpsdportsprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

.sprite {

background: 4px -15px url(../images/ebooksprite.png) no-repeat;
  width: 284px;
  height: 150px;
  display: block;
  margin:0;
  padding:0;
  float:left;
}

/*---------------------------------------------------------------------------------------------*/

#div img {
 float:right;
}

#breadcrumbs { 
margin-left : 15px; 
} 
.submenu a { 
color : #000000;
text-decoration:none; 
font-family : Tahoma; 
font-size : 12px; 
}
.submenu a:hover { 
text-decoration : none !important ; 
color : #003366; 
}
.applemenu { 
margin : 5px 0; 
padding : 0; 
width : 260px; 
margin-left : 10px; 
} 
.applemenu div.silverheader a { 
background-color : #003366; 
background : black url(silvergradient.gif) repeat-x center left; 
font : normal 12px  Georgia, 'Times New Roman', Times, serif;
color : white; 
display : block; 
position : relative; 
width : auto; 
padding : 5px 0; 
padding-left : 8px; 
text-decoration : none; 
} 
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active { 
color : white; 
} 
.applemenu div.selected a, .applemenu div.silverheader a:hover { 
background-color : #003366; 
background-image : url(silvergradientover.gif); 
color : white; 
} 
.applemenu div.submenu { 
padding : 5px; 
height : 300px; 
} 
#main { 
position : relative; 
padding-left : 25px; 
margin-bottom : 12px; 
} 
#main h1 { 
font-family : sans-serif; 
font-size : 2.2em; 
} 
#main h1 a { 
text-decoration : none; 
color : #fff !important ; 
} 
#main h2 { 
font-weight : normal; 
font-size : 1em; 
padding-left : 2px; 
margin-top : -3px; 
} 
#main h2, #main h2 a { 
color : #fff; 
text-decoration : none; 
} 
#head a:hover { 
text-decoration : none !important ; 
} 
#logo { 
height : 295px; 
background : #63b7dd url('../images/bg-logo.jpg') no-repeat; 
}
#logo2 { 
height : 320px; 
background : #fff url('../images/bg-logo2.jpg') no-repeat; 
} 
#contact { 
height : 320px; 
background : #fff url('../images/bg-contact us.jpg') no-repeat; 
} 
#graphic { 
height : 320px; 
background : #fff url('../images/bg-graphicdesign.jpg') no-repeat; 
}

#animation { 
height : 320px; 
background : #fff url('../images/bg-animation.jpg') no-repeat; 
}

#portfolio { 
height : 320px; 
background : #fff url('../images/bg-portfolio.jpg') no-repeat; 
} 
#companyprofile { 
height : 320px; 
background : #fff url('../images/bg-company profile.jpg') no-repeat; 
}
#terms { 
height : 320px; 
background : #fff url('../images/bg-termsandconditions.jpg') no-repeat; 
}
#smallbusiness { 
height : 320px; 
background : #fff url('../images/bg-smallbusiness.jpg') no-repeat; 
}
#brochuredesign { 
height : 320px; 
background : #fff url('../images/bg-brochuredesign.jpg') no-repeat; 
} 
#webhosting { 
height : 320px; 
background : #fff url('../images/bg-webhosting.jpg') no-repeat; 
}
#download { 
height : 320px; 
background : #fff url('../images/bg-downloads.jpg') no-repeat; 
}
#templates { 
height : 320px; 
background : #fff url('../images/bg-templates.jpg') no-repeat; 
}
#marketing { 
height : 320px; 
background : #fff url('../images/bg-internetmarketing.jpg') no-repeat; 
} 
#webdesign { 
height : 320px; 
background : #fff url('../images/bg-webdesign2.jpg') no-repeat; 
}
#photoretouching { 
height : 320px; 
background : #fff url('../images/bg-photoretouching.jpg') no-repeat; 
}
#windowshosting { 
height : 320px; 
background : #fff url('../images/bg-windowshosting.jpg') no-repeat; 
}
#maintenance { 
height : 320px; 
background : #fff url('../images/bg-websitemaintenance.jpg') no-repeat; 
}
#payment { 
height : 320px; 
background : #fff url('../images/bg-payment.jpg') no-repeat; 
}
#searchengine { 
height : 320px; 
background : #fff url('../images/bg-searchenginesubmission.jpg') no-repeat; 
}
#contentwritting { 
height : 320px; 
background : #fff url('../images/bg-contentwritting.jpg') no-repeat; 
}
#ecommerce { 
height : 320px; 
background : #fff url('../images/bg-ecommerce.jpg') no-repeat; 
}
#404 { 
height : 295px; 
background : #63b7dd url('../images/bg-404.jpg') no-repeat; 
}

#tagline { 
font-size : 0.92em; 
font-family: Georgia, 'Times New Roman', Times, serif;
color:#00CCFF;
  }
#logotext { 
color:#fff ;
font-size: 2em;
 line-height:24px; 
 font-family: 'Georgia, 'Times New Roman', Times, serif;
} 
#logo * { 
color :#fff; 
text-decoration : none !important ;
 
}
#logo #bannerheader     { font-weight: normal;
 font-size: 3.7em; 
 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;
 color: #FFFFFF; 
 margin: 0 0 0 20px;/*50px 0 0 20px;*/
padding: 10px 0 0 0; 
} 
#bannerheader     { font-weight: normal;
 font-size: 3.7em; 
 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;
 color: #FFFFFF; 
 margin: 0 0 0 20px;/*50px 0 0 20px;*/
padding: 10px 0 0 0; 
} 
#bannerheader2     { font-weight: normal;
 font-size: 3.7em; 
 font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-Serif;
 color: #0F2031; 
 margin: 0 0 0 20px;/*50px 0 0 20px;*/
padding: 50px 0 0 0; 
}  
#logo h2 { 
font-weight : normal; 
font-size : 1.3em; 
color : #fff; 
margin : 100px 0 0 70px; 
} 
#logo .block { 
position : absolute; 
top : -12px; 
left : 131px; 
display : block; 
width : 100%; 
height : 100%; 
text-decoration : none; 
}
/* -- ie6 warning message-- */ 
h3#ie6-hell{
    height: 320px;
    padding: 50px 0 0 260px;
	background: url(../img/promo/lissyie6.png) no-repeat left 25px;
	font-size: 23px;
	font-weight: bold;
}

/* -- twitter-- */ 
#twitter {
position:absolute;
left:400px;
top:800px;

width:128px;
height:128px;
background:('../images/twitter.png') no-repeat; 
}
/* -- Main classes -- */ 
.fr {
padding-top:8px;  
float : right !important ; 
font-size : 11px; 
} 
.fl {
padding-top:8px;   
float : left !important ; 
font-size : 11px; 
} 
.clear { 
clear : both !important ; 
} 
.right { 
text-align : right !important ; 
} 
.left { 
text-align : left !important ; 
} 
.center { 
text-align : center !important ; 
} 
.last { 
margin-right : 0 !important ; 
margin-bottom : 0 !important ; 
border-bottom : none !important ; 
} 
.small { 
font-size : 0.9em; 
} 
.big { 
font-size : 1.5em; 
} 
.item { 
margin-bottom : 1.5em; 
clear : both; 
} 
.info { 
font-size : 0.95em; 
margin : 2px 0 6px !important ; 
color : #148d04; 
} 
.img { 
padding : 3px; 
border : 1px solid #dff1f9; 
float : left; 
} 
.img img { 
padding : 0; 
border : none !important ; 
} 
.self { 
padding-left : 10px; 
float : left; 
margin-top : -4px; 
} 
.date { 
font-weight : bold; 
color : #066bb6; 
} 
.perex { 
margin-bottom : 0 !important ; 
} 
.col1 { 
width : 49%; 
float : left; 
margin-left : 10px!important ; 
} 
.col2 { 
width : 49%; 
float : right; 
} 
.col2 * { 
padding-left : 0 !important ; 
} 
img.left { 
margin-left : 0 !important ; 
}
img.logo{
marging-bottom:5px;
} 
img.right { 
margin-right : 0 !important ; 
}
.banner{ font-weight: normal;
 font-size: 1.3em;
 line-height:24px; 
 font-family: 'Georgia, 'Times New Roman', Times, serif;
 font-style:italic;  
 color: #fff; 
 margin: 6px 0 0 20px; } 
.banner2{ font-weight: normal;
 font-size: 1.3em;
 line-height:24px; 
 font-family: 'Georgia, 'Times New Roman', Times, serif;
 font-style:italic;  
 color: #0F2031; 
 margin: 6px 0 0 20px; }   
.blue-box-hd-sub{ color:#666666;}
#logo { 
position : relative; 
width : 100%; 
height : 295px; 
overflow : hidden; 
background : #398db9 url('../images/bg-logo.jpg') no-repeat 0 0; 
} 
#mainMenu { 
height : 43px; 
padding : 0 12px; 
background : #0f2132 url('../images/bg-menu.gif') no-repeat; 
} 
#content { 
width : 100%; 
height : 100%; 
background-color : #fff;
float : left; 
} 
#foot { 
background : #0f2132 url(../images/bg-foot.gif) no-repeat scroll 0 0; 
height : 80px; 
width : 970px; 
} 
#foot2 {-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#0F2132 url(../images/bg-foot4.gif)
no-repeat scroll 0 0;
height:270px;
width: 970px;
}
#foot2 td { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#00CCFF;}
#f { 
background : #0f2132 url(../images/bg-foot.gif) no-repeat scroll 0 0; 
height : 80px; 
width : 970px; 
margin : 5px; 
} 
#mainMenu ul { 
position : relative; 
height : 100%; 
} 
#mainMenu li { 
position : relative; 
float : left; 
} 
#mainMenu li a { 
display : block; 
width : 101px; 
height : 27px; 
padding-top : 16px; 
float : left; 
font-size : 0.9em; 
color : #fff; 
text-decoration : none; 
text-align : center; 
background : url('../images/bg-menu_item.gif') no-repeat 0 0; 
font-family : Arial, Helvetica, sans-serif; 
font-size : 11px; 
} 
#mainMenu li.active a, #mainMenu li a:hover { 
background-color : #0a1520; 
background-position : 0 -43px; 
text-decoration : underline; 
} 
#search { 
position : absolute; 
right : 12px; 
top : 10px; 
width : 30%; 
text-align : right; 
} 
#search .button { 
width : 166px !important ; 
height : 17px; 
border : none; 
background : url('../images/bg-input.gif'); 
padding : 3px 12px; 
} 
#search .submit { 
width : 22px !important ; 
height : 23px; 
background : url('../images/bg-submit.gif') no-repeat; 
border : none !important ; 
padding : 0; 
margin-left : 5px; 
}
#sidebar {
 width:360px;
 float:right;
} 
#menuBlock { 
width : 280px; 
height : 820px; 
float : right; 
background-image : url('../images/sidebar-bg.jpg'); 
background-repeat : no-repeat; 
margin-right : 10px; 
margin-top : 10px; 
margin-bottom : 10px; 
float : right; 
} 
#portfolio .sidebar2 { height: 540px;
background-image : url('../images/sidebar2-bg.jpg');
background-repeat : no-repeat;  }
#menuBlock .box { 
margin-bottom : 20px; 
padding : 0 10px 0 20px; 
overflow : hidden; 
clear : both; 
} 
#menuBlock .firstBox { 
padding-top : 25px; 
background : url('') no-repeat 0 0; 
} 
#menuBlock .box h3 { 
margin-bottom : 15px; 
padding-left : 20px; 
color : #148d04; 
font-weight : normal; 
background : url('../images/bg-heading.gif') no-repeat 2px 45%; 
} 
#menuBlock .boxText p, #menuBlock .boxText a { 
color : #666666; 
} 
#menuBlock .subMenu ul { 
padding-left : 20px; 
} 
#menuBlock .subMenu ul li { 
margin : 9px 0; 
} 
#menuBlock .subMenu li a { 
padding : 0 5px 0 20px; 
color : #064e81; 
overflow : hidden; 
background : url('../images/bg-submenu_item1.gif') no-repeat 0 60%; 
} 
#menuBlock .subMenu li a:hover, #menuBlock .subMenu li.active a { 
color : #022a47; 
background : url('../images/bg-submenu_item2.gif') no-repeat 0 60%; 
} 
#content > #contentBlock { 
margin-bottom : 0; 
} 
#contentBlock { 
position : relative; 
left : 1px; 
float : left; 
width : 650px; 
min-height : 550px; 
margin-bottom : -20px; 
padding : 20px 0; 
background : url('') no-repeat 100% 100%; 
} 
#contentBlock img { 
margin : 3px; 
} 
#contentBlock table tr.add td, #contentBlock table tr.add th { 
background : url('') repeat-x; 
} 
#contentBlock .item { 
position : relative; 
left : -1px; 
padding : 0 15px 0 25px; 
} 
#contentBlock .item h2, #contentBlock .item h3, #contentBlock .item h4, #contentBlock .item p { 
font-weight : normal; 
} 
#contentBlock .itemOdd { 
position : relative; 
left : -11px; 
background : url('') repeat-y; 
width : 650px; 
padding-right : 0; 
} 
#contentBlock .itemEven { 
padding-right : 0; 
} 
#contentBlock .mainItem { 
padding-right : 0; 
} 
#contentBlock .mainItem .perex { 
color : #014679; 
width : 452px; 
padding : 25px; 
margin-left : -25px; 
margin-bottom : 2em !important ; 
border-bottom : 1px solid #dff1f9; 
background-color : #ecf8ff; 
} 
#contentBlock p, #contentBlock ul, #contentBlock ol, #contentBlock table, #menuBlock .boxText p, #menuBlock .boxText ul, #menuBlock .boxText ol, #menuBlock .boxText table { 
margin-bottom : 2em; 
} 
#contentBlock ul, #contentBlock ol, #menuBlock .boxText ul, #menuBlock .boxText ol { 
padding-left : 10px; 
} 
#contentBlock ol, #menuBlock .boxText ol { 
padding-left : 17px; 
} 
#contentBlock ul *, #contentBlock ol *, #menuBlock .boxText ul *, #menuBlock .boxText ol * { 
margin-bottom : 0 !important ; 
} 
#contentBlock ul li, #menuBlock .boxText ul li { 
margin : 3px 0; 
list-style : none; 
} 
#contentBlock ol li, #menuBlock .boxText ol li { 
margin : 3px 0 3px 10px; 
padding : 0; 
list-style : decimal; 
} 
#foot p { 
padding : 18px 18px 0; 
} 
#foot * { 
color : #33ccff; 
text-decoration : none; 
} 
#foot a:hover { 
color : #ffffff; 
} 
.menu { 
width : 970px; 
height : 37px; 
position : relative; 
margin : 0; 
font-size : 11px; 
margin : 0 0 0 0; 
position : relative; 
z-index : 100; 
height : 43px; 
padding : 0 12px; 
background : url('../images/bg-menu.gif'); 
background-repeat : no-repeat; 
} 
.menu ul { 
padding : 0 0 0 7px; 
margin : 0; 
list-style-type : none; 
} 
.menu ul li { 
float : left; 
text-align : center; 
} 
.menu ul li a, .menu ul li a:visited { 
display : block; 
text-decoration : none; 
padding : 0 7px; 
height : 37px; 
line-height : 37px; 
color : #fff; 
font : bold 12px/37px Trebuchet MS, Arial, Georgia, "Times New Roman", Times, serif; 
font-style : normal; 
} 
.menu table { 
border-collapse : collapse; 
margin : 0; 
padding : 0; 
font-size : 1em; 
} 
.menu ul li ul { 
visibility : hidden; 
position : absolute; 
top : 37px; 
left : 0; 
} 
.menu ul li.active a { 
color : #0099cc; 
font-style : normal; 
}
 body #active #view #main .menu-left.menu ul li a:active {
 color : #0099cc; 
 font-style : normal; 
}
.menu ul li:hover a, .menu ul li a:hover { 
color : #0099cc; 
background : url(menu-hov.gif) no-repeat center bottom; 
} 
.menu ul li:hover ul, .menu ul li a:hover ul { 
visibility : visible; 
width : 960px; 
background : #aeb6b8; 
color : #fff; 
} 
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul { 
visibility : hidden; 
position : absolute; 
left : 0; 
top : 30px; 
} 
.menu ul li:hover ul li a, .menu ul li a:hover ul li a { 
display : block; 
height : 25px; 
line-height : 25px; 
font-size : 12px; 
font-style : normal; 
color : #fff; 
background : none; 
} 
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { 
background : none; 
color : #10365d; 
} 
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul { 
visibility : visible; 
color : #000; 
background : #dfc184; 
} 
.menu ul li:hover ul.right li { 
float : right; 
} 
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a { 
background : #dfc184; 
color : #000; 
} 
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover { 
background : #bd8d5e; 
color : #fff; 
} 
.style1 { 
color : #0099cc; 
}

/* -- curvy corners-- */

.myBox {
    margin: 0.5in auto;
    color: #fff;
    width: 100%;
    padding: 4px;
    text-align: left;
    background-color: #FFFFFF;
    border: 1px solid #0099FF;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
/* -- rate chart -- */
.yes {width: 32px;height: 32px;background-image:url(../images/yes.gif); background-repeat:no-repeat;}
.no {width: 32px;height: 32px; background-image:url(../images/no.gif); background-repeat:no-repeat;}

/* QUICK FIX * icons/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }
.clearfix { display:block; }
.topbg { padding-top: 15px; background: #fff url(/images/page_bg.png) top left repeat-x; }
/* COLUMNS */
.columns { padding: 20px 0; }

.col3_left, .col3_mid { float: left; }
.col3_right { float: right; }
.col3_left, .col3_mid, .col3_right { width:300px; }
.col3_mid { margin-left: 40px; }

.columns { padding: 20px 0; }
.columns .col2_left, .columns .col2_right  { padding-bottom: 25px; }
.col2_left { float: left; width: 48%; }
.col2_right { float: right; width: 48%; }

/* ICONS & TEXT */
.i { float: left; width: 48px; height: 48px; }
.t { float: right; width: 240px; }

/* extra body css***********************************************************************************************/
<style type="text/css">
/*<![CDATA[*/
.myBox {
    margin: 0.5in auto;
    color: #fff;
    width: 100%;
    padding: 4px;
    text-align: left;
    background-color: #FFFFFF;
    border: 1px solid #0099FF;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
.myBox2 {
  margin: 0.5in auto;
border: 0px solid #fff;
color:#000;
width: 100%;

padding: 10px;
text-align: left;
background-color: #33F;
border: 1px solid #000;

background-image: url(images/backrepeat.jpg);
background-repeat: repeat-x;

-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
/*]]>*/
/* QUICK FIX */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;  }
.clearfix { display:inline-block; }
.clearfix { display:block; }
.topbg { padding-top: 15px; background: #fff url(/images/page_bg.png) top left repeat-x; }
/* COLUMNS */
.columns { padding: 20px 0; }

.col3_left, .col3_mid { float: left; }
.col3_right { float: right; }
.col3_left, .col3_mid, .col3_right { width:300px; }
.col3_mid { margin-left: 40px; }

.columns { padding: 20px 0; }
.columns .col2_left, .columns .col2_right  { padding-bottom: 25px; }
.col2_left { float: left; width: 48%; }
.col2_right { float: right; width: 48%; }

/* ICONS &lt; TEXT */
.i { float: left; width: 48px; height: 48px; }
.t { float: right; width: 240px; }
</style>

<style type="text/css">
/*<![CDATA[*/
 img.c16 {border:0}
 span.c15 {padding-left:6px; padding-right:6px;}
 textarea.c14 {border:1px solid #02aaf5; width:130px; background-color:#003366;}
 select.c13 {border:1px solid #02aaf5; text-align:center; width:133px; background-color:#003366;}
 input.c12 {text-align:center;background-color:#003366; border:1px solid #02aaf5;}
 input.c11 {text-align:center; background-color:#003366; border:1px solid #02aaf5;}
 div.c10 {text-align: center}
 marquee.c9 {color:#ffffff; font-family:Arial, Helvetica, sans-serif; font-size:-1;background-color:#31608F;allign:center;}
 div.c8 {width:650px;  background-image:url(images/bag-content.gif); background-repeat:no-repeat;color : #585c5e; }
 div.c7 {width:650px;}
 img.c6 {float:left; margin-bottom:10px;}
 div.c5 {padding-bottom:60px; padding-right:30px;}
 p.c4 { float:right;}
 a.c3 {color:#FFFFFF; text-decoration:none;}
 span.c2 {color:#FFFFFF;}
 a.c1 {color:#FFFFFF; text-decoration:none;font-family:arial;font-size:11px;}
/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
 p.c4 {color: #FFFFFF; padding-right:10px;><a href=}
 p.c3 {color: #FFFFFF; padding-left:10px; }}
 span.c2 {padding-left:4px;padding-right:4px;}
 a.c1 {color:#FFFFFF;}
/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
 div.c1 {width:650px;}
/*]]>*/
</style>