/* - - COMMON STYLES - - */
  html, body {
	margin: 0px;
	padding: 0;
	z-index: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	background:#FFF;
	font-weight: normal;
}
  input { font-size: 11px; color:#999; border:1px #999 solid;}
  table { }
  textarea {border: 1px #999 solid;}  
  h1 {font-size:1.6em;line-height:1;}
h2 {font-size:1.25em;line-height:1.2;}
h3, h4, h5 {font-size:1em;line-height:1.5;margin-top: 3em;margin-bottom: 1.5em;}
ul,ol {margin: 1.5em 0;padding-left:0;}
li {line-height:1.5;}
  a, a:link, a:visited, a:active { color:#fff; text-decoration: none; }
  a:hover { color:#ccc; text-decoration: none; }

/* - - LAYOUT & PAGE FLOWS - - */
  .flo1 .row_01, .flo2 .row_02 { width:760px; height:250px;}
  .flo1 .row_02, .flo2 .row_01 { width:760px; height:75px; display: block; }
  .flo1 .row_03 { width:760px; height:100%;}
  .flo1 .lc, .flo2 .rc { width:560px; height:250px; float:left; display:inline-table; position:relative;}
  .flo1 .rc, .flo2 .lc { width:200px; height:250px;	float:right; display:inline-table; position:relative;}
  .flo1 .mc {width:760px; height: 100px;}
  .flo2 .row_03 {width:760px; height:auto;}
  
    .flow0, .flow1, .flow2, .flow3, .flow4 { z-index: 5; padding: 0; margin: 0; position: relative; zoom:1; }
  .flow0:after, .flow1:after, .flow2:after, .flow3:after, .flow4:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;  }
  .tlc { float: left; display: inline; position: relative; }
  .trc { float: right; display: inline; position: relative; }
  .mlc { float: left; display: inline; position: relative; }
  .mrc { float: right; display: inline; position: relative; }
  .bc  { float: left; display:block; position:relative; }
  
  .flow1 .tlc, .flow1 .mrc { z-index: 5; width: 200px; }
  .flow1 .trc, .flow1 .mlc { z-index: 5; width: 560px; }
  .flow1 .bc { z-index: 5; width: 800px; }
 /* - - TEXT - - */
 .title {
	font-size:1.8em;
	line-height:1;
	padding-top:10px;
	font-family:"Helvetica Neue";
}
  
/* - - NAV - - */
/* - - main navbar - - */
#navbar_nav{
	font-family:"Helvetica Neue";
	font-size:12px;
	float:left;
	display:inline;
}

#navbar_info{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-transform:capitalize;
	float:right;
	display:inline;
	}
#nav_footer{
	width:100%;
	height:30px;
	background:#000;
	padding-top: 10px;
	text-align:center;
}
#nav_footer2{
	width:100%;
	height:30px;
	background:#000;
	padding-top: 10px;
	margin-left:20px;
	text-align:center;
}

/* - - pagination navigation - - */
.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 12px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid #69c;
text-decoration: none; 
color: #69c;
}

.pagination a:hover, .pagination a:active{
border: 1px solid #69c;
color: #fff;
background-color: #69c;
}

.pagination a.currentpage{
background-color: #69c;
color: #FFF !important;
border-color: #69c;
font-weight: bold;
cursor:pointer;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: #929292;
border-color: #0b4d97;
font-weight: normal !important;
}

.pagination a.prevnext{
font-weight: bold;
}
/* - - - article footer nav - - - */

.articleFooterNav{
	white-space: nowrap;
	width:auto;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.articleFooterNav li { 
	display: inline; 
	float: left;
	color: #babdbb;
	white-space: nowrap;
	padding-right: 5px;
}

.boards, .vid, .email, .comments, .addcomments{
	padding-left: 0px;
	background: url(../imgs/blind_icon_sprite.png) no-repeat 0 0;
	display: block;
	overflow: hidden;
}

.boards, #lightwindow .boards{ background-position: 0 -18px; }
.vid{ background-position: 0 0; }

.articleFooterNav li a{
	font-size: 10px;
	white-space: nowrap;
	text-align: left;
	line-height: 2em;
	white-space: nowrap;
	color: #babdbb;
}

.articleFooterNav li a:hover{ }

/* - - CONTAINERS - - */
#container_main {
	background:#CCC;
	width: 990px;
	height:auto;
	background:#FFF;
	z-index: 0;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}
#container_header {
	background:#900;
	width: 990px;
	height:140px;
	z-index: 0;
	display:block;
}

#container_navbar {
	background:#000;
	width:990px;
	height:23px;
	display: block;
}

#container_content {
	width: 100%;
	height:auto;
	background:#CCC;
	z-index: 0;
	padding-top:20px;
	padding-bottom:15px;
	display:block;
}
#column_01{
	width:735px;
	margin-left:40px;
	margin-bottom:10px;
	clear:both;
	text-align:left;
	height: auto;
	background-color: #ccc;
}
#column_01b{
	width:605px;
	background:#ccc;
	margin-left:40px;
	margin-bottom:10px;
	clear:both;
	text-align:left;
	height: auto;
}
#column_01c{
	width:735px;
	margin-left:40px;
	margin-bottom:10px;
	clear:both;
	text-align:left;
	height: auto;
	background-color: #333;
}
#container_contact{
	margin-bottom:20px;
}

.panel_display{
	background-color: #fff;
	clear:both;
	margin-bottom: 35px;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.panel_display2{
	background-color: #ccc;
	clear:both;
	margin-bottom: 35px;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.panel_display3{
	background-color:#333;
	clear:both;
	margin-bottom: 35px;
	display: block;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}
.panel_display .blockimage{
	border-bottom: 1px solid #d9d9d9; margin: -20px -20px 0;

	overflow: hidden;
}
.blockimage2{
	margin: -20px -20px 0;

	overflow: hidden;
}

.workArticle .blockimage{
	height: 120px;
	width: 230px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	border-right: 1px solid #d9d9d9;
	background-color: #313131;
	margin-left: 0;
}
.panel_display .fullimage{
	border-bottom: 1px solid #d9d9d9;
	margin: -20px -20px 0;
	display: block;
}

.arrow, .panel_display .arrow{
	display: inline;
	background: #0f0f0f url(../imgs/dotted_plus_icon.png) no-repeat;
	float: left;
	color: #fff;
	z-index: 10;
	width: 15px;
	height: 15px;
	position: absolute; 
	margin: -20px 0 0 -20px;
}

/* -------------------------------------------- */
#Content {
	width: auto;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0;
	text-align: left;
	display: block;
	margin-top:20px;
}

img{
	border-style: hidden;
}

.clearBoth{ clear:   both; height:  1px; margin:  0px; padding: 0px;}

.thumbnail{
	float: left;
	width: 60px;
	border: 1px solid #999;
	margin: 0 15px 15px 0;
	padding: 5px;
}

.column{
	float: left;
}

#awardslist{

}

#awardslist ul{
	margin: 0;
	float: left;
	width: 290px;
}

#awardslist li{

	color: #666;
	white-space: normal;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-indent: 0px;
	margin: 2px 0;
	font-size: 9px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

#clientslist{}

#clientslist ul{
	margin: 0;
	float: left;
	width: 193px;
}
#clientslist li{
	color: #666;
	white-space: normal;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-indent: 0px;
	margin: 2px 0;
	font-size: 9px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* @end */

/* @group Article Page */

#articleContainerHeader{
	margin:0;
	background: url(../imgs/fullarticleheader.jpg) no-repeat 0 0;
	width: 1000px;
	height: 8px;
}

#articleContainer{
	width:980px;
	background-color: #1c1c1c;
	padding: 2px 10px 1px;
}

#articleContainer #articleColumn{
	width: 620px;
	padding: 0;
	
}
 #articleColumn{
	float: left;
	width:350px;
	display: block;
}

#articleContainer #detailColumn{
	float: right;
	width: 350px; 
	display: block;
}


/* @end */

/* @group Columns */

#wideContainer{
	width:1000px ;
	clear: both;
	}

#wideContainer .wideheader, {
	padding: 15px 0 15px 15px;
	margin-bottom: 20px;
	min-height: 20px;
}

#wideContainer .subnavcontainer{
	height: 45px;
	margin: 0;
	padding: 0;
	background: url(../imgs/subnav_bg.jpg) no-repeat 0 0;
	margin-top: -20px;
	padding-right: 0;
	padding-top: 11px;
	padding-left: 15px; 
	display: block;
}

#wideContainer p, #articleContainer p{
	padding-top: 5px;
	padding-bottom: 5px;
}

#wideContainer .articleCol{
	width: 620px;
	padding: 10px;
	float: left;
}

#wideContainer .leftcol{
	width: 495px;
	float: left;
}

#wideContainer .rightcol{
	width: 495px;
	float: right;
}


#rightColumnContainer{
	width:auto;
	float: right;
	margin-bottom: 20px;
}

#rightColumnContainer p{
	line-height:1.5;
}




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










/* - - COLORS, BORDERS, BACKGROUND IMAGES, AND MISC STYLES - - */
  p { margin: 6px 0; padding: 0; }
  .n../_images/arrow { font-size: 93%; font-family: Tahoma, Arial, sans-serif; }
  .profile_info1 { font-size: 93%; font-family: Tahoma, Arial, sans-serif; }
  
  /* colors */
  .blue, a.blue, a.blue:hover { color: #68A6BA; }
  .dkblue, a.dkblue, a.dkblue:hover { color: #086A89; }
  .dkgreen, a.dkgreen, a.dkgreen:hover { color: #587F02; }
  .green, a.sn_green, a.sn_green:hover { color: #8BB716; }
  .grey { color: #555555; }
  .ltblue { color:#6699CC; }
  .orange { color: #FF4400; }
  .meow_pink { color:dd2a4e; }
  .grey_content1 { color:#666666; }
  
  /* border colors */
  .greybor { border: 1px solid #999;}
  .top_dotted_border {border-top: 1px dotted #CCCCCC;}
  
  /* background colors */
  .whitebg { background:#FFFFFF;}
  .ltgreybg { background:#CCCCCC;}
  
  /* background images */
  .gradient01bgimg { background:url(../_images/panel_1x228.jpg) repeat-x top left;}
  .gradient02bgimg { background:url(../_images/bg_quicklinks.jpg) repeat-x top left;}
  .gradient03bgimg { background:url(../_images/panel_1x234.jpg) repeat-x top left;}
  .headerbgimg { background:url(../_images/bg_header.jpg) no-repeat top left; }
  
  
  .commonbox h2, .errorbox h2, .notificationbox h2, .confirmbox h2 { width: auto; }
  .commonbox { position: relative; width: auto; margin: 0 0 10px 0; padding: 0; }
  .boxcontent { position: relative; padding: 7px 10px; }
    /*fixie\*/* html .commonbox, * html .boxcontent { height: 1%; }/* */
	
/* - - CONTROL PANEL - - */
  /* home page tabs, will only work inside of a 490px container or layout column */
  #controlPanel { background: url(http://www.rickythompson.com/beta/whala/_images/tile.gif) repeat-y 50% 0; }
  #yourStats { padding-left: 15px !important; }
  #yourStats li { font-size: 87% !important; }
  .sn_hometabs { position: relative !important; height: 21px !important; margin: 0 !important; padding: 0px !important; width: auto !important; text-align: center !important; background: #FFFFFF; }
    /*fixie\*/* html .sn_hometabs { margin-top: 5px !important; } * html .clearLeftNoHeight { margin-top: -8px; }/**/
  .sn_hometabs div.tab { width: 77px !important; height: 15px !important; float: left !important; margin-left: 2px !important; background: url(http://www.rickythompson.com/beta/whala/_images/sn_tabbutton_bg.gif) repeat-x; text-align: center !important; padding-top: 1px !important; }
  .sn_hometabs a { font-size: 11px !important; font-weight: bold !important; color: #587F02 !important; text-decoration: none !important; }
    /*fixie\*/
      * html .sn_hometabs div.tab { width: 79px !important; height: 19px !important; }
      * html .sn_hometabs div.firstTabIE { margin-left: 1px !important; }

  /* header styles */
  h1.snhome, h3 { font-size: 117%; font-weight: bold; margin: 0 0 3px 0; padding: 0; }
h2.number { color:#086A89; position: relative; font-size: 30px;	margin-top: 10px; text-align:center; }
h2.name1 { color:#333333; position: relative; font-size: 18px; margin-top: 0px;	text-align:left; }

/* - - ADVERTISEMENTS - 260X180 - - */
#ad260x180 {
	background:url(http://www.rickythompson.com/beta/whala/_images/ad_main_placeholder.gif);
	background-color:#FFFFFF;
	width: 560px;
	height: 200px;
	margin: 0px;
}

#ad798x100 {
    width: 798px;
	height:38px;
	background:#FFFFFF;
	margin-top:25px;
}

#ad_area {
	background-color:#FFFFFF;
	width: 800px;
	height: 15px;
	margin: 0px;
}

.ad_text {
	text-align:left;
	color:#E6E6E6;
	font-size:9px;
	padding-top: 10px;
	padding-bottom: 2px;
}	

  /* box components */
  .sn_subnav { padding: 7px 10px; margin: 0 -10px 10px -10px; font-weight: bold; color: #FFFFFF; }
  .sn_subnav3 { padding: 7px 10px; margin: 0 -10px -7px -10px; color: #ffffff; }
  .sn_subnav span, .sn_subnav3 span { margin: 0 3px; color: #FFFFFF; }
  .sn_subnav a, .sn_subnav3 a { font-weight: normal !important; color: #FFFFFF !important; }
/* - - END BOXES AND BOX COMPONENTS - - */


  /* Buttons */
  .buttonBox { margin: 10px 0; }
    /*fixie\*/ * html .buttonbox { padding: 4px 0; margin: 10px 0 6px 0; }
  .buttonlist li { margin: 10px 0 !important; }
  .greenButton, .buttonBox a, .buttondiv a, .buttonlist a {  font-weight: bold; font-size: 93%; color: #587F02 !important; background-color: #E8F1D0; border: 1px solid #8BB716; padding: 3px 9px; margin: 0 10px 10px 0 !important; white-space:nowrap; }
  .buttonbox .submitbutton { color: white !important; }
  .dkBlueLink { font-weight: bold; font-size: 93%; color: #086989 !important; background-color: #B4D2DB; padding: 3px 9px; margin-right: 10px; white-space:nowrap;}
  .dkBlueButton { font-weight: bold; font-size: 93%; color: #086989 !important; background-color: #B4D2DB; border: 1px solid #086989; padding: 3px 9px; margin-right: 10px; white-space:nowrap; }

  
  /* generic 49% column */
  .sn_data_halfcol { width: 49.1%; float: left; display: inline; }
  /* data div for 1 col */
  .sn_data { margin: 0; padding: 0; }