body {
  background:#fff url(../images/bg.gif) repeat-x;
  margin:0;
  padding:0;
  font-family: verdana, Microsoft Sans Serif, MS Sans Serif, Arial;
  font-size: 10px;
  color: #848484;
  line-height: 1.5;
  text-align:justify;
}


.homePanelFloat{float:left;margin-top:10px;}
.homePanel{border:#e7e6e5 solid;border-width:0 2px;width:226px;padding:8px;font-weight:bold;}
.homePanel ul{list-style-image: url(../images/bulletArrow.gif);margin-top:10px;}
.panelH2{color:#fff;font-size: 16px;}
#homePanelFloatMid{float:left;margin:10px 12px 0 12px;}

#webdesignTitle{background:url(../images/webdesignTitle.gif) no-repeat #000;width:211px;height:26px;padding:8px 0 0 35px;}
#webdesignBut{background:url(../images/webdesignBut.gif) no-repeat;width:91px;height:23px;padding:6px 0 0 155px;color:#fff;}

#printdesignTitle{background:url(../images/printdesignTitle.gif) no-repeat #000;width:211px;height:26px;padding:8px 0 0 35px;}
#printdesignBut{background:url(../images/printdesignBut.gif) no-repeat;width:91px;height:23px;padding:6px 0 0 155px;color:#fff;}

#seoTitle{background:url(../images/seoTitle.gif) no-repeat #000;width:211px;height:26px;padding:8px 0 0 35px;}
#seoBut{background:url(../images/seoBut.gif) no-repeat;width:91px;height:23px;padding:6px 0 0 155px;color:#fff;}

ul{margin:0;margin-left:18px;}

ul.hosting{
	margin:0 0 0 17px;
}

.newsHeadline{
border-bottom:dashed 1px #cbcbc1;margin-bottom:5px;padding-bottom:2px;
}

.portPrint{
float:left;text-align:center;margin:10px 10px 0 0 ;
}

.portLogo{
width:50%;float:left;text-align:center;margin-top:30px;
}

.portCatBot{
background:url(../images/portCatBot.gif);
width:231px;
height:28px;
color:#0f0f49;
font-size:14px;
padding:0 0 0 15px;
cursor:pointer;
display:block;
}

#portPanelTourism{
float:left;
}

#portPanelHotels{
float:left;margin:19px 12px 0 12px;
}

#portPanelRetail{
float:left;margin-top:12px;
}

#portPanelMedical{
float:left;margin-top:10px;
}

#portPanelGovernment{
float:left;margin:12px 12px 0 12px;
}

#portPanelBusiness{
float:left;margin-top:20px;
}

#briefBox{
padding:0 18px;
width:210px;
}

#contactBot{
margin:-10px 0 5px 14px;
float:left;
background:url(../images/briefBG.gif) repeat-y;
}

#cases{
margin:7px 0 0 14px;
float:right;
}

#rightCol{
margin:7px 0 0 14px;
float:right;
}

#panelMainHome{
float:left;
width:480px;
padding:0 10px;
}

#panelMain{
padding:0 10px;
}

#panelCallBack{
float:none;
margin:5px 0;
background:#fff url(../images/panelCallBack.gif) no-repeat;
width:222px;

padding:14px 10px 0 10px;
color:#04709f;
}

#panelHosting{
float:none;
margin:5px 0;
background:url('../images/panelHosting.gif');
color:#6c205f;
width:222px;
height:187px;
padding:14px 10px 0 10px;
}

#panelWebDesign{
float:left;
width:222px;
height:115px;
padding:14px 10px 0 10px;
background:#fff url(../images/panelWebDesign.gif) no-repeat;
color:#04709f;
}

#panelPrintDesign{
margin-left:17px;
margin-top:1px;
float:left;
width:222px;
height:115px;
padding:14px 10px 0 10px;
background:#fff url(../images/panelPrintDesign.gif) no-repeat;
color:#cf7704;
}

#panelSEO{
margin-left:16px;
float:left;
width:222px;
height:115px;
padding:14px 10px 0 10px;
background:#fff url(../images/panelSEO.gif) no-repeat;
color:#036f29;
}

#conLeft{
float:left;width:220px;margin:14px 0;
}

#conRight{
float:left;width:220px;margin:14px 0 0 34px;
}

h2{
font-size:14px;
margin:0 0 5px 0;
padding:0;
}

.subCon{color:#f89420;font-weight:bold;margin-top:5px;}

h2.con{
color:#f89420;
border-bottom:1px dashed #848484;
}

h1{
font-size:17px;
font-weight:normal;
color:#1e569f;
margin:0 0 5px 0;
padding:0;
}


#top{
margin:0 auto;
background:url(../images/contentBG.gif) repeat-y #fff;
width:778px;
padding:10px 15px 0 30px;
height:107px;
}


#logo{
float:left;
border:none;
}

.clear{
clear:both;
}

#main{
margin:0 auto;
background:url(../images/contentBG.gif) repeat-y #fff;
width:763px;
padding:10px 30px 0 30px;
overflow:auto;
}

#header{
width:823px;
margin:0 auto;
}

#footer{
padding-top:20px;
margin:0 auto;
text-align:left;
width:823px;
background:url(../images/contentBG.gif) repeat-y #fff;
}

#footerText{
margin:0 30px;
padding-top:10px;
border-top:1px #848484 dashed;
}

#footerContact{
font-weight:bold;
font-size:13px;
}

/*///////////// top menu ////////////////*/

#topServices{
margin-left:144px;
font-size:9px;
width:140px;
height:100px;
padding:0 10px;
float:left;
}

#topCompany{
font-size:9px;
border-left:1px #f79520 dashed;
width:130px;
height:100px;
padding:0 10px;
float:left;
}

#topCases{
font-size:9px;
border-left:1px #f79520 dashed;
width:162px;
height:100px;
padding:0 10px;
float:left;
}

#topServices ul{
list-style: none;
margin: 0 0 0 7px;
padding: 0;
}

#topCompany ul{
list-style: none;
margin: 0 0 0 7px;
padding: 0;
}

#topCases ul{
list-style: none;
margin: 0 0 0 7px;
padding: 0;
}

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

/*///////////// Links ////////////////*/
.homePanelFloat a:link{color:#fff; text-decoration:none;}
.homePanelFloat a:visited {color:#fff; text-decoration:none;}
.homePanelFloat a:hover {color: #fff; text-decoration:none;}

#homePanelFloatMid a:link{color:#fff; text-decoration:none;}
#homePanelFloatMid a:visited {color:#fff; text-decoration:none;}
#homePanelFloatMid a:hover {color: #fff; text-decoration:none;}


#panelWebDesign a:link {color:#04709f; text-decoration:none;}
#panelWebDesign a:visited {color:#04709f; text-decoration:none;}
#panelWebDesign a:hover {color: #042f43; text-decoration:none;}

#panelPrintDesign a:link {color:#cf7704; text-decoration:none;}
#panelPrintDesign a:visited {color:#cf7704; text-decoration:none;}
#panelPrintDesign a:hover {color: #8b4801; text-decoration:none;}

#panelSEO a:link {color:#036f29; text-decoration:none;}
#panelSEO a:visited {color:#036f29; text-decoration:none;}
#panelSEO a:hover {color: #043919; text-decoration:none;}

#headlines a:link {color:#1e569f; text-decoration:none;}
#headlines a:visited {color:#1e569f; text-decoration:none;}
#headlines a:hover {color: #f79520; text-decoration:none;}


#footer a:link {color:#848484; text-decoration:none;}
#footer a:visited {color:#848484; text-decoration:none;}
#footer a:hover {color: #f79520; text-decoration:none;}

#top a:link {color : #848484; text-decoration:none;padding-left:10px;}
#top a:visited {color : #848484;text-decoration:none;padding-left:10px;}
#top a:hover {color : #f79520; text-decoration:none;background: url(../images/linkBG.gif) 0 5px no-repeat;padding-left:10px;}

a:link {color : #848484; text-decoration:none;}
a:visited {color : #848484;text-decoration:none;}
a:hover {color : #f79520; text-decoration:none;}

a.portLinks:link {color : #1e569f; text-decoration:none;font-weight:normal;}
a.portLinks:visited {color : #1e569f;text-decoration:none;font-weight:normal;}
a.portLinks:hover {color : #1e569f;text-decoration:underline;font-weight:bold;}

a.newsHome:link {color : #1e569f; text-decoration:none;font-weight:bold;}
a.newsHome:visited {color : #1e569f;text-decoration:none;font-weight:bold;}
a.newsHome:hover {color : #1e569f;text-decoration:underline;font-weight:bold;}

a.blueLink:link {color : #04709f; text-decoration:none;font-weight:normal;}
a.blueLink:visited {color : #04709f;text-decoration:none;font-weight:normal;}
a.blueLink:hover {color : #023244;text-decoration:none;font-weight:normal;}

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

/*///////////// Form Elements //////////////*/
form{margin:0;padding:0;}

form p{
	clear:left;
	margin:0;
	padding-top:5px;
	font-weight:bold;
}
form p label{
	float:left;
	width:40%;
}


#briefBox input{
	font-family: Microsoft Sans Serif, MS Sans Serif, Arial;
	font-size: 11px;
	color: #3f4241;
	font-weight:normal;
	border:1px;
	width:110px;
}

#briefBox textarea {
	padding:2px;
	border:1px;
	font-family: Microsoft Sans Serif, MS Sans Serif, Arial;
	font-size: 11px;
	color: #3f4241;
	width:195px;
}

#briefBox input.submitBut {
width:62px;
}

input{
	font-family: Microsoft Sans Serif, MS Sans Serif, Arial;
	font-size: 11px;
	color: #3f4241;
	font-weight:normal;
	border:1px;
	width:125px;
}

textarea {
	padding:2px;
	border:1px;
	font-family: Microsoft Sans Serif, MS Sans Serif, Arial;
	font-size: 11px;
	color: #3f4241;
	width:115px;
}

select {
	font-family: Microsoft Sans Serif, MS Sans Serif, Arial;
	font-size: 11px;
	color: #3f4241;
}

input.but {
	padding:2px;
	border:0;
	font-family: Microsoft Sans Serif, MS Sans Serif, Arial;
	font-size: 10px;
	color:#fff;
	font-weight:bold;
	background:#1c4882;
}

input.submitBut {
width:62px;
}

input.submitButCall {
width:109px;
}

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

/*///////////// rounded corner divs //////////////*/
.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}

div#panelBotBL{float:left;background:#f2f2eb;width:501px;margin-top:13px;margin-right:16px;}
div#panelBotBR{float:left;width:242px;background:#f2f2eb;margin-top:13px;}
div#panelBotBL2{float:left;background:#f2f2eb;width:501px;margin-top:27px;margin-right:18px;}
div#panelBotBR2{float:left;width:242px;background:#f2f2eb;margin-top:8px;}
div#headlines{float:left;width:242px;background:#f2f2eb;margin-top:13px;}
.pad{padding:0 11px 11px 11px;}

/*///////////// form val //////////////*/

#formBrief .red {
	border: 1px solid red;
}

#formBrief label.red {
	border: none;
	color: red;
}

#formBrief .customRed {
	border: none;
	color: red;
}

#formBrief .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}

#formCallBack .red {
	border: 1px solid red;
}

#formCallBack label.red {
	border: none;
	color: red;
}

#formCallBack .customRed {
	border: none;
	color: red;
}

#formCallBack .errorMessage {
	color: red;
}


/*///////////// ajax result //////////////*/
#log {
	margin-top: 10px;	
}

#log2 {
background:url(../images/callBackBG.gif) repeat-y;margin:0 -10px;padding:10px 10px 0 10px;
}

#log_res {
	overflow: auto;
	color:#04709f;
}

#log_resCallBack {
	overflow: auto;
	color:#04709f;
}
 
#log_res.ajax-loading {
	padding: 20px 0;
	background: url(../images/spinner.gif) no-repeat center;
}

/*////////////// google map ////////////////////*/
#directions{
	text-align:left;
}

#directions ul{
	list-style:disc;
	margin: 0 0 10px 7px;
	padding-left: 7px;
}

#map{
   width:476px;height:450px;border:#8d8d6e 1px solid;margin-top:10px;
}
    
#googleForm{
	color:#848484;
}
        
#googleForm a:link {color:#011f3e; text-decoration:none;}
#googleForm a:visited {color:#011f3e; text-decoration:none;}
#googleForm a:hover {color: #6fceee; text-decoration:none;}


/*/////////// portfolio /////////////////////*/
.hoverboxLeft{
margin:13px 0 0 -9px;
width:150px;
float:left;
text-align:center;
}

.hoverboxLeft a .preview{
	display: none;
}

.hoverboxLeft a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	cursor:pointer;
}

.hoverboxLeft img{
	border:4px solid #e7e6e5;
	vertical-align: top;
}


.hoverboxLeft .preview{
	width: 250px;
	height: 202px;
}

/* IE fixes*/
.hoverboxLeft a{
	position: relative;
}

.hoverboxLeft a:hover{
	display: block;
	z-index: 1;
}

.hoverboxLeft a:hover .preview{
	top: -38px;
	left: -15px;
}




.hoverbox{
margin:11px 0 0 18px;
width:150px;
float:left;
text-align:center;
}

.hoverbox a .preview{
	display: none;
}

.hoverbox a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	cursor:pointer;
}

.hoverbox img{
	border:4px solid #e7e6e5;
	vertical-align: top;
}


.hoverbox .preview{
	width: 250px;
	height: 202px;
}

/* IE fixes*/
.hoverbox a{
	position: relative;
}

.hoverbox a:hover{
	display: block;
	z-index: 1;
}

.hoverbox a:hover .preview{
	top: -38px;
	left: -50px;
}




.hoverboxRight{
margin:13px 0 0 21px;
width:150px;
float:left;
text-align:center;
}

.hoverboxRight a .preview{
	display: none;
}

.hoverboxRight a:hover .preview{
	display: block;
	position: absolute;
	top: -33px;
	left: -45px;
	z-index: 1;
	cursor:pointer;
}

.hoverboxRight img{
	border:4px solid #e7e6e5;
	vertical-align: top;
}


.hoverboxRight .preview{
	width: 250px;
	height: 202px;
}

/* IE fixes*/
.hoverboxRight a{
	position: relative;
}

.hoverboxRight a:hover{
	display: block;
	z-index: 1;
}

.hoverboxRight a:hover .preview{
	top: -38px;
	left: -86px;
}