/**************************
IT RESIDENT
http://www.itresident.com
Default Stylesheet
**************************/


html, body{ margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; color: #474646; background-color: #fff; }
h1 {color: #0a7fdf; font-size: 12pt; text-decoration:none; font-weight:lighter;}

#container1{ width: 1000px; height: 100%; margin: 0 auto; background-color: #f8f9fb; border: 1px solid #f1f1f1; padding: 11px; top: 5px} 
#container2{ position: relative; width: 990px; height:inherit; margin: 0 auto; background-color: #f8f9fb; border: 1px solid #b4b4b4; } 
#header{ position: relative; height: 52px; }
#logo{ position: relative; width: 974px; height: 52px; float: left; background-image: url(../images/logo_top.jpg); background-repeat: no-repeat; } 

#menu { position: relative; height: 30px; width: 500px;  padding: 10px 5px 5px 350px; }
#menu a, #menu a:link, #menu a:visited {font-size: 11pt; text-align: center; text-decoration:none; color: #2771c7;  letter-spacing: -1px;/* word-spacing: 30px; */} 
#menu a:hover { color:#000000;}
.style2 {color: #cbd9e5; word-spacing: 30px;}
#main_image { position: relative; width: 974px; height: 317px; background-image:url(../images/main_1.jpg); background-repeat: no-repeat}

#center { position: relative; width: 990px; height: 550px; float: none; margin: 0 auto; /*background-image:url(../images/spacer.gif); background-repeat:repeat*/}
#center_index { position: relative; width: 990px; height: 700px; float: none; margin: 0 auto; /*background-image:url(../images/spacer.gif); background-repeat:repeat*/}

#content_left { position:relative; width: 290px; padding: 20px; margin: 0 auto; float:left}
#banner1 { position:relative; width: 280px; float: left; padding: 50px 0 0 15px}
#content_right { position:relative; width: 620px; padding:60px 20px 20px 0; margin: 0 auto; float:left}
#content_right_index { position:relative; width: 620px; padding:25px 20px 20px 0; margin: 0 auto; float:left}
#content_right_contact { position:relative; width: 620px; padding:20px 20px 20px 0; margin: 0 auto; float:left}
.box_blue {  width: 251px; /*height:29px;*/ text-align: center; background-color:#55b1eb; padding: 0px; margin: 0; border:0;}
div.top-left { background: url(../images/1_corner.gif) top left no-repeat; height: 9px; margin:0; padding:0; border:0; width:100%;}
div.top-right { background: url(../images/2_corner.gif) top right no-repeat; height: 9px; margin:0; padding:0; border:0; width:100%;}
div.bottom-left { background: url(../images/4_corner.gif) bottom left no-repeat; height: 9px; margin:0; padding:0; border:0; width:100%;}
div.bottom-right { background: url(../images/3_corner.gif) bottom right no-repeat; height: 9px; margin:0; padding:0; border:0; width:100%;}

.box_blue a, .box_blue a:link, .box_blue a:visited, .box_blue a:hover{ font-size:9pt; color:#FFFFFF}

.reason { width: 280px; height: 100%; padding: 20px 5px 5px 0px; border-right:1px solid #55b1eb;}
.reason li { font-size: 8pt; color:#333333}

#content_home {width: 620px; font-size: 8pt;  color:#333; }
#content_home a, #content_home p{ font-size: 8pt; color:#333; }
#content_home a:link, #content_home a:visited, #content_home a:hover {color:#0a7fdf}
.style1 {color: #0a7fdf; text-decoration:none}


#footer{ position: relative; padding: 20px 0 0 0; width: 990px; height: 50px; font-size: 7pt; color:#666666; text-align:center; }

.footer_1 {width: 22px; height: 22px; background-color: #d5ebf8; padding: 0; margin: 0; border: 0; float: left}
.footer_1 a {font-size: 7pt; color: #d5ebf8}
.footer_2 {height: 22px; width: 277px; background-color:#f8f9fb; text-align:center; padding: 0 5px 0 5px; margin: 0; border: 0; float:left}
.footer_2 a {font-size: 8pt; color:#666666;}
.footer_3 {height: 22px; width: 612px; background-color:#55b1eb; padding: 0; margin: 0; border: 0; float:left}
.footer_3 a, .footer_3 a:link, .footer_3 a:visited, .footer_3 a:hover  {font-size: 7pt; color:#FFFFFF;}
.footer_4 {height: 22px; width: 60px; background-color:#d5ebf8; padding: 0; margin: 0 0 0 8px; border: 0; float:left; }
.footer_4 a {font-size: 7pt; color: #d5ebf8}


div.top-left-1 { background: url(../images/1_corner_blue.gif) top left no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}
div.top-right-1 { background: url(../images/2_corner_blue.gif) top right no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}
div.bottom-left-1 { background: url(../images/4_corner_blue.gif) bottom left no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}
div.bottom-right-1 { background: url(../images/3_corner_blue.gif) bottom right no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}

div.top-left-2 { background: url(../images/1_corner_small.gif) top left no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}
div.top-right-2 { background: url(../images/2_corner_small.gif) top right no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}
div.bottom-left-2 { background: url(../images/4_corner_small.gif) bottom left no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}
div.bottom-right-2 { background: url(../images/3_corner_small.gif) bottom right no-repeat; height: 5px; margin:0; padding:0; border:0; width:100%;}

#services_list{font-size: 12pt; }
ul {list-style-image: url(../images/bullet.gif); font-size: 11pt; line-height: 30%}
.style3 {font-size: 8pt;}

#contact_live { position:relative; width:476px; height: 35px; padding: 0 5px 5px 20px;}
#contact { position:relative; WIDTH: 476px; Height: 112px; padding: 10px 20px 30px 20px; }

.h1{ position:relative; font-size: 13px; letter-spacing: -1px; color: #FF0000;  float: left; padding:20px; width: 400px; text-align:center}