/*
Theme Name: RamSecuritySolutions
Author: 
Author URI: 
/* Begin Typography & Colors */

#page { background-color: white; border: 1px solid #959596; text-align: left; }
#content { font-size: 12px; padding:0px; margin:0px; }
.widecolumn .entry p { font-size: 1.05em; border:none; }
.narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: center; }
.thread-alt { background-color: #efefef; }
.thread-even { background-color: white; }
.depth-1 { border: 0px solid #FFC1C1; }
.even, .alt { border-left: 0px solid #FFC1C1; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; line-height: 1.5em; }
#headerimg .description { font-size: 1.2em; text-align: center; }
h2.pagetitle { font-size: 1.6em; }
.sticky { background: #f7f7f7; padding: 0 10px 10px; }
.sticky h2 { padding-top: 10px; }
/*.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }*/
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; }
.commentmetadata { font-weight: normal; }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #242424; }
small a { color:#424242; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
a, h2 a:hover, h3 a:hover {  text-decoration: none; }
a:hover { color: #147; text-decoration: underline; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */

/* Begin Structure */
#page { background-color: white; margin: 20px auto; padding: 0; width: 760px; border: 1px solid #959596; }
.post { margin: 0 0 0 0; padding-bottom:20px; text-align: left; }
.post hr { display: block; }
.postmetadata { clear: both; border:none; background:#EFEFEF; padding:5px !important ; }
.clear { clear: both; }
/* End Structure */

/*	Begin Headers */

h1 { padding-top: 70px; margin: 0; }
h2 { margin: 30px 0 0; }
h2.pagetitle { margin-top: 30px; text-align: center; }
h3 { padding: 0; margin: 30px 0 0; }
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */



/* Begin Images */

p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }
img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }
.alignright { float: right;}
.alignleft { float: left; }
/* End Images */

/* Begin Lists
	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; padding-left: 10px;  }
html>body .entry li { margin: 0px 0 0px 10px; }
.entry ol { padding: 0 0 0 35px; margin: 0; }
.entry ol li { margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; }
#sidebar ul p, #sidebar ul select { margin: 5px 0 8px; }
#sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { list-style: decimal outside; }
#sidebar ul ul li, #sidebar ul ol li { margin: 0; padding: 0; line-height:25px; color:#000; }
/* End Entry Lists */

/* Begin Form Elements */

#searchform { margin: 10px auto; padding: 5px 3px; text-align: center; }
#sidebar #searchform #s { width:132px; padding:5px; border:solid 1px #ccc;}
#sidebar #searchsubmit { padding:5px; background:#0f3f9f; color:#fff; border:0; }
.entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:left; }
select { width: 130px; }
#commentform input { padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; }
#commentform textarea { width: 100%; padding: 2px; border:solid 1px #ccc; }
#respond:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { float: right; height:30px; background:#0f3f9f; color:#fff; border:0; margin-top:5px; margin-right:-6px; padding:2px 10px;}
/* End Form Elements */

/* Begin Comments*/

.alt { margin: 0; padding: 0; }
.thread-even { background-color:#eaf0fd; }
.thread-odd { color:#130813; }
.thread-odd a { color:#0f3f9f; }
.thread-odd a:hover { color:#130813; }
.commentlist { padding: 0; text-align: left; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin:10px; background-color:#FFF; border:0 }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */



/* Begin Sidebar */



#sidebar form { margin: 0; }
/* End Sidebar */



/* Begin Calendar */

#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */

acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; font-size: 11px; line-height: 17px; color:#666 }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
.screen-reader-text { position: absolute; left: -1000em; }
hr { display: none; }
a img { border: none; }
.navigation { display: block; text-align: center; margin-top: 10px; }
/* End Various Tags & Classes*/


/* Captions */

.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }
/* End captions */

/*-------------------------------------------------------------------------------------------*/
body {margin: 0px; padding:0px; font-family: Arial, Helvetica, sans-serif; font-weight:normal; background:#fff; font-size:12px; color:#212020; line-height:18px;}

h1 , h2 , h3 , form, input{ margin:0; padding:0;}

h1{font-size:36px; color:#003399; font-weight:bold; line-height:36px; margin:0px; padding:0px 0 10px 0;  font-family: 'com4t_fine_regularregular';}
h2{font-size:26px; color:#000; font-weight:bold; line-height:30px; margin:0px; padding:0 0 10px 0;  font-family: 'com4t_fine_regularregular';}
h3{font-size:20px; color:#242424; font-weight:normal; margin:0px; padding:0 0 10px 0; font-family: 'com4t_fine_regularregular';}

a{ color:#0f3f9f; text-decoration:none;}
img{border:0}
a:hover{ color:#212020; text-decoration:none;}

p { margin:5px 0 15px 0;}

@font-face {
    font-family: 'com4t_fine_regularregular';
    src: url('fonts/com4f_rg-webfont.eot');
    src: url('fonts/com4f_rg-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/com4f_rg-webfont.woff') format('woff'),
         url('fonts/com4f_rg-webfont.ttf') format('truetype'),
         url('fonts/com4f_rg-webfont.svg#com4t_fine_regularregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.wrapper { width:1011px; margin:0 auto; padding:0;}
.clear { clear:both;}


/*top*/
.top { width:100%; float:left; background:url(images/top_bg.png) no-repeat bottom center; position:relative; }
.logo { width:251px; float:left; margin:6px 0 14px 0;}
.logo img {margin:0px 0 14px 0;}
.top_right { width:732px; float:left; margin:0 0 0 28px; position:relative;}
.request_call { position:absolute; right:10px; top:0;}
.call_part { position:absolute; bottom:-24px; color:#fff; right:0; font-size:22px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:2px;}
.call_part span {color:#FFCC00; text-transform:uppercase;}
/*menu*/
ul.menu {list-style:none; padding:0; margin:0; float:left; width:100%;}
ul.menu li{ float:left; position:relative; z-index:100; margin:0 6px 0 0px;}
ul.menu li a:link, ul.menu li a:visited{text-decoration:none; color:#000; padding:68px 24px 74px 24px; float:left; cursor:pointer;font-family: 'com4t_fine_regularregular'; font-weight:bold; font-size:20px; text-transform:uppercase;}
ul.menu li a:hover {color:#fff; background:url(images/menu_hbg.jpg) repeat top left;}
ul.menu li a.menuhover {color:#fff; background:url(images/menu_hbg.jpg) repeat top left;}
ul.menu li.current_page_item a,ul.menu li.current_page_ancestor a ,ul.menu li.current_page_parent a {color:#fff; background:url(images/menu_hbg.jpg) repeat top left;}
ul.menu li.last a { padding-right:28px; border-right:0;}

ul.menu ul {position:absolute; top:153px; left:0;  display:none; list-style:none; z-index:1; margin:0; padding:0}
ul.menu ul li{position:relative; margin:0; font-size:12px; font-weight:normal; padding:0; z-index:1; border-bottom:#052245 1px solid; }
ul.menu ul li a:link, ul.menu ul li a:visited {display:block; font-family:Arial, Helvetica, sans-serif; margin:0px; padding:5px;color:#fff; text-decoration:none; font-size:12px;background:#000; text-transform:none; height:auto; width:236px; font-weight:normal; line-height:22px; z-index:1; border:none; }
ul.menu ul li a:hover, ul.menu ul li a.menuhover { background:#bcbcbc;color:#000; border:none;}
ul.menu ul ul {left:246px; top:0px;}

/*header*/
.home .header_bg { width:100%; float:left;  background:url(images/header_bg.png) no-repeat top center;}
.header_bg { width:100%; float:left;  background:url(images/header_bg2.png) no-repeat top center; padding-bottom:80px;}

.home .header { width:100%; float:left; position:relative; margin:5px 0 0 0;}
.header { width:100%; float:left; position:relative; margin:30px 0 0 0;}

.home .header_title { width:100%; float:left; font-family: 'com4t_fine_regularregular'; color:#fff; text-align:center; font-weight:normal; font-size:40px; padding:30px 0 7px 0; position:inherit; background:none;}
.header_title { width:auto; position:absolute; top:50%; left:0px; font-family: 'com4t_fine_regularregular'; color:#fff; text-align:center; font-weight:bold; font-size:40px; padding:20px;background:#242424;}

.home .header_box { margin-top:18px}
.header_box {width:100%; float:left; margin:0 0 0 0;}
.header_box ul { margin:0px; padding:0px;}
.header_box li { width:189px; float:left; background:#000; list-style:none; margin:0 0 0 16px;}
.header_box li:hover { background:#0c307a; cursor:pointer;}
.header_box li:first-child { margin:0px;}
.header_box li h2 { color:#fff; font-family: 'com4t_fine_regularregular'; font-weight:normal; font-size:26px; padding:14px 21px 17px 21px; text-align:center; line-height:25px;}
.header_box li h2 a:link, .header_box li h2 a:visited { color:#fff;}
.header_box li h2 a:hover { color:#FFCC00;}

/*mid*/
.home .content { width:100%; float:left; margin:0px 0 48px 0; background:url(images/mid_bg.jpg) repeat-y top center;}
.content { width:100%; float:left; margin:20px 0 48px 0; background:url(images/mid_bg.jpg) repeat-y top center;}
.main_cont { width:100%; float:left; margin:20px 0 48px 0;}
.mid { width:705px; float:left; margin:0 50px 0 0;}
.sidebar { width:213px; float:left; padding:0 17px 0 19px;}
.sidebar_content { width:100%; float:left; margin:20px 0 27px 0;}
.sidebar_content label {width:100%; float:left;font-family:Arial, Helvetica, sans-serif; color:#333333; font-size:12px; padding:0 0 3px 0;}
.sidebar_content input[type="text"]{width:95%; float:left; border:1px solid #ccc; background:#fff; border-radius:7px; color:#000;  padding:2% 2% 2% 2%; font-size:12px; margin-bottom:7px;}
.sidebar_content textarea{ width:95% !important; float:left; border:1px solid #ccc; background:#fff; height:60px; border-radius:7px; color:#000; padding:2% 2% 2% 2% !important; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
.sidebar_content input[type="submit"]{  width:82px; float:right; text-transform:uppercase; margin:10px 0 0 0; border-radius:10px; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#003399; color:#fff; border:1px solid #000066; height:28px; cursor:pointer;}

.sidebar_content ul { margin:0px; padding:0px;}
.sidebar_content li { list-style:none; width:100%; float:left; background:url(images/arrow_icon.png) no-repeat 0 11px;  line-height:20px; margin:0px; padding:5px 0 5px 10px; font-size:14px; } 
.sidebar_content li a:link, .footer_1 a:visited {color:#000;}
.sidebar_content li a:hover { color:#00F;}

/*footer*/
.footer { width:100%; float:left;}
.footer_top {width:100%; float:left; background:url(images/footer_topbg.png) no-repeat top center; height:93px;}
.footer_min {width:100%; float:left; background:url(images/footer_bg.jpg) repeat-y top center; padding:11px 0 0 0;}
.footer_min h4{font-size:24px; color:#999999; font-weight:normal; margin:0px; padding:0px 0 16px 0;  font-family: 'com4t_fine_regularregular';}

.footer_1 { width:226px; float:left; margin:0 0 0 8px; color:#fff;  }
.footer_1:first-child { margin:0px;}
.footer_1 ul { margin:0px; padding:0px;}
.footer_1 li { list-style:none; width:100%; float:left; background:url(images/arrow_icon.png) no-repeat 0 12px;  line-height:20px; margin:0px; padding:5px 0 5px 10px; } 
.footer_1 li a:link, .footer_1 a:visited {color:#fff;}
.footer_1 li a:hover { color:#FFCC00;}

.footer_1 span a{color:#999999;}
.footer_1 span a:hover {color:#FFCC00;}
.copy_right { width:100%; float:left; color:#fff; margin:25px 0 0 0; padding:10px 0 10px 0; text-align:center; background:url(images/copy_rightbg.jpg) no-repeat top center;}
div.wpcf7-mail-sent-ok { float:left;}
div.wpcf7-validation-errors { float:left;}


/*ip css*/


/*extra css*/
.wpcf7-text { border:solid 1px #ccc; height:18px; width:250px; padding:5px; margin-top:5px;}
.wpcf7-form-control-wrap textarea { border:solid 1px #ccc;width:300px; padding:5px; font-size:13px; font-family:Arial; margin-top:5px;}
.wpcf7-submit { margin:0px; background:#0f3f9f;border:none; cursor:pointer; height:33px; width:78px; display:block; color:#fff;}

.cont_left {width:30%; float:left;}
.cont_right { width:50%; float:right;}


/* Request a Call Back Start here

--------------------------------------------------------------------------------------------------------*/

#facebox {position:absolute;	z-index:999;
	left:-696px;
	margin-left:-250px;
	top:0;
	/* overlay is hidden before loading */
    display:block;
	background:#FFF;
    /* standard decorations */
    width:460px;
    /* for modern browsers use semi-transparent color on the border. nice! */
    border:3px solid #02359a;
  }



  #facebox .main {
    padding:10px 30px 20px 30px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
  }



  #facebox h1 {color:#02359a; font-size:20px; font-family: 'latobold'; padding-bottom:10px; background:url(images/phone-icon.jpg) no-repeat 55px 2px; padding-left:98px; padding-top:9px; border-bottom:#2e2e2e solid 1px; margin-bottom:17px; line-height:normal;}

  #facebox .input-space{ padding:0 0 10px 0; border:none;}

  #facebox label {
    color: #333333;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 0 0 3px;
    width: 100%;
}

  #facebox input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    color: #000000;
    float: left;
    font-size: 12px;
    margin-bottom: 7px;
    padding: 2%;
    width: 95%;
}
#facebox textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    color: #000000;
    float: left;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 60px;
    padding: 2% !important;
    width: 95% !important;
}

#facebox input[type="submit"] {
    background: none repeat scroll 0 0 #003399;
    border: 1px solid #000066;
    border-radius: 10px;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    height: 28px;
    margin: 10px 0 0;
    text-transform: uppercase;
    width: 82px;
}

#facebox .close{ width:28px; position:absolute; top:0px; right:0px; cursor:pointer;}

  #exposeMask{ background:#000 !important; opacity: 0.8 !important;}
  
  
.reqtitle {
    background: url("images/phone-icon.jpg") no-repeat scroll 55px 4px rgba(0, 0, 0, 0);
    border-bottom: 1px solid #02359a;
    color: #02359a;
    font-size: 20px;
    line-height: normal;
    margin-bottom: 17px;
    padding-bottom: 10px;
    padding-left: 98px;
    padding-top: 9px;
}  

  /* Request a Call Back End here

  /* Request a Call Back End here

--------------------------------------------------------------------------------------------------------*/

.system_row{ float:left; width:100%; margin-top:10px;}
.system_row h1{ padding-bottom:20px;}
.cont_left2 {width:25%; float:left; text-align:right;}
.cont_left2 img{ text-align:right;}
.cont_right{ float:right; width:73%;}
.cont_right ul { margin:0; padding:0; list-style-type:none;}
.cont_right li, .cont_right1 li { margin:0; padding:0 0 10px 16px; color:#000; background:url("images/arrow.png") no-repeat left 5px;}
.map{float:left;width:100%;}