body,html{
position:relative;
font-family: Arial;font-size: 14px;
height:100%;
width:100%;min-width:1100px;
padding: 0;margin: 0; 
color:#000;
background:#FFF;
}
.pageWrap{ /*media query exists*/
position:relative;
width:1100px;
margin:0px auto;
}
.float{
display:inline-block;
margin-right:10px;
vertical-align:top;
}
#pageHead{
border-bottom:3px solid #02D1FD;
background:#FFF;
width:100%;
}
#pageMenu{
background:url(imgs/bg_menu.gif) repeat-x;
height:37px;
color:#FFF;
}
#pageMenu>ul{
display:table;
height:100%;
}
#pageMenu>ul>li{
display:table-cell;
vertical-align:middle;
text-align:center;
font-size:130%;
width:10%;
}
#pageMenu a{
color:#FFF;
padding:3px 7px;
border:none !important;
border-radius:4px;moz-border-radius:4px;webkit-border-radius:4px;
/*fade transition*/
-webkit-transition: background-color 300ms ease;
-moz-transition: background-color 300ms ease;
-o-transition: background-color 300ms ease;
transition: background-color 300ms ease;
}
#pageMenu a:hover{
background:#617361;
}
#pageBody{
min-height:550px;
}
#pageBodyWrap{
display:table-cell;
vertical-align:middle;
}
#pageFoot{
background:#313131;
color:#bdbdbd;
padding:20px 0px;
}
#menuAdmin{
background:#F4E6D7;
padding:10px;
}
.adminedit{
display:inline-block;
padding:2px 5px;
background:#F4E6D7;
font-size:80%;
}
a {color:#b02100; text-decoration: none; font-weight: normal;}
a:hover{color:#EEE;}
.none,.none:hover{
text-decoration:none !important;
border-bottom:none !important;
}
h1{
font-size:200%;
color:#FFF;
text-shadow: 2px 2px #000;
}
h2{ 
font-size:150%;
color:#000;
padding:10px 0px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
h3{ 
font-size:115%;
padding:0px 0px;
margin:10px 0px;
border-bottom:1px solid #ffffff;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
}
.tabs{
position:relative;
z-index:100;
}
.tabs li{
position:relative;
display:inline-block;
padding:10px 30px;
border:1px solid #AAA;
background:#EFEFEF;
cursor:pointer;
}
.tabs li.active{
position:relative;
border-bottom:1px solid #FFF;
border-top:2px solid #CC0000;
top:0px;
background:#FFF;
}
.tabContent{
z-index:90;
position:relative;
top:-1px;
border:1px solid #AAA;
padding:7px;
}
.tabContent>li{
display:none;
}
.navig1 {
	color: #999999;
	margin: 5px;
	line-height:18px;
	text-align:center;
}
.navig1 a {
	font-size: 13px;
	font-weight: bold;
	color: #000000;

	margin: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #C2B7AB;
}
.navig1 a:hover {
	color:  #4F4539;
	background-color: #E0DBD6;
	border: 1px solid #999999;
}
.navig1 .active {
	color: #C2B7AB;
	background-color:#E7EBE0;
	font-weight: bold;
	font-size: 13px;
	margin: 2px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	border: 1px solid #C2B7AB;
}
.box1 
{
border: 2px solid #CFE3E9;
background-image: url(imgs/bg1.jpg);
padding:5px;
border-radius:4px;moz-border-radius:4px;webkit-border-radius:4px;
}
.box2 {
	padding: 5px;
	border: 2px solid #F2E6D2;
}
.box3{
background:#617361;
color:#FFF;
padding:10px;
border-radius:4px;moz-border-radius:4px;webkit-border-radius:4px;
}
.tablerow1 {
	border-bottom: 1px dotted #999999;
	padding: 10px 10px 10px 50px;
}
.b1{
	padding-left:12px;
	border-left:7px solid #DBE3DF;
}
.b1:hover{
	padding-left: 12px;
	border-left:7px solid #000;
}
.b2>li{
padding-left:12px;
border-left:7px solid #DBE3DF;
border-bottom: 1px dotted #999999;
padding:5px;
}
.b2>li:hover{
border-left:7px solid #000;
}
/* required for content page */
#pageContent{
line-height:22px;
text-align:justify;
margin:0px 25px;
}
#pageContent td{
padding:5px;
}
#pageContent ul{
margin-left:20px;
}
#pageContent li{
background:url(imgs/b1.png) no-repeat left 3px;
padding-left:20px;
}
#upddt{
margin-top:25px;
color:#999999;
font-size:10px;
}
#linksRight{
float:left;margin-left:10px;width:230px;
}
#linksRight .tablerow1{
padding:5px !important;
}
.toBreak{
display:inline-block;
vertical-align:top;
width:auto;
}
/*form  components*/
.msgAck,.msgSuccess {
font-size: 12px;
font-weight: bold;
color:#003300;
margin: 2px;padding: 7px;
background:#CFDEC5;
border:1px dotted #EDD2C0;
border-radius:3px;moz-border-radius:3px;webkit-border-radius:3px;
}
.msgErr,.msgFail {
font-size: 12px;
font-weight: bold;
color: #F0E4BF;
margin: 2px 0px;padding: 7px 0px;
}
.msgForm{
font-size: 12px;
font-weight: bold;
color: #CC0000;
margin: 2px;padding: 2px;
border-radius:3px;moz-border-radius:3px;webkit-border-radius:3px;
}
.msgAck li,.msgSuccess li,.msgErr li,.msgFail li{
list-style-type:circle;
padding:3px 0px;
}
input[type=submit],input[type=button]{
padding:5px 10px;
}
input[type=radio]{
position:relative;
top:2px;
margin-right:3px;
}
input[type=text],input[type=password],select{
display:inline-block;
font-size:16px;
padding:5px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; /*fix extra padding-width*/   
}
input[type=number]{
width:50px;
font-size:16px;
}
fieldset {
border:1px solid #CCC;
padding:7px;
margin:7px;
}
fieldset  legend{
font-size:14px;
font-weight:bold;
}
fieldset>ul>li{
position:relative;
margin:3px 0px;
padding:3px 0px;
clear:both;
line-height:24px;
border-top:1px dotted #EEE;
}
fieldset>ul>li>label>span,fieldset>ul>li>span{
display:block;
float:left;
min-width:200px;
width:20%;
padding-left:20px;
padding-bottom:7px;
}
fieldset>ul>li>label>div,fieldset>ul>li>div{
display:block;
float:left;
padding-bottom:7px;
}

/*project specific*/
#pageHead #logo{
display:table-cell;
width:33%;
}
#subcaption{
display:block;
margin-top:10px;
float:right;
color:#094152;
}
#subcaption *{
display:inline-block;
vertical-align:middle;
}
#pageHead a{
color:#094152;
}
.topcontact{
display:table-cell;vertical-align:middle;
}
.txt1{
color:#FFF;
text-shadow: 2px 2px #000;
}
#intro{
background:url(imgs/table_bg.jpg);
}
#onservices{
background:#02D1FD;
padding:10px;
-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
text-align:center;
}
#onservices .content{
padding:20px;
line-height:30px;
font-size:115%;
text-align:justify;
}
#services{
background:#2c3093;
color:#fff;
padding:20px;
line-height:25px;
text-align:justify;
}
#services h3{color:#fff;font-weight:bold;}
#services li{margin-bottom:20px;}
#services h2{
text-align:center;
color:#FFF;
}
.tablecell1{
display:inline-block;
min-width:180px;
}
.addons{
display:inline-block;padding:10px;min-width:200px;
}
#snippet1{
float:right;width:400px;
line-height:30px;
margin-left:15px;padding:15px;background:#0F58AA;
}
.icon{
display:inline-block;
width:30px;height:30px;
vertical-align:middle;
margin-right:10px;
}
#phone .icon{
background:url("imgs/contact_sprites.png") no-repeat;
background-position:0px -30px;
}
#whatsapp .icon{
background:url("imgs/contact_sprites.png") no-repeat;
background-position:0px 0px;
}
#blockContact{
color:#FFF;
padding:25px 0px;
background:#AAA;
text-align:center;
}
#contactInfo,#locationMap{
display:block;
vertical-align:top;
color:#000;
margin-top:10px;
}
#contactInfo .toBreak{
font-size:130%;
padding:0px 30px;
line-height:35px;
}