/* Page Setup */
body.custom {background:url(/posts/img/page-bottom_bg.png) repeat-x bottom}
.custom .format_text {background:none; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; font-size:14px; color:#333; line-height:20px;}
.custom h1 {color:#3077CD; font-size:24px; font-weight:normal; margin-top:10px; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; padding:10px 0 0 0;}
.custom h2 {color:#3077CD; font-size:20px; font-weight:normal; margin-top:10px; margin-bottom:10px; font-family:Tahoma, Geneva, sans-serif; padding:10px 0 0 0;}
.custom h3 {color:#3077CD; font-family:Tahoma, Geneva, sans-serif; font-size:18px; font-weight:normal; margin:19px 0 15px 0;}
.custom h4 {font-family:Tahoma, Geneva, sans-serif;}
.custom p {font-size:14px; margin:0; padding:0 0 20px 0; text-align:justify; font-size:14px;}
.custom p.indent1 {margin-left: 30px;}
.custom .h1_new h1 {font-size:24px;}
.custom .top_p {margin-top: 25px;}
.custom .bottom_p {margin-bottom: 20px;}
.custom a,.custom a:visited {color:#3077CD;}
.custom .headline_meta a,.custom .headline_meta a:visited {color:#888888;}
.custom .headline_meta a:hover {cursor:default;}
.headline_meta a {border-bottom:0;}
.custom hr {width:90%; margin:auto; border-style:thin;}
.custom #container {width:100%; background:url(/posts/img/page_bg.png) repeat-x;}
#page {background:none; width:1051px; margin-left:auto; margin-right:auto;}
.custom .menu {float:right;}
.custom #header {float:left; padding:0; margin:0; width:100%; background:url(/images/wrapper_bg.png) no-repeat; background-position:left top; height:120px;}
.custom #content_box {clear:both; background:url(/posts/img/divider_line.png) repeat-y; margin:0 0 0 1px;}
.custom #content {width:672px; padding:10px 72px 10px 10px; border-left:1px solid #E4E4E4;}
.custom #sidebars {width:250px; padding:0 0 0 39px;}
.custom #footer {padding:0; margin:0; background:url(/posts/img/footer_bg.png) repeat-x;}
.custom #comments {margin:0; padding:0;}
.custom .post_box {margin:0; padding:0 0 0 2px;}
.custom .post_image_link {width:200px; height:200px; float:left; overflow:hidden; text-align:center; margin:0 10px 10px 0;}
.custom .post_image {width:100%;}
.custom .format_teaser .post_image_link {display:none;}
.custom .quick_facts, .quick_facts_body {background-color:#FFFFE0; width:570px; border:solid 1px #DDD; align:center; text-align:left; margin-left:auto; margin-right:auto; padding:20px 30px 20px 30px; margin-bottom:15px;}
.custom. quick_facts {font-size:14px; line-height:16px; font-style:normal;}
.custom .quick_facts li {padding-bottom:5px;}
.custom .quick_facts strong {padding-bottom:0px;}
.custom li {padding-bottom: 10px;}
.custom .spacer_line {display:block; height:20px;}
.custom ul {padding-bottom: 0px; margin-bottom: 0px;}
.custom ol {padding-bottom: 0px; margin-bottom: 0px;}
.custom .indent_left {padding-left:30px;padding-bottom:20px;}
.custom .upper_border td {padding: 10px 5px 10px 5px; border-top: 1px solid #CCC; vertical-align: top;}
.custom .ul_nobullet ul {list-style-type: none;}

.custom @media only screen and (max-width: 480px){
        .emailImage{
            height:auto !important;
            max-width:600px !important;
            width: 100% !important;
        }
    }

.custom .no_sidebars {background:url(/posts/img/divider_line.png) repeat-y !important; }

/* Header Area */
.custom #header-logo-area {float:left; font-size:0;}
.custom #header-logo-area a {display: none; width: 1024px; height: 70px;}
.custom #archive_intro {display:none;}
.custom #tagline {display:none;}

/* Main Menu */
.root_pages_navigation {
	float: right;
	height: 120px;
	width: 472px;
}

#menu {
	margin-top: 91px;
	float:left;
	width:100%;
	line-height:normal;
}

#menu ul {
	margin:0;
	padding:0px 0px 0px 0px;
	list-style:none;
	}
#menu li {
	display:inline;
	margin:0;
	padding:0;
}

#menu a {
	font-size: 16px;
	float:left;
	background-image: url(http://www.compuclever.com/posts/img/nav-left_bg.png);
	background-repeat: no-repeat;
	background-position: left top ;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
	}

#menu a span {
	float:left;
	display:block;
	background-image: url(http://www.compuclever.com/posts/img/nav_bg.png);
	background-repeat: no-repeat;
	background-position: right top;
	padding:5px 12px 10px 6px; 
	color:#000;
	margin-right: 2px;
	}
	
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#menu a span {float:none;}
/* End IE5-Mac hack */
/*#menu a:hover span {color:#FFFFFF;}
#menu a:hover {background-position:0% -42px;}
#menu a:hover span {background-position:100% -42px;}*/
#menu .current a span {
	float:left;
	display:block;
	background-image :url(http://www.compuclever.com/posts/img/nav_bg_hl.png);
	background-repease: no-repeat;
	background-position: right top;
	padding:5px 12px 10px 6px;
	color:#000;
}

#menu .current a {
	float:left;
	background-image:url(http://www.compuclever.com/posts/img/nav-left_bg_hl.png);
	background-repeat: no-repeat;
	background-position: left top ;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
}


/* Footer Area */
.custom #footer {text-align:center; font-size:10px; border:none; color:#FFFFFF; font-size:10px; font-family:Arial, Helvetica, sans-serif; padding:12px 0 0 0; height:90px;}
.custom #footer li {background:none;}
.custom #footer a {color:#FFFFFF; background:none; text-decoration:none; border:none; cursor:pointer; font-variant:normal; font-family:Arial, Helvetica, sans-serif; font-size:14px; padding:0; margin:0;}
.custom #footer a:hover {text-decoration:underline;}

/* Foooter Menu */
.custom #footer .footer {text-align:center;height: 79px;margin-right: 36px;margin-left: 36px;padding-top: 20px;}
.custom #footer .footer_nav {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #FFF;margin-bottom: 20px;}
.custom #footer .footer_nav a:hover{color: #FFF;}
.custom #footer .copyright {font-family: Arial, Helvetica, sans-serif;font-size: 10px;color: #FFF;line-height: 12px;}
.custom #footer .copyright a{font-family: Arial, Helvetica, sans-serif;	font-size: 10px;color: #FFF;line-height: 12px;text-decoration:underline;}

/* Page Intro */
.custom #page-intro-top {height:8px; background:url(/posts/img/home_banner_bg_01.png) no-repeat; clear:both;}
.custom #page-intro {background:url(/posts/img/home_banner_bg_02.png) repeat-y; padding:36px 44px 1px 83px; height:130px;  font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
.custom #page-intro-left {width:650px; float:left; margin:0; padding:0;}
.custom #page-intro-right {float:right; margin:0; padding:0;}
.custom #page-intro h1 {color:#3077CD; font-size:36px; line-height:40px; font-weight:bold; width:650px; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
.custom #page-intro p {font-size:16px; font-weight:normal; text-align:left; line-height:20px; color:#666666; padding:8px 0 0 0; width:580px;}
.custom #page-intro-bottom {height:17px; background:url(/posts/img/home_banner_bg_03.png) no-repeat bottom; clear:both;}
.custom img#page-intro-thumb {width:128px; height:128px; margin:-20px 50px 0 0;}
.custom #page-top {background:url(/posts/img/divider_line_top.png) bottom no-repeat;width:100%;}

/* Sidebar */
.custom .widget h3 {font-variant:normal; font-size:12px; line-height:20px; color:#000000; font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; letter-spacing:0; border-bottom:1px solid #CCCCCC; padding:0 0 13px 5px; margin:0;}
.custom ul.sidebar_list {padding:20px 3px 20px 6px;}
.custom .widget li {padding:13px 5px 0 5px; margin:0;}
.custom .widget a {font-size:12px; line-height:20px; color:#168EF4;}
.custom .sidebar-image img {width:100%;}

/* Navigation bar */
.custom .prev_next {display:none;}

/* img overflow */
img,div {overflow:hidden; }

/* for smartphones */
@media only screen and (max-width:900px) {
.custom #page { width: 100%; }
.custom #header {height: 250px; overflow:visible;}
.custom .root_pages_navigation {height:600px;width:100px;}
.custom #page-intro-left { width: 70%; }
.custom #page-top {display: none; }
.custom #content {width: 95%; padding: 10px 5px 10px 10px; }
.custom #content p {padding-left: 10px;}
.custom .quick_facts {width: 80% ;}
.custom .format_text, .custom p { font-size: 25px; line-height: 30px;}
.custom h1, .custom h2, .custom h3 {font-size:35px; linge_height: 40px;}
.custom .teasers_box {width:100%; margin:0 0 0 0;}
.custom .teasers_box .teaser{width:49%; }
#menu a span {width:70px; }
}