/*  
Theme Name: NLG Website V2
Theme URI: nguyenlegalgroup.com
Description: Nguyen Legal Group, P.C.
Version: 1.0
Author: juswin
Author URI: http://www.nguyenlegalgroup.com

*/

html {
height: 100%;
}

body {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px;
background: #333333;
}

/* ----- SELECTION Colors ----- */

*::selection { background: #EFEFEF; /* Safari */ }
*::-moz-selection { background: #EFEFEF; /* Firefox */ }

/* ----- Lazy Load Colors ----- */

.color007 {color:#003366 !important;}
.color000 {color:#000000 !important;}
.color999 {color:#BDBDB0 !important;}

/* ----- WRAPPERS & CONTAINERS ----- */

#wrapper {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
background: #FFFFFF;
}

#content-container {
width: 940px; 
margin: 0 auto; 
}

#content-wrapper {
width: 940px;
margin-left: auto; /* THIS WILL CENTER THE SITE. */
margin-right: auto; /* THIS WILL CENTER THE SITE. */
background: url(http://www.nguyenlegalgroup.com/img/site-v2/body-bg1.png) repeat-y; /* IF YOU CHANGE THE COLORS OF THE LAYOUT YOU HAVE TO CHANGE THIS IMAGE. */
overflow: hidden; /* USE THIS LINE BECAUSE INTERNET EXPLODER ISN'T READING CODE PROPERLY. */
background: #FFFFFF;
clear: both;
}

/* ----- TOP MINI NAV ----- */

#mini-nav-wrapper {
display: block;
width: 940px;
background-color:#EFEFEF;
float: left;
}

/* MINI LEFT */

#mini-nav-left {
display: block;
width: 460px;
height: 25px;
margin-left: 10px;
margin-top: 15px;
float: left;
}

#mini-nav-left p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
font-style: normal;
font-weight: normal;
text-align: left;
line-height: 1.2em;
padding: 0;
margin: 0;
}

#mini-nav-left p a {
color: #666666;
text-decoration: underline;
}

#mini-nav-left p a:hover {
color: #003366;
text-decoration: underline;
}

/* MINI RIGHT */

#mini-nav-right {
display: block;
width: 460px;
height: 25px;
margin-right: 10px;
margin-top: 15px;
float: left;
}

#mini-nav-right p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 10px;
font-style: normal;
font-weight: normal;
text-align: right;
line-height: 1.2em;
padding: 0;
margin: 0;
}

#mini-nav-right p a {
color: #666666;
text-decoration: underline;
}

#mini-nav-right p a:hover {
color: #003366;
text-decoration: underline;
}

/* ----- TOP MAIN NAVIGATION ----- */

#topnav-wrapper {
display: block;
width: 940px;
height: 96px;
float: left
}

#logo-main a {
display: block;
width: 353px;
height: 96px;
float: left;
background: url(http://www.nguyenlegalgroup.com/img/site-v2/logo-main.png);
}

#topnav-col {
display: block;
height: 70px;
float: left;
padding-top: 26px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 0px;
}

#topnav-col ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-style: normal;
font-weight: normal;
line-height: 1.6em;
padding: 0;
margin: 0;
}

#topnav-col li {
color: #003366;
text-decoration: none;
}

#topnav-col li a {
color: #003366;
text-decoration: none;
}

#topnav-col a:hover {
color: #003366;
text-decoration: underline;
}

/* ----- HEADER IMAGE ----- */

#imgban {
display: block;
background-color: #FFFFFF;
width: 940px;
margin-bottom: 20px;
}

/* ----- BOX ----- */

#box {
width: 460px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
min-height: 100px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 100px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
float: left;
}

#box p.caption {
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 10px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
margin-top: 0px;
}

/* ----- SIDE BAR (left side) ----- */

.sidebar {
width: 220px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
min-height: 100px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 100px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
float: left;
}

.sidebar ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
padding: 0;
margin: 0;
}

.sidebar li {
color: #003366;
text-decoration: none;
}

.sidebar li a {
color: #666666;
text-decoration: none;
}

.sidebar a:hover {
color: #003366;
text-decoration: underline;
}

/* SIDE BAR (right side) */

#side-bar {
width: 220px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-top: 0px;
padding-right: 0px;
margin-left: 0px;
padding-bottom: 0px;
padding-left: 0px;
min-height: 100px; /* for modern browsers */
height: auto !important; /* for modern browsers */
height: 100px; /* for IE5.x and IE6 */
background-color: #FFFFFF;
float: left;
}

#side-bar p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

#side-bar ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
padding: 0;
margin: 0;
}

#side-bar li {
color: #003366;
text-decoration: none;
}

#side-bar li a {
color: #666666;
text-decoration: none;
}

#side-bar a:hover {
color: #003366;
text-decoration: underline;
}

/* SIDE BAR (right side for Banners) */

#banners {
display: block;
width: 210px;
border: 1px solid #CCCCCC;
padding: 4px;
margin-top: 4px;
margin-bottom: 6px;
float: left;
}

#banners h2 {
font-family: Arial, Helvetica, sans-serif;
color: #003366;
font-size: 13px;
font-style: normal;
font-weight: bold;
line-height: 1.2em;
text-align: left;
margin-top: 10px;
margin-bottom: 0px;
}

#banners p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
margin-top: 0px;
}

#banners p a {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
}

#banners p a:hover {
color: #003366;
text-decoration: underline;
}

/* ----- FOOTER ----- */

#footer-container {
width: 940px; 
margin: 0 auto; 
}

#footer-wrapper {
display: block;
width: 940px;
}

#footer-col {
display: block;
float: left;
padding-top: 50px;
padding-right: 30px;
padding-bottom: 70px;
padding-left: 0px;
}

#footer-col ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 12px;
margin-left: 0px;
}

#footer-col li {
color: #666666;
text-decoration: none;
}

#footer-col li a {
color: #666666;
text-decoration: none;
}

#footer-col a:hover {
color: #BDBDB0;
text-decoration: underline;
}

#footer-col p {
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
}

#footer-col p a {
color: #999999;
text-decoration: none;
}

#footer-col p a:hover {
color: #BDBDB0;
text-decoration: underline;
}

/* ----- FOOTER - Social Media ----- */

#footer-col-socialmedia {
display: block;
float: left;
padding-top: 50px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}

#footer-col-socialmedia p {
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
}

/* ----- CONNECT - Facebook ----- */

#connect-facebook a {
display: block;
width: 150px;
height: 16px;
float: left;
margin-bottom: 5px;
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-facebook.png) no-repeat;
}

#connect-facebook a:hover {
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-facebook.png) no-repeat 0 -16px; 
}

#connect-facebook ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
text-indent: 22px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#connect-facebook li {
color: #666666;
text-decoration: none;
}

#connect-facebook li a {
color: #666666;
text-decoration: none;
}

#connect-facebook a:hover {
color: #BDBDB0;
text-decoration: underline;
}

#connect-facebook p {
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
color: #999999;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.2em;
text-align: left;
}

/* ----- CONNECT - Radio ----- */

#connect-radio a {
display: block;
width: 150px;
height: 16px;
float: left;
margin-bottom: 5px;
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-radio.png) no-repeat;
}

#connect-radio a:hover {
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-radio.png) no-repeat 0 -16px; 
}

#connect-radio ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
text-indent: 22px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#connect-radio li {
color: #666666;
text-decoration: none;
}

#connect-radio li a {
color: #666666;
text-decoration: none;
}

#connect-radio a:hover {
color: #BDBDB0;
text-decoration: underline;
}

/* ----- CONNECT - YouTube ----- */

#connect-youtube a {
display: block;
width: 150px;
height: 16px;
float: left;
margin-bottom: 5px;
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-youtube.png) no-repeat;
}

#connect-youtube a:hover {
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-youtube.png) no-repeat 0 -16px; 
}

#connect-youtube ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
text-indent: 22px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#connect-youtube li {
color: #666666;
text-decoration: none;
}

#connect-youtube li a {
color: #666666;
text-decoration: none;
}

#connect-youtube a:hover {
color: #BDBDB0;
text-decoration: underline;
}

/* ----- CONNECT - Twitter ----- */

#connect-twitter a {
display: block;
width: 150px;
height: 16px;
float: left;
margin-bottom: 5px;
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-twitter.png) no-repeat;
}

#connect-twitter a:hover {
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-twitter.png) no-repeat 0 -16px; 
}

#connect-twitter ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
text-indent: 22px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#connect-twitter li {
color: #666666;
text-decoration: none;
}

#connect-twitter li a {
color: #666666;
text-decoration: none;
}

#connect-twitter a:hover {
color: #BDBDB0;
text-decoration: underline;
}

/* ----- CONNECT - LinkedIn ----- */

#connect-linkedin a {
display: block;
width: 150px;
height: 16px;
float: left;
margin-bottom: 5px;
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-linkedin.png) no-repeat;
}

#connect-linkedin a:hover {
background: url(http://www.nguyenlegalgroup.com/img/site-v2/connect-linkedin.png) no-repeat 0 -16px; 
}

#connect-linkedin ul {
list-style: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
line-height: 1.5em;
text-indent: 22px;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

#connect-linkedin li {
color: #666666;
text-decoration: none;
}

#connect-linkedin li a {
color: #666666;
text-decoration: none;
}

#connect-linkedin a:hover {
color: #BDBDB0;
text-decoration: underline;
}

/* ----- Post Footer Data (for each post) ----- */

.postmetadata {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #999999;
text-decoration: none;
}

.postmetadata a {
color: #999999;
text-decoration: none;
}

.postmetadata a:hover {
color: #003366;
text-decoration: underline;
}

/* ----- GENERIC COPY ELEMENTS ----- */

h1 {
font-family: Arial, Helvetica, sans-serif;
color: #003366;
font-size: 18px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

h1 a {
font-family: Arial, Helvetica, sans-serif;
color: #003366;
font-size: 18px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
text-decoration: none;
margin-top: 0px;
}

h1 a:hover {
color: #003366;
text-decoration: underline;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
color: #003366;
font-size: 13px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
padding: 0;
margin: 0;
}

h3 {
font-family: Arial, Helvetica, sans-serif;
color: #003366;
font-size: 14px;
font-style: normal;
font-weight: bold;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
margin-bottom: 0px;
}

p {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

p a {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
text-decoration: underline;
}

p a:hover {
color: #003366;
text-decoration: underline;
}

ul {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
list-style-image: url(http://www.nguyenlegalgroup.com/img/site-v2/list-style.gif);
padding: 0px;
margin-left: 17px;
margin-top: 0px;
line-height: 1.3em;
}

li {
color: #666666;
text-decoration: none;
}

li a {
color: #666666;
text-decoration: underline;
}

li a:hover {
color: #003366;
text-decoration: underline;
}

ol {
font-family: Arial, Helvetica, sans-serif;
color: #666666;
font-size: 12px;
font-style: normal;
font-weight: normal;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
padding: 0px;
margin-left: 20px;
margin-top: 0px;
line-height: 1.3em;
}

.blockquote {
border-left: 5px solid #99CCFF;
margin-left: 15px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 10px;
font-family: Georgia, Times New Roman, Times, serif;
color: #666666;
font-size: 16px;
font-style: italic;
font-weight: normal;
line-height: 1.3em;
text-align: left;
margin-top: 0px;
}

/* Styling Custom Numbered Page Navigation (Pagination) by BOUTROS ABICHEDID */

.pagenavi {
margin: 0 0 20px 0px;
padding: 5px 1px 5px;
float:left;
width: 460px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #888888;
font-style: normal;
font-weight: normal;
}

.pagenavi a {
padding: 5px 6px 4px 6px;
margin: 3px;
text-decoration: none;
color: #888888;
border: 1px solid #D8D8D8;
background-color: #FFFFFF;
}

.pagenavi a:hover {
border: 1px solid #BDBDB0;
color: #FFFFFF;
background-color: #BDBDB0;
}

.pagenavi span.pages {
padding: 5px 6px 4px 6px;
margin-left: 0px;
margin-right: 3px;
border: 1px solid #D8D8D8;
background-color: #FFFFFF;
}

.pagenavi span.current {
padding: 5px 6px 4px 6px;
margin: 3px;
border: 1px solid #888888;
color: #FFFFFF;
background-color: #888888;
}

.pagenavi span.expand {
padding: 5px 6px 4px 6px;
margin: 3px;
color: #888888;
border: 1px solid #D8D8D8;
background-color: #FFFFFF;
}

.pagenavi .first, .pagenavi .last {
border: 1px solid #D8D8D8;
}

.pagenavi .single_page {
border: 1px solid #D8D8D8;
}

/* ----- PROCESSING TIMES TABLE ----- */

table.altrowstable {
	border-collapse: collapse;
}

table.altrowstable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
    line-height: 1.2em;
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #FFFFFF;
	vertical-align: middle;
	text-align: center;
	background-color:#999999;
}

table.altrowstable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
    line-height: 1.2em;
	border-width: 1px;
	padding: 4px;
	border-style: solid;
	border-color: #FFFFFF;
	vertical-align: top;
	text-align:left;
}

.oddrowcolor{
	background-color:#F7F7F7;
}

.evenrowcolor{
	background-color:#E5E5DA;
}

/* ----- ELEMENTS ----- */

/* margins */
.margin0 {margin:0px;}
.margin1 {margin:1px;}
.margin2 {margin:2px;}
.margin3 {margin:3px;}
.margin4 {margin:4px;}
.margin5 {margin:5px;}
.margin6 {margin:6px;}
.margin7 {margin:7px;}
.margin8 {margin:8px;}
.margin9 {margin:9px;}
.margin10 {margin:10px;}
.margin12 {margin:12px;}
.margin14 {margin:14px;}
.margin15 {margin:15px;}
.margin16 {margin:16px;}
.margin18 {margin:18px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}
.margin40 {margin:40px;}


/* margins top */
.mtop0 {margin-top:0px !important;}
.mtop2 {margin-top:2px !important;}
.mtop3 {margin-top:3px !important;}
.mtop4 {margin-top:4px !important;}
.mtop5 {margin-top:5px !important;}
.mtop6 {margin-top:6px !important;}
.mtop8 {margin-top:8px !important;}
.mtop10 {margin-top:10px !important;}
.mtop12 {margin-top:12px !important;}
.mtop14 {margin-top:14px !important;}
.mtop16 {margin-top:16px !important;}
.mtop18 {margin-top:18px !important;}
.mtop20 {margin-top:20px !important;}
.mtop22 {margin-top:22px !important;}
.mtop24 {margin-top:24px !important;}
.mtop25 {margin-top:25px !important;}
.mtop26 {margin-top:26px !important;}
.mtop28 {margin-top:28px !important;}
.mtop30 {margin-top:30px !important;}
.mtop35 {margin-top:35px !important;}
.mtop40 {margin-top:40px !important;}


/* margins bottom */
.mbot0 {margin-bottom:0px !important;}
.mbot2 {margin-bottom:2px !important;}
.mbot3 {margin-bottom:3px !important;}
.mbot4 {margin-bottom:4px !important;}
.mbot5 {margin-bottom:5px !important;}
.mbot6 {margin-bottom:6px !important;}
.mbot8 {margin-bottom:8px !important;}
.mbot10 {margin-bottom:10px !important;}
.mbot12 {margin-bottom:12px !important;}
.mbot14 {margin-bottom:14px !important;}
.mbot16 {margin-bottom:16px !important;}
.mbot18 {margin-bottom:18px !important;}
.mbot20 {margin-bottom:20px !important;}
.mbot22 {margin-bottom:22px !important;}
.mbot24 {margin-bottom:24px !important;}
.mbot25 {margin-bottom:25px !important;}
.mbot26 {margin-bottom:26px !important;}
.mbot28 {margin-bottom:28px !important;}
.mbot30 {margin-bottom:30px !important;}
.mbot35 {margin-bottom:35px !important;}
.mbot40 {margin-bottom:40px !important;}
.mbot100 {margin-bottom:100px !important;}
.mbot300 {margin-bottom:300px !important;}


/* margins left */
.mleft0 {margin-left:0px !important;}
.mleft2 {margin-left:2px !important;}
.mleft3 {margin-left:3px !important;}
.mleft4 {margin-left:4px !important;}
.mleft5 {margin-left:5px !important;}
.mleft6 {margin-left:6px !important;}
.mleft8 {margin-left:8px !important;}
.mleft10 {margin-left:10px !important;}
.mleft12 {margin-left:12px !important;}
.mleft14 {margin-left:14px !important;}
.mleft16 {margin-left:16px !important;}
.mleft18 {margin-left:18px !important;}
.mleft20 {margin-left:20px !important;}
.mleft22 {margin-left:22px !important;}
.mleft24 {margin-left:24px !important;}
.mleft25 {margin-left:25px !important;}
.mleft26 {margin-left:26px !important;}
.mleft28 {margin-left:28px !important;}
.mleft30 {margin-left:30px !important;}
.mleft35 {margin-left:35px !important;}
.mleft40 {margin-left:40px !important;}


/* margins right */
.mright0 {margin-right:0px !important;}
.mright2 {margin-right:2px !important;}
.mright3 {margin-right:3px !important;}
.mright4 {margin-right:4px !important;}
.mright5 {margin-right:5px !important;}
.mright6 {margin-right:6px !important;}
.mright8 {margin-right:8px !important;}
.mright10 {margin-right:10px !important;}
.mright12 {margin-right:12px !important;}
.mright14 {margin-right:14px !important;}
.mright16 {margin-right:16px !important;}
.mright18 {margin-right:18px !important;}
.mright20 {margin-right:20px !important;}
.mright22 {margin-right:22px !important;}
.mright24 {margin-right:24px !important;}
.mright25 {margin-right:25px !important;}
.mright26 {margin-right:26px !important;}
.mright28 {margin-right:28px !important;}
.mright30 {margin-right:30px !important;}
.mright35 {margin-right:35px !important;}
.mright40 {margin-right:40px !important;}