@charset "utf-8";
/* CSS Document SVW */

body {
	font-family:Arial, Helvetica, sans-serif;
	background-color: #101E29;
	background-image:url(../images/bodyBG.jpg);
	background-repeat:repeat-x;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	font-size:12px;
	color:#FFF;
}
#wrapper{
	width:950px;
	background-image: url(../images/wrapper_shadow_bg950.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:0px;
	margin-top:0px;
}
/********************* Top Panel ****************************/
#header {
	height:80px;
	padding-left:20px;
	padding-right:20px;
	margin-top:30px;
}
.logo {
	margin-bottom:5px;
	float:left;
}

/********************* Top Menu ****************************/

ul#TopMenu{
	margin-top:55px;
	color:#95B3CE;
	padding-left:5px;
	font-size:12px;
	float:right;
	margin-right:15px;
}
ul#TopMenu li{
	list-style:none;
	display:inline;
	padding-right:8px;
	padding-left:8px;
	border-left-color:#395979;
	border-left-width:1px;
	border-left-style:solid;
	outline:none;
}
ul#TopMenu li a:link, ul#TopMenu li a:visited{
	color:#95B3CE;
	text-decoration:none;
	padding-top:5px;

}
ul#TopMenu li a:active{
	border-top-color:#3FA9F5;
	border-top-style:solid;
	border-top-width:3px;
	text-decoration:none;
	
}
#TopMenu a:hover{
	border-top-color:#A5CD39;
	border-top-style:solid;
	border-top-width:3px;
	text-decoration:none;

}


/********************* Main Content ****************************/
#mainContent {
	padding: 0 20px;
	margin-top:10px;
}
#ContentBoxFR{
	float:left;
	display:block;
	width:550px;
	text-align:left;
}

#container {
	width: 860px;
	margin: 0 auto;
	text-align: left;
	background-image:url(../images/mainContentBG.jpg);
	background-repeat:repeat-x;
	background-color:#0B151F;
}

/********************* Main Display ****************************/

#mainDisplay{
	width:839px;
	height:250px;
	background-color:#FFF;
	padding-right:0px;
	padding-left:20px;
	color:#0B151F;
}
#mainDisplay h1{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#1F3042;
	font-size:36px;
	padding-top:50px;
	padding-bottom:3px;
}
#mainDisplay h2{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	color:#1F3042;
	font-size:50px;
	margin-top:-35px;
	padding-bottom:3px;
}
#mainDisplay a:link, #mainDisplay a:visited{
	color:#0B151F;
	text-decoration:underline;
}
#mainDisplay a:hover{
	color:#0B151F;
	text-decoration:none;
}

/********************* Footer ****************************/
#footer {
	padding: 0 20px;
	background-color:#0B151F;
	border-top-color:#2E485F;
	border-top-style:dotted;
	border-top-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	height:170px;
	text-align:center;
}
#footer2 {
	padding: 0 20px;
	background-color:#0B151F;
	border-top-color:#2E485F;
	border-top-style:dotted;
	border-top-width:1px;
	font-family:Arial, Helvetica, sans-serif;
	height:50px;
	text-align:center;
}
#footer p {
	margin: 0; 
	padding: 10px 0; 
}
.footerContactBox{
	width:200px;
	float:left;
	display:inline-block;
	text-align:left;
}
.footerQuoteBox{
	width:300px;
	float:right;
	text-align:right;
	display:inline-block;
	text-align:right;
}
.footerContactBox a:link, .footerContactBox a:visited{
	text-decoration:none;
	border-bottom-style:dotted;
	border-bottom-color:#D7E8F2;
	border-bottom-width:1px;
	color:#D7E8F2;
}
.footerContactBox a:hover{
	color:#FFF;
	text-decoration:none;
}
/********************* Image Control ****************************/
.imgFloatLeft{
	float:left;
	padding-right:5px;
	padding-bottom:5px;
}
.imgFloatRight{
	float:right;
	padding-left:5px;
	padding-bottom:5px;
}
/********************* Column services ****************************/
.BoxService1{
	width:260px;
	height:320px;
	float:left;
	display:inline;
	padding:5px;
	border-right-color:#263C51;
	border-right-style:dotted;
	border-right-width:1px;
}
.BoxService2{
	width:255px;
	height:320px;
	float:left;
	display:inline;
	padding:5px;
	border-right-color:#263C51;
	border-right-style:dotted;
	border-right-width:1px;
}
.BoxServiceNoBorder{
	width:255px;
	float:left;
	display:inline;
	padding:5px;
}

/********************* Column Box Service 1 ****************************/

.BoxService1 ul{
	padding-left:7px;
	margin-left:3px;
}
.BoxService1 li{
	list-style:none;
	padding:5px;
	border-bottom-color:#23374B;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.BoxService1 li a:link, .BoxService1 li a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.BoxService1 li:hover{
	background-color:#2E485F;
	border-left-color:#FBB03B;
	border-left-style:solid;
	border-left-width:2px;
}

/********************* Column Box Computer Services ****************************/
.BoxCompService{
	width:230px;
	float:right;
	display:inline;
	padding:5px;
	border-left-color:#263C51;
	border-left-style:dotted;
	border-left-width:1px;
}
.BoxCompService ul{
	padding-left:7px;
	margin-left:3px;
}
.BoxCompService li{
	list-style:none;
	padding:5px;
	border-bottom-color:#23374B;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.BoxCompService li a:link, .BoxCompService li a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.BoxCompService li:hover{
	background-color:#2E485F;
	border-left-color:#FBB03B;
	border-left-style:solid;
	border-left-width:2px;
}
/********************* Column Box Computer Network ****************************/
.BoxCompNetwork{
	width:230px;
	float:right;
	display:inline;
	padding:5px;
	border-left-color:#263C51;
	border-left-style:dotted;
	border-left-width:1px;
}
.BoxCompNetwork ul{
	padding-left:7px;
	margin-left:3px;
}
.BoxCompNetwork li{
	list-style:none;
	padding:5px;
	border-bottom-color:#23374B;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.BoxCompNetwork li a:link, .BoxCompNetwork li a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.BoxCompNetwork li:hover{
	background-color:#2E485F;
	border-left-color:#A4CD39;
	border-left-style:solid;
	border-left-width:2px;
}
/********************* Column Box Web Design ****************************/
.BoxWebDesign{
	width:230px;
	float:right;
	display:inline;
	padding:5px;
	border-left-color:#263C51;
	border-left-style:dotted;
	border-left-width:1px;
}
.BoxWebDesign ul{
	padding-left:7px;
	margin-left:3px;
}
.BoxWebDesign li{
	list-style:none;
	padding:5px;
	border-bottom-color:#23374B;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}
.BoxWebDesign li a:link, .BoxWebDesign li a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.BoxWebDesign li:hover{
	background-color:#2E485F;
	border-left-color:#55A4DA;
	border-left-style:solid;
	border-left-width:2px;
}
/********************* Column Box Service 2 ****************************/
.BoxService2 ul{
	padding-left:7px;
	margin-left:3px;
}
.BoxService2 li{
	list-style:none;
	padding:5px;
	border-bottom-color:#23374B;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.BoxService2 li a:link, .BoxService2 li a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.BoxService2 li:hover{
	background-color:#2E485F;
	border-left-color:#A5CD39;
	border-left-style:solid;
	border-left-width:2px;
}

/********************* Column Box Service No Border ****************************/

.BoxServiceNoBorder ul{
	padding-left:7px;
	margin-left:3px;
}
.BoxServiceNoBorder li{
	list-style:none;
	padding:5px;
	border-bottom-color:#23374B;
	border-bottom-style:dotted;
	border-bottom-width:1px;
}

.BoxServiceNoBorder li a:link, .BoxServiceNoBorder li a:visited{
	color:#FFF;
	text-decoration:none;
}
	
.BoxServiceNoBorder li:hover{
	background-color:#2E485F;
	border-left-color:#3FA9F5;
	border-left-style:solid;
	border-left-width:2px;
}

/********************* Clear float ****************************/
.clearFloat{
	clear:both;
}

/********************* Header control ****************************/
h1,h2,h3{
	/*font-family:"Times New Roman", Times, serif;*/
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	color:#D7E8F2;
}
h1{font-size:20px;}
h2{font-size:18px;}
h3{font-size:14px;}
.headerGreen{
	border-left-color:#A5CD39;
	border-left-style:solid;
	border-left-width:3px;
}
.headerGreen a:link, .headerGreen a:visited {
	color:#D7E8F2;
	text-decoration:none;
}
.headerOrange{
	border-left-color:#FBB03B;
	border-left-style:solid;
	border-left-width:3px;
}
.headerOrange a:link, .headerOrange a:visited {
	color:#D7E8F2;
	text-decoration:none;
	
}
.headerBlue{
	border-left-color:#3FA9F5;
	border-left-style:solid;
	border-left-width:3px;
}
.headerBlue a:link, .headerBlue a:visited {
	color:#D7E8F2;
	text-decoration:none;
}
/********************* Link control computer service ****************************/
.LinkCompServices a:link, .LinkCompServices a:visited{
	text-decoration:underline;
	color:#FFF;
}
.LinkCompServices a:hover{
	text-decoration:none;
	color:#FBB03B;
}
.LinkCompNetwork a:link, .LinkCompNetwork a:visited{
	text-decoration:underline;
	color:#FFF;
}
.LinkCompNetwork a:hover{
	text-decoration:none;
	color:#FBB03B;
}
/********************* Link control computer network ****************************/
.LinkCompNetwork a:link, .LinkCompNetwork a:visited{
	text-decoration:underline;
	color:#FFF;
}
.LinkCompNetwork a:hover{
	text-decoration:none;
	color:#A4CD39;
}
/********************* Link control web design ****************************/
.LinkWebDesign a:link, .LinkWebDesign a:visited{
	text-decoration:underline;
	color:#FFF;
}
.LinkWebDesign a:hover{
	text-decoration:none;
	color:#55A4DA;
}
/********************* UL LI control ****************************/
li{
	padding:2px;
}

/********************* Web Portfolio ****************************/
ul.WebPort{
	margin-left:5px;
	padding-left:5px;
}
ul.WebPort li{
	list-style:none;
	display:inline-block;
	float:left;
	height:180px;
	width:250px;
	border-style:dotted;
	border-width:1px;
	color:#97B3CE;
	padding:3px;
	margin-bottom:10px;
	margin-right:10px;
	text-align:center;
}
.ImgMarginBottom{
	margin-bottom:5px;
	border:0px;
}
.WebPort a:link, .WebPort a:visited{
	color:#000;

}
.WebPort li:hover{
	background-color:#D7E8F2;
	color:#0B151F;
}

/********************* Logo Portfolio ****************************/
ul.LogoPort{
	margin-left:10px;
	padding-left:10px;
}
ul.LogoPort li{
	list-style:none;
	display:inline-block;
	float:left;
	height:200px;
	width:370px;
	border-style:dotted;
	border-width:1px;
	color:#97B3CE;
	padding:5px;
	margin-bottom:40px;
	margin-right:10px;
	text-align:center;
}
/* email backword*/
.backwards {unicode-bidi:bidi-override; direction: rtl;}