/* global styles */
*
{
  margin            : 0px;
  padding           : 0px;
}
li
{
  list-style        : none;
}
a
{
  text-decoration   : none;
}
img
{
  border            : 0px;
}

body{
  background        : url(../images/hdrrepeat.jpg) left top repeat-x;
/* background:url(../img/site-bg.jpg) left top repeat-x; */
}
.container
{
  width             : 100%;
  height            : 100%;
  margin            : auto;
}

.hdr-container
{
  height            : 139px;
  /*background        : url(../images/hdrrepeat.jpg) left top repeat-x;   */
}

.hdr-div
{
  margin            : auto;
  width             : 900px;
 /* background        : url(../images/hdrrepeat.jpg) left top repeat-x;         */
/*  border: 1px solid red;  */
}

.logo
{
  width             : 243px;
  height            : 89px;
  float             : left;
  margin            : 50px 0 0 3px;
  position          : relative;
/*   border: 1px solid red;  */
}
.hdr-rght
{
  width             : 650px;
  height            : 139px;
  float             : left;
  position          : relative;
/*   border: 1px solid red;    */
}
.pencil
{
  width             : 214px;
  height            : 139px;
  float             : left;
  background        : url(../images/pencil.jpg) left top no-repeat;
 /*  border: 1px solid red; */
}

.hd-menu
{
  background        : url(../img/portfolio-hdrrepeate.jpg) left top repeat-x;
  width             : 436px;
  height            : 139px;	
  float             : right;
/*   border: 1px solid red;   */
}
.hd-menu ul
{
  margin            : 0;
  padding           : 0;
}
.hd-menu li
{
  float             : right;
  text-transform    : uppercase;
  
  margin			: 75px 0 0 0;
  padding			: 0 5px 0 5px;
}
.hd-menu li a
{
  display           : block;
  padding           : 3px 6px 3px 4px;
  font              : 10px Arial;
  color             : #295f73;
}
.hd-menu li a:hover
{
 background         : #3880a1;
 color              : #ffffff;
}
.hd-menu li#home a
{
  background        : #3880a1;
  color             : #ffffff;
}
#hom
{
  color             : #ffffff;
}
/*  */
.mid-container
{
  width             : 900px;
  margin            : auto;
}
.midpart
{
  width             : 900px;
  height            : 648px;
}

/* flash-part */
.flash
{
  width             : 900px;
  height            : 252px;
  background        : url(../images/banner.jpg) left top no-repeat;
}
/* text-part */
.txt
{
  width             : 900px;
  height            : 253px;
}
.need
{
  width             : 900px;
  height            : 56px;
  background        : url(../images/need-title.jpg) left top no-repeat;
}
.we
{
  width             : 900px;
  height            : 53px;
  background        : url(../images/we-title.jpg) left top no-repeat;
}
.desc
{
  width             : 900px;
  height            : 144px;
}
.txt-desc
{
  width             : 560px;
  height            : 144px;
  float             : left;
  text-align        : left;
  font              : 12px Arial;
  color             : #666666;
  line-height       : 17px;
}
.thnk
{
  width             : 340px;
  height            : 144px;
  float             : left;
  background        : url(../images/thnk-design.jpg) 20px top no-repeat;
}
/* gallery-part */
.galery-bg
{
  width             : 900px;
  height            : 150px;
  background        : url(../images/blue-bg.jpg) left top no-repeat;
  /*border: 1px #CC0000 solid;*/
}



/*  */
.footer-container
{

  background        : url(../images/btm-rpt.jpg) left top repeat-x;
  height            : 234px;
}

/* bottom-menu-part */
.btm-mnu-bg
{
  height            : 148px;
  background        : url(../images/btm-mnu-bg2.jpg) left top repeat-x;
}
.btm-mnu
{
  width             : 900px;
  height            : 148px;
  background        : url(../images/btm-mnu-bg.jpg) left top no-repeat;
}

.btm-mnu1
{
  width             : 170px;
  height            : 148px;
  float             : left;
}
.btm-mnu2
{
  width             : 189px;
  height            : 148px;
  float             : left;
}
.btm-mnu3
{
  width             : 220px;
  height            : 148px;
  float             : left;
}
.btm-mnu4
{
  width             : 162px;
  height            : 148px;
  float             : left;
}
.btm-mnu5
{
  width             : 159px;
  height            : 148px;
  float             : left;
}

.btm-mnu ul
{
  width             : 143px;
  height            : 102px;
  margin            : 15px 0 0 15px;
}
.btm-mnu li
{
  margin            : 3px 0 0 0;
  padding           : 0 0 0 0px;

}
.btm-mnu li a
{
  font              : 12px Arial;
  color             : #324215;
}
.btm-mnu li a:hover
{
  color             : #ffffff;
}


/*****************************************/

/* footer-part */

.foot-bg
{
  height            : 86px;
  background        : url(../images/foot-rpt.jpg) left top repeat-x;
}
.foot-mnu
{
  width             : 300px;
  height            : 37px;
}
.foot-mnu ul
{
  margin            : 0px 0 0 0px;
}
.foot-mnu li
{
  float             : left;
  background        : url(../images/ft-mnu-img.jpg) left 8px no-repeat;
  text-transform    : uppercase;
  margin            : 20px 0 0 5px;
  padding           : 0 0 0 5px;
}
.foot-mnu li a
{
  font              : 10px Arial;
  color             : #374E0E;
}
.foot-mnu li a:hover
{
  text-decoration   : underline;
}
#bckgrnd
{
  background: none;
}
.foot-mnu2
{
  width             : 500px;
  height            : 46px;
}
.foot-mnu2 ul
{
  margin            : 0px 0 0 10px;
  padding           : 10px 0 0 0;
}
.foot-mnu2 li
{
  float             : left;
  background        : url(../images/ft-mnu-li-bg.jpg) left 8px no-repeat;
  margin            : 0px 0 0 5px;
  padding           : 0 5px 0 10px;
  font              : 11px Arial;
  color             : #455B20;
}
.foot-mnu2 li a
{
  font              : 11px Arial;
  color             : #455B20;
}
.foot-mnu2 li a:hover
{
  text-decoration   : underline;
}
/*****************************************/
/******portfolio-starts**********/

.body-part
{
  margin            : auto;
  float             : left;
  width             : 900px;
  background        : url(../images/portfolio-bodyrept.jpg) left center repeat-y;
}

.portfolio-yellopart
{
  width             : 900px;
  height            : 88px;
}

.color-line
{
  float             : left;
  background        : url(../images/portfolio-yellow.jpg) left top no-repeat;
  width             : 666px;
  height            : 87px;
}

.portfolio-innovativedesign
{
  width             : 900px;
  float             : left;
  height            : 98px;
}

.porfolio-baner-port
{
  width             : 661px;
  height            : 70px;
  margin-top        : 25px;
}
.porfolio-baner-port1
{
  width             : 661px;
  height            : 35px;
/*  border            : 1px solid red;   */
}
.porfolio-baner-port ul1
{
  margin            : 25px 0 0 0;
}
.porfolio-baner-port1 li
{
  float             : left;
  background        : url(../images/port-gal-head1-bg.jpg) left top no-repeat;
  margin            : 0px 10px 0 0px;
  padding           : 0 50px 0 30px;
}
.portfolio-gal1
{
  float             : left;
  width             : 149px;
  height            : 129px;
  margin            : 10px 0 0 10px;

  border            : 1px solid #E0DED9;
  background-color  : #F9F8F7;
}
.gal2
{
  float             : left;
  width             : 149px;
  height            : 100px;
  text-align        : center;
  border-bottom     : 1px solid #E0DED9;
  background-color  : #ffffff;
}
.port-website
{
  margin            : 0 0 0 10px;
  font              : 35px "Myriad Pro";
  color             : #ff004e;
}
.foto
{
  margin-top        : 9px;
}
.gal2-txt
{
  float             : left;
  width             : 149px;
  height            : 29px;
  text-align        : center;
  font              : 12px arial;
  color             : #444444;
}
.gal2-txt p
{
  font              : 12px arial;
  color             : #444444;
  margin            : 8px 0 0 0;
}
/* for port-footer */
.footer-container1
{

  background        : url(../images/btm-rpt.jpg) left top repeat-x;
  height            : 234px;
  float             : left;
  width             : 100%;
}
a#bg
{
  display           : block;
  width             : 149px;
  height            : 100px;
  background-image  : url(images/web-school.jpg);
  margin            : 0 auto;
}
a#bg:hover
{
  background-color  : #E0DED9;
}
/* services */

.color-line-serv
{
  float             : left;
  background        : url(../images/services-pink.jpg) left top no-repeat;
  width             : 666px;
  height            : 87px;
}
.serv-innovativedesign
{
  width             : 900px;
  float             : left;
  height            : 134px;
}
.serv-text p
{
  font              : 12px Arial;
  color             : #666666;
  line-height       : 17px;
  text-align        : left;
  margin            : 0 0 0 20px;
}
.top a
{
  font              : 12px Arial;
  color             : #666666;
  text-decoration   : none;
}


.serv-baner
{
  width             : 661px;
  height            : 90px;
  margin-top        : 35px;
}
.serv-baner1
{
  width             : 661px;
  height            : 35px;
}
.serv-baner1 ul
{
  margin            : 0px 0 0 0;
}
.serv-baner1 li
{
  float             : left;
  background        : url(../images/port-gal-head1-bg.jpg) left center no-repeat;
  margin            : 0px 0px 0 0px;
  padding           : 0 20px 0 20px;
}
.servn-list1
{
  float             : left;
  width             : 220px;
  height            : 70px;
/*  border            : 1px solid red; */
}
.servn-list1  li
{
  font              : 12px arial;
  color             : #ec2461;
  margin            : 3px 0 0 20px;
  padding           : 0px 0 0 15px;
  background        : url(../images/serv-list-star.gif) left center no-repeat;
}
.serv-seo-list1
{
  float             : left;
  width             : 320px;
  height            : 100px;
/*  border            : 1px solid red; */
}
.serv-seo-list1  li
{
  font              : 12px arial;
  color             : #ec2461;
  margin            : 3px 0 0 20px;
  padding           : 0px 0 0 15px;
  background        : url(../images/serv-list-star.gif) left center no-repeat;
}

.serv-list-title
{
  width             : 667px;
  height            : 46px;
  border            : 1px solid white;
}
.serv-list-title h1
{
  font              : bold 12px arial;
  color             : #057598;
  margin            : 30px 0 0 20px;
}
.serv-list
{
  width             : 647px;
  height            : 271px;
  margin-left       : 20px;
}
.serv-list1
{
  width             : 191px;
  height            : 271px;
  float             : left;
}
.serv-list2
{
  width             : 168px;
  height            : 271px;
  float             : left;
}
.serv-list3
{
  width             : 137px;
  height            : 271px;
  float             : left;
}
.serv-list ul
{
  margin            : 0px 0 0 0px;
}
.serv-list li
{
  margin            : 3px 0 0 0;
  padding           : 0px 0 0 15px;
  background        : url(../images/serv-green-arw.jpg) left center no-repeat;
  font              : 12px Arial;
  color             : #324215;
}
.serv-list li a
{
  font              : 12px Arial;
  color             : #324215;
}
/* contact-us */
.color-line-contact
{
  float             : left;
  background        : url(../images/contact-green.jpg) left top no-repeat;
  width             : 666px;
  height            : 87px;
}
.contact-hghquality
{
  width             : 900px;
  float             : left;
  height            : 230px;
}
.contact-add-title
{
  height            : 20px;
  font              : bold 12px arial;
  color             : #464646;
  padding           : 35px 0 0 0;
}
.contact-add p
{
  font              : 12px arial;
  color             : #464646;
  line-height       : 17px;
}
.contact-mail
{
  height            : 150px;
  margin-top        : 50px;
}
.contact-mail-box
{
  width             : 230px;
  height            : 38px;
}
.contact-mail-pic
{
  width             : 35px;
  height            : 38px;
  float             : left;
}
.contact-mail-lnk
{
  width             : 180px;
  height            : 38px;
  float             : left;
}
.contact-mail-lnk a
{
  font              : 12px arial;
  color             : #464646;
}
.contact-frm
{
  width             : 500px;
   /*height            : 700px; */
  margin-left       : 20px;
  font              : 12px arial;
  color             : #585858;
}


/* freequote */
.color-line-freequote
{
  float             : left;
  background        : url(../images/freequote-blue.jpg) left top no-repeat;
  width             : 666px;
  height            : 87px;
}
.freequote-wedesign
{
  width             : 900px;
  float             : left;
  height            : 739px;
}
.freequote-frm
{
  width             : 640px;
  height            : 700px;
  margin-top        : 30px;
  font              : 12px arial;
  color             : #585858;
}
.qte-fcol1
{
  width             : 180px;
  float             : left;
 /*  border            : 1px solid red;*/
}
.qte-fcol2
{
  width             : 180px;
  float             : left;
 /*  border            : 1px solid red;  */
}
.qte-fcol3
{
  width             : 200px;
  float             : left;
/*  border            : 1px solid red;*/
}
.qte-fcol4
{
  width             : 70px;
  float             : left;
 /* border            : 1px solid red;  */
}
.bx
{
  width             : 178px;
  height            : 22px;
  padding-top       : 10px;
/*  border            : 1px solid red; */
}
.bxt
{
  width             : 178px;
  height            : 115px;
/*  border            : 1px solid red;     */
}
.bxd
{
  width             : 178px;
  height            : 85px;
/*  border            : 1px solid red; */
}

.regbox {
	font-family: verdana;
    border:1px solid #BBBBBB;
	background-color:#FFFFFF;
	font-size:11px;
	height:17px;
}

.regbox:hover {
	font-family: verdana;
	background: #EAE8E9;
	border: solid 1px #000000;
}
	
.regbox:focus {
	font-family: verdana;
	background: #EAE8E9;
	font-size:11px;
	border: solid 1px #000000;
}

.regbutt {
	font-family: verdana;
	color:#000000;
	background: #EAE8E9;
	border: solid 1px #000000;
	font-weight:bold;
	font-size:11px;
	padding:2px;
	cursor: pointer;
}

.regbutt:hover {
	font-family: verdana;
    border:1px solid #000000;
	background-color:#989898;
	color:#FFFFFF;
	cursor: pointer;
}


.footertxt {
	font-family: Arial; 
	font-weight: none; 
	font-size: 11px; 
	color: #374E0E;
	text-decoration:none;
}

.footertxt a:link
{
	font-family: Arial; 
	font-weight: none; 
	font-size: 11px; 
	color: #374E0E;
	text-decoration:none;
}
.footertxt a:visited {
	font-family: Arial; 
	font-weight: none; 
	font-size: 11px; 
	color: #374E0E;
	text-decoration:none;
}

.footertxt a:active
{
	font-family: Arial; 
	font-weight: none; 
	font-size: 11px; 
	color: #374E0E;
	text-decoration:none;
}

.footertxt a:hover
{
	font-family: Arial;
	color:#374E0E;
	font-size:11px;
	font-weight:none;
	text-decoration:underline;
}