/** { box-sizing:border-box; -moz-box-sizing:border-box; } */

#container { width:940px; margin:0 auto; border:solid 5px #000; margin-top:20px; }

/* Globals */
a { text-decoration:none; color: #000;}

.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

/*----- persistent styles -----*/
html,body { margin:0; padding:0; height:100%; background:#adadad url('/templates/client/images/background.jpg') repeat-x; font-family: georgia, times, serif; font-size:14px; line-height:18px; color:#333; }
img, img a, img a:link { border:0px; }

.clear { clear:both; }

/* Header 
header { width:100%; max-width:980px; margin:13px auto;}
header a { display:block; margin:20px; font-size:25px; color:white; text-shadow:0 0 7px black; }
header a i.fa { vertical-align:middle; color: #FFA500; position:relative; }
header a i.fa-html5:after { content: "\f13b"; color: darkorange; width: 0.4em; display: block; overflow: hidden; position: absolute; top: 0; text-shadow:none; } */

/* imported header */
#header { width:940px; height:116px; }
#header #logo { width:930px; height:80px; background:#fff url('/templates/client/images/header-logo-bg.jpg'); padding:10px 0px 0px 10px; }
#header #logo .img {    display: block; width:361px; height:70px; background:url('/templates/client/images/header-logo.gif'); }
#header #menu { width:940px; height:26px; background:#990000 url('/templates/client/images/header-menu-bg.gif'); }

/* imported nav */
#menu ul { list-style:none; margin:0px 0px 0px 50px; padding:0px; color:#999; font-size:13px; line-height:25px; }
#menu ul a:link { color:#fff; text-decoration:none; }
#menu ul a:visited { color:#fff; text-decoration:none; }
#menu ul a:hover { color:#fff; text-decoration:underline; }
#menu li { float:left; display:inline; margin:0px 10px 0px 10px; }

/* Main section layouts */ 
/* imported home */
#homeTop { font-family:'century gothic', georgia; width:940px; height:340px; background:#000; }
#homeTop #slideshow { width:621px; height:334px; background:url('/templates/client/images/home-top-slideshow-bg.jpg'); float:left; display:inline; }
#homeTop #welcome { width:276px; height:294px; background:#e4e4e4; float:right; display:inline; padding:20px; font-size:12px; line-height:18px; }
#homeTop #welcome h1 { font-size:22px; font-weight:normal; margin:0px 0px 20px 0px; }

/* imported interior */
#interiorTop { width:940px; height:140px; background:#333; background:url('/templates/client/images/header-interior.jpg'); }

/* Blog */
section .blogitem { border-bottom:1px solid #8AA1AC; }
section .blogitem img { vertical-align:top; float:left; margin:0 0.7em 0.7em 0; }
section .blogitem .date { font-style:italic; }
section .blogitem .category { border:1px solid gray; background:lightgray; border-radius:0.5em; font-size:0.9em; padding:0.1em 0.3em; }


/* imported content */
#contentContainer { width:940px; background:#fff url('/templates/client/images/header-dropshadow.gif') repeat-x;  }
#contentContainer .content { width:580px; padding:20px 20px 20px 20px; float:left; display:inline; }
#contentContainer .content a:link { color:#000; text-decoration:underline; }
#contentContainer .content a:visited { color:#000; text-decoration:underline; }
#contentContainer .content a:hover { color:#990000; text-decoration:underline; }
#contentContainer .content h2 { margin:0px 0px 15px 0px; font-size:24px; line-height:26px; font-weight:normal; }
#contentContainer .content h3 { margin:20px 0px 0px 0px; font-size:18px; line-height:26px; font-weight:normal; clear:both; }
#contentContainer .content ul { margin:10px 0px 0px 0px; padding:0px 0px 0px 20px; }
#contentContainer .content ul li { margin:0px 0px 8px 0px; }
#contentContainer .content hr { margin:20px 0px 20px 0px; border:0px; color:#ccc; background-color:#ccc; height:1px; clear: both;}
#contentContainer .sidebar { width:316px; float:right; display:inline; }
#contentContainer .sidebar .title { width:300px; padding:20px 0px 8px 8px; font-size:20px; }
#contentContainer .sidebar .content { width:286px; background:url('/templates/client/images/sidebar-bg.jpg'); padding:10px; font-size:12px; line-height:16px; }
#contentContainer .sidebar .content .sidebarImg1 { width:286px; height:120px; background:#ccc; margin:0px 0px 10px 0px; }
#contentContainer .sidebar .content p { margin:0px 0px 15px 0px; }
#contentContainer .sidebar .content ul { margin:-10px 0px 0px 0px; padding:0px 0px 0px 20px; }
#contentContainer .contentBio { width: 90%; }
#contentContainer .contentBio .sidebar {display:none;}

.lawyer-pic {float:left; padding: 0 30px 23px 10px; clear:both;}
#contentA dt {display: inline;}
.trials { background: url(/templates/client/images/open.png) no-repeat 0 11px; padding: 10px 0 0 25px; cursor: pointer;}
.close { background-image: url(/templates/client/images/close.png);}
.trialslist {margin-left:30px;}
dl {margin:0;}
/* Gallery */
#gallery-categories { list-style: none; padding: 0; margin: 0; }
#gallery-categories li { width: 50%; display: block; margin: 0; padding: 1em; float:left; }
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span { position: absolute; right: 0; bottom: 0; background:darkgray; background: rgba(128, 128, 128, 0.75); padding: 0.4em; color: white; }
#gallery-categories li a img { display:block; width:100%; height:auto; }

#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding: 0.3em; margin: 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:0.2em; border:1px solid transparent; }
#gallery-pager ul li.rslides_here { border-color:#fff; box-shadow: 0px 0px 7px 2px #7D868A; }
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block; }
#gallery-pager .prev { position:absolute; left:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager .next { position:absolute; right:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:2em; z-index:2; font-family: FontAwesome; }
#gallery-pager ul.js::-webkit-scrollbar { display: none; }

#gallery-photos { position:relative; }
#gallery-photos ul li:active,
#gallery-photos ul li:target { display:block!important; }
#gallery-photos .prev { position:absolute; left:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }
#gallery-photos .next { position:absolute; right:-0.3em; width:1em; height:1em; top:50%; margin-top:-0.5em; bottom:0; font-size:3em; z-index:2; font-family: FontAwesome; }

/* Footer */
/* imported footer */
#footer { width:940px; position:relative; height:233px; background:url('/templates/client/images/footer-bg.jpg'); font-family:'century gothic', georgia; font-size:12px; }
#footer .content { width:900px; height:100px; background:url('/templates/client/images/footer-content-bg.gif') repeat-x 0px 63px; font-size:12px; line-height:18px; margin:0px 0px 0px 20px; color:#cccccc; }
#footer a:link { color:#ccc; }
#footer a:visited { color:#ccc; }
#footer a:hover { color:#fff; }
#footer p { margin:0px 0px 10px 0px; }
#footer ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 20px; }
#footer h2 { font-weight:normal; font-size:22px; line-height:0px; margin:43px 0px 25px 0px; font-family: georgia, times, serif;}
#footer .left { width:380px; height:80px; float:left; display:inline; padding:0px 20px 0px 0px; }
#footer .center { width:220px; height:90px; float:left; display:inline; }
#footer .right { width:280px; height:100px; float:left; display:inline; }

#subFooter { width:940px; height:110px; margin:0 auto; margin-top:15px; font-size:11px; line-height:14px; color:#444; text-align:center; }
#subFooter a:link { color:#444; text-decoration:none; }
#subFooter a:visited { color:#444; text-decoration:none; }
#subFooter a:hover { color:#000; text-decoration:underline; }
#subFooter p { margin:0px 0px 15px 0px; }

/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* ================================================== Media Queries ================================================== */

/* Landscape phones and smaller */
@media (max-width:550px) {
	/*header { text-align:center; }

	nav > ul:before { content:"[ MENU ]"; text-align:center; display:block; cursor:pointer; font-weight:bold; padding:0.5em 0.5em 1em; }
	nav > ul:hover > li,
	nav > ul.selected > li { display:inline-block; }
	nav > ul > li { display:none; width:50%; position:relative; }
	nav > ul > li > a { width:100%; }
	nav > ul > li > ul { width:100%; }

	section article { padding:0 1em 1em; }
	section.sidebar article { width:100%; }
	section.sidebar aside { width:100%; float:none; padding:0 1em; }

	footer { text-align:center; }*/
}


/*COMPUCAST LOGO CSS start-----------------------------*/
/*.backdrop {position:absolute; top:0; left:0; width:100%; height:100%; background:white; opacity:0.0; z-index:9998; transition:0.3s opacity;}*/
.old-ie {display:none;}
.cc2:hover{fill:rgba(0,0,0,0.4);}

.compucast {display:block; position:absolute;  bottom:-5px; right:5px;margin:10px auto; width:58px; height:64px;  color:black;  border-radius:2px; overflow:hidden;  z-index:9999; transition:0.5s 1.4s;}
.compucast.dark {color:white;}
	.logo1, .logo2, .old-ie {position:absolute; top:50%; right:10px; margin-top: -13px; opacity:1.5; transition:0s}
.compucast:hover, .compucast_hover {width: 225px; background:rgba(0, 0, 0, 0.8); -moz- box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);box-shadow: 1px 7px 16px -7px rgba(0, 0, 0, 0.3);transition:0.3s 0s;}	
.dark:hover { background:rgba(0, 0, 0, 0.8); }
	.compucast p {position:absolute; left:-200px; margin: 0 0 0 10px !important; line-height: 21px; padding: 11px 0 !important; font-family:Arial,"Times New Roman", Times, serif !important; font-size:12px; color: #808080; opacity:0; transition:0.5s 1.4s;text-align: left;}
	.compucast a {font-size:14px; font-weight:bold; color: #000; text-decoration:none; }
	.compucast:hover p {left:0px; opacity:1; transition:0.4s 0.0s;}
	.compucast.dark:hover p { color: #E2DEDE;}
	.compucast.dark a {font-size:14px; color: #fff;}
	
	/*color classes: colored , white and black*/
	.purple {fill:#7F3F98}
	.green {fill:#00A14B}
	.black1 {fill:rgba(0,0,0,1)}
    .black2 {fill:rgba(0,0,0,0.5)}
	.white1 {fill:rgba(255,255,255,1)}
    .white2 {fill:rgba(255,255,255,0.5)}	
/*COMPUCAST LOGO CSS end-------------*/
#subFooter { width:940px; height:110px; margin:0 auto; margin-top:15px; font-size:11px; line-height:14px; color:#444; text-align:center; }
#subFooter a:link { color:#444; text-decoration:none; }
#subFooter a:visited { color:#444; text-decoration:none; }
#subFooter a:hover { color:#000; text-decoration:underline; }
#subFooter p { margin:0px 0px 15px 0px; }


/* Flat site edits */
#footer .content .right ul li:nth-child(2) {
	display: none;
}