/* Ali Mirzaee
 * February 2015
 * mirzaeeIT.com
 */
html, body {
    height: 100%;
    background: white;
    font-size: 100%;
    font-family: Helvetica, Verdana, Arial, sans-serif;
}

#wrap {
    min-height: 100%;
}

#main {
    overflow:auto;
    padding-bottom: 70px;  /* must be same height as the footer */
    background: #FFFFFF;
}

header {
    vertical-align: bottom;
    background: #FFFFFF;
}

nav {
    height: 100%;
    width: 100%;
}

div.hmenu {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.05em;
    font-weight: normal;
    vertical-align: top;
    float: right;
}

a.menu {
	padding-right: 15px;
	padding-left: 15px;
}

a.menu:link {
    color: #017890;
    text-decoration: none;
}

a.menu:visited {
    color: #017890;
    text-decoration: none;
}

a.menu:hover {
    color: darkgreen;
    text-decoration: none;
}

a.menu:active {
    color: #017890;
    text-decoration: underline;
}

article {
    padding: 0px;
    background: #FFFFFF;
    font-size: 1.0em;
    line-height: 150%;
    color: gray;   
}

section.content {
   width: 100%;  
}

section.leftside {
   width: 55%;
   float: left;
   display: inline;
}

section.rightside {
   width: 45%;  
   display: inline;
}

aside {
    padding: 25px;
    display: inline;
    border: 2px #C6C02E solid;
}

ul {
    margin-left: 30px; 
    list-style-type: circle;
    list-style-position: inside;
}

p.service{
	padding-left:25px;
	padding-right:25px;
	padding-top: 10px;
}

div.leftmargin {
    padding: 0;
    width: 10%;
    height: 100%;
    background: white;
    display: inline;
    float: left;
}
div.webpage {
    padding: 0;
    width: 80%;
    height: 100%;
    background: white;
    display: inline;
    float: left;
}

div.sidemargin {
    padding: 0;
    width: 10%;
    height: 100%;
    background: white;
    display: inline;
    float: left;
}

div.pagetop {
    padding: 0;
    width: 100%;
	float:left;
	height:auto;
} 

div.pagetopleft {
    float: left;
	height:223px;
	width:auto;

} 

div.pagetopright { 
    padding: 0;
    /* background-image:url('../img/smileSX.jpg'); */
    width:315px;
    height:223px;
    float:right;
    margin-right:60px;
 } 


a.anchor {
    padding-left: 20px;
}

a.anchor:link {
    color: #264A7E;
    text-decoration: none;
}

a.anchor:visited {
    color: #264A7E;
    text-decoration: none;
}

a.anchor:hover {
    color: #264A7E;
    text-decoration: underline;
}

a.anchor:active {
    color: #264A7E;
    text-decoration: underline;
} 

div.paragraph {
    padding-left: 20px;
    padding-right: 20px; 
}

div.pagecontainer { 
    padding-top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
/*    background: white;
    color: gray;*/
    background: #E4E4E4;
    color: #264A7E;
    width: 100%;
    height: 100%;
    display: inline;
    float: left;
    line-height: 18px;
}

div.pagecontainerleft { 
    width: 50%;
    height: 100%;
    display: inline;
    float: left;
}

div.pagecontainerseprator {
    padding-top: 20px;
    padding: 0px;
    width: 3%;
    display: inline; 
    float: left;

}
div.pagecontainerrightmain {  
    padding-top: 0px;
    padding-right: 20px;
    width: 45%;
    height: 100%;
    display: inline-block;
    float: right;
}

div.pagecontainerright {  
    padding-top: 0px;
    padding-right: 5px;
    padding-left: 5px;
    width:auto;
    overflow:hidden;
    float:right;
}

div.box1 {
    padding: 30px;
    border-radius: 10px;
    /* background: yellow; 
    color: black; */
    width: auto;
    display: inline; 
    float: left;
    line-height: 24px;
}

div.textbox1 {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.45em;
    font-weight: bolder;
}

div.box2 {
    padding: 30px;
    border-radius: 10px;
    border-color: #A1253F;
    border-width: 2px;
    border-style: solid;
    color: white;
    width: auto;
    background: #A1253F;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.35em;
    line-height: 140%;
    font-weight: normal;
}

div.box3 {
    padding: 30px;
    border-radius: 0px;
    width: auto;
    background: #4F6FC2;
    color: #E4E4E4;
}

div.box4 {
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 10px;
    border-radius: 20px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 2em;
    text-align: center;
    width: 90%;
    border-style: solid;
    border-color: #A6311D;
    border-width: 5px;
    color: #A6311D;
}

div.textbox2 {
    font-size: 2.5em;
    text-align: center;
    line-height: 35px;
}
div.logotext1 {
    padding-bottom: 2px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.45em;
    font-weight: normal;
}

h1.logo {
    padding-top: 2px;   
    padding-left: 0px;
    padding-bottom: 2px;
    font-family:Times New Roman, sans-serif, Arial, Helvetica, Verdana;
    color: #3E747D;
    font-size: 2.8em;
    font-weight: bolder;
    width:auto;
}

h1.myH1 {
    padding-top: 2px;
    padding-left: 0px;
    padding-bottom: 2px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    color: #3E747D;
    font-size: 3.15em;
    font-weight: bolder;
    width:auto;
}


h2.myH2 {
    line-height: 30px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 2em;
    font-weight: normal;
    color: #C6C02E;
    width:auto;
}

h3{
    padding-bottom: 2px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.45em;
    font-weight: normal;
}

ul.arrow {
    list-style: circle;
    list-style-position: inside;
    line-height:22px;
}

ul.arrow li { 
    padding-left: 1em; 
    text-indent: -1em;
    margin-bottom: .5em;
    /* position: relative; */
}
/*
ul.arrow li:before {
    display: table-cell;
    text-align: right;
}
*/

div.logotext2 {
    padding-top: 2px;
    padding-left: 0px;
    padding-bottom: 2px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 3.35em;
    font-weight: bolder;
	width:auto;
}

div.stext {
    padding-top: 1px;
    padding-left: 0px;
    padding-bottom: 1px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 0.7em;
    font-weight: normal;
}

div.mtext {
    padding-top: 1px;
    padding-left: 0px;
    padding-bottom: 1px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.2em;
    font-weight: normal;
}

div.ltext {
    padding-top: 1px;
    padding-left: 0px;
    padding-bottom: 1px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.28em;
    font-weight: normal;
	line-height: 24px;
}

div.service_name {
    padding-top: 1px;
    padding-left: 20px;
    padding-bottom: 1px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
}

label {
    font-family: Helvetica, Verdana, Arial, sans-serif;
    color: #264A7E;
    font-size: 1em;
    font-weight: bold;
}

input.button {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    color: whitesmoke;
/*    background: #264A7E;*/
    background: brown;
    font-size: 1em;
    font-weight: bold;
}

input, textarea, select
{
    padding-left: 2px;
    color: #264A7E;
    font-family: Helvetica, Verdana, Arial, sans-serif;
    font-size: 1em;
    text-align: left;
}

input.text
{
	width: 100%;
}

textarea.text
{
	width: 100%;
}

#map_canvas {
        width: 350px;
        height: 280px;
        float: right;
}





* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */


footer {
    position: relative;
    margin-top: -70px; /* negative value of footer height */
    height: 120px;
    clear:both;
    padding: 10px;
    background: #017890;
    color: #FFF;
    font-size: 0.8em;
    text-align: center;
}

/*Opera Fix*/
body:before {/* thanks to Maleika (Kohoutec)*/
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;/* thank you Erik J - negate effect of float*/
}

/****/








/****/