/*   

Theme Name: CISO

Theme URI: 

Description: 

Author: 

Author URI: 

Template: 

Version: 

.

General comments/License Statement if any.

.

*/

@charset "UTF-8";

/* CSS Document */



html{background:url(images/background.jpg) #fff2f7 top repeat-x;}

body{color:#4c4c4c; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; margin:0; padding:0;}



a{text-decoration:none;}

a:hover{text-decoration:underline;}

img{border:none;}

ul{margin:0; padding:0;}

li{list-style:none;}

p{margin:0; margin-bottom:10px;}

h1{font-size:18px; font-weight:bold; margin:0 0 20px 0;}





.page{width:926px; margin:auto;}

.header{width:926px; height:202px; background:url(images/header.jpg) top no-repeat;}

.header_top{width:100%; height:140px;}

.container{width:880px; margin:auto;}

.logo{width:656px; float:left; padding-top:0px; padding-left:30px;}

.slogan{width:100%; color:#808183; font-size:15px; padding-top:10px; text-align:center;}

.contact{width:154px; height:78px; float:right; background:url(images/top_contact.gif) 0 0 no-repeat; margin-top:5px; color:#2b6bd9; padding-top:20px;}

.contact a{color:#2b6bd9;}

.contact .address{padding:5px 10px;}



.footer{width:926px; height:26px; padding-top:10px; color:#c9658d;}

.footer .left{width:30%; float:left; padding-left:25px;}

.footer .right{width:60%; float:right; text-align:right; padding-right:25px;}

.footer a{color:#c9658d;}



.main_menu{width:880px; height:37px; background:url(images/main_menu.gif) 0 0 no-repeat; clear:both; color:#FFFFFF; font-weight:bold;}

.main_menu a{color:#FFFFFF;}

.main_menu a:hover{text-decoration:none;}

.main_menu div{float:left; text-align:center;}

.main_menu .separator{width:1px; height:37px; background:url(images/menu_line.jpg) center center no-repeat; float:left;}

.main_menu .menu_left a{width:127px; height:27px; padding-top:10px; display:block;}

.main_menu .menu_left a:hover{background:url(images/main_menu_hover.gif) left no-repeat;}

.main_menu .menu_right a{width:127px; height:27px; padding-top:10px; display:block;}

.main_menu .menu_right a:hover{background:url(images/main_menu_hover.gif) right no-repeat;}

.main_menu .menu{position:relative; z-index:199;}

.main_menu .menu a{width:124px; height:27px; padding-top:10px; display:block;}

.main_menu .menu a:hover{background:url(images/main_menu_hover.gif) center no-repeat;}



.header_img { background-repeat: no-repeat; background-color: #fff;}

.banner_1{width:880px; height:237px; background:url(images/box_top.png) 0 0 no-repeat;}

.banner_1 .text{width:40%; float:right; color:#c9658d; font-size:16px; text-align:center; padding:65px 20px 0 0;}



.button_1 a{width:183px; height:26px; float:right; color:#FFFFFF; font-weight:bold; text-align:center; background:url(images/button-1.gif) 0 0 no-repeat; display:block; padding-top:10px;}

.button_1 a:hover{background:url(images/button-2.gif) 0 0 no-repeat; text-decoration:none;}

.main .paragraph{width:800px; padding:10px 40px; overflow:auto; text-align:justify;}

.main .paragraph_h{width:800px; padding:10px 40px 10px 20px; overflow:auto; text-align:justify;}

.main .paragraph p, .main .paragraph_h p{ line-height:25px;}



input[type="submit"]{width:187px; height:40px; float:right; color:#FFFFFF; font-weight:bold; text-align:center; background:url(images/button-1.gif) 0 0 no-repeat; display:block; padding-top:10px;}



.box_1{width:880px; background:url(images/box_top.jpg) top no-repeat; margin-bottom:20px; overflow:auto;}

.box_1 .title{width:840px; color:#c9658d; font-weight:bold; padding:15px 20px;}

.testimonial{width:224px; min-height:150px; background:url(images/box_bottom.jpg) bottom no-repeat; float:left; padding:5px 19px; display:inline; font-size:11px; font-family:Tahoma, Arial; text-align:justify; line-height:17px; margin:0 15px;}

.testimonial .name{font-weight:bold; font-size:12px; color:#2e6cd8; padding:10px 0;}

.testimonial .name a{color:#2e6cd8;}

.testimonial .more{width:50%; float:right; text-align:right; background:url(images/lips-1.gif) left center no-repeat;}

.testimonial .more a{color:#2e6cd8;}



/*DROP DOWN MENU*/

.dropmenu{position:absolute; top:37px; left:0; z-index:200; display:none; background-color:#5886d6; color:#FFFFFF;}

.dropmenu a{color:#FFFFFF; text-decoration:none; border-bottom:solid 1px #ffffff;}

.dropmenu a:hover{color:#FFFFFF;}

.dropmenu li{float:none;}



/*BLOG*/

.blog{width:100%; overflow:auto; background-color:#FFFFFF; margin-top:20px;}

.blog a{color:#2E6CD8;}

.narrowcolumn{width:660px; float:left; margin-left:10px; display:inline;}

.pagetitle{font-size:18px; color:#C9658D; margin:10px 0;}

.widgettitle{font-size:16px; color:#C9658D;}

#sidebar{width:180px; float:right; text-align:right; margin-right:10px; margin-top:12px; line-height:20px; display:inline;}

#sidebar ul{border:1px solid #F8D6D6; padding:10px;}

#sidebar ul ul{background-color:#FDEEEE;}

#sidebar li li{list-style:disc; text-align:left; margin-left:10px;}

.post{width:100%; border-bottom:1px solid #F8D6D6; padding:10px 0;}

.postmetadata{background-color:#FDEEEE; padding:3px;}



/*MISC*/

.f_left{float: left;}

label.f_left{width: 200px; margin-right: 10px}

input.f_left{width: 180px;}

textarea.f_left{width: 390px;}

.clear{clear: both;}

.wpcf7-form-control-wrap{float: left; width: 200px; margin-right: 10px;}

.wpcf7-checkbox .wpcf7-list-item{display: block;}

/* 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 */



#fadeshow img{max-width: 360px; max-height: 270px;}