/*************************************************************/
/* REMOVE MARGIN / PADDING                                   */
/*************************************************************/

html, body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  height: auto;
  }

/*************************************************************/
/* LAYOUT STYLES                                             */
/*************************************************************/

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #fff;
  background: #000000;
  }

#wrapper {
  width: 909px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  }

#container {
  width: 909px;
  height: auto;
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
  float: left;
  clear: both;
  }

/*************************************************************/
/* HEADER                                                    */
/*************************************************************/

#header {
  width: 909px;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  }

#header_logo {
  width: 289px;
  height: 125px;
  margin: 0;
  padding: 0;
  float: left;
  clear: both;
  }
  
#flash {
  /* background: url(../images/main-header.jpg) no-repeat; */
  width: 909px;
  height: 125px;
  outline: none;
  }

/*************************************************************/
/* PAGE LAYOUT                                               */
/*************************************************************/

#contents_container {
  width: 909px;
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  float: left;
  clear: both;
  }

/*************************************************************/
/* PAGE COLUMNS                                              */
/*************************************************************/

#contents_column_one {
  width: 280px;
  height: auto;
  margin: 0;
  padding: 0 0 13px 0px;
  float: left;
  clear: both;
  background: url(../images/mainnav_bg.gif) no-repeat;
  } 

#contents_column_two {
  width: 203px;
  height: auto;
  margin: 0;
  padding: 13px 0px 13px 0px;
  float: left;
  display: inline;
  }

#contents_column_three {
  width: 407px;
  height: auto;
  margin: 0;
  padding: 13px 0 13px 15px;
  float: left;
  display: inline;
  }
  
#contents_column_three p {
  list-style: none;
  width: 383px;
  margin: 10px 10px 15px 10px;
  padding: 0;
  text-align: justify;
  }
  
#contents_column_subpage {
  width: 612px;
  height: auto;
  margin: 0;
  padding: 13px 0 13px 15px;
  float: left;
  display: inline;
  }
  
#contents_column_subpage h2 {
  font-size: 16px; 
  font-weight: bold; 
  font-style: italic; 
  display: block;
  color: #bbc1c5;
  margin: 0 0 8px 0;
  padding: 4px 0 0 18px;
  }

.category {  
  font-size: 16px; 
  font-weight: bold; 
  display: block;
  color: #bbc1c5;
  margin: 0 0 8px 0;
  padding: 4px 0 0 15px;
  }
  
#contents_column_subpage p {
  list-style: none;
  width: 570px;
  margin: 10px 10px 15px 20px;
  padding: 0;
  text-align: justify;
  }
  
#contents_column_portfolio {
  width: 612px;
  height: auto;
  margin: 0;
  padding: 13px 0 13px 15px;
  float: left;
  display: inline;
  }
  
#contents_column_portfolio p {
  list-style: none;
  width: 280px;
  margin: 20px 10px 15px 0px;
  padding: 0;
  text-align: justify;
  }
  

#contents_columns_1and2 {
  width: 528px;
  height: auto;
  margin: 0;
  padding: 13px 14px 13px 13px;
  float: left;
  clear: both;
  }

.clear {
  font-size: 0;
  height: 0;
  width: 100%;
  display: block;
  float: none;
  clear: both;
  }

/*************************************************************/
/* FOOTER                                                    */
/*************************************************************/

#footer {
  width: 888px;
  height: auto;
  margin: 38px 0 0 0;
  padding: 7px 10px 20px 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #6f6f6f;
  float: left;
  clear: none;
  border-top: 2px dotted #272727;
  }

#footer_left {
  width: 260px;
  height: auto;
  margin: 0;
  padding: 3px 0 0 0;
  float: left;
  clear: both;
  }  
  
p#subscribe {
  color: #999999;
  text-transform:uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size:9px;
  letter-spacing:1px;
  float: left;
  margin: 7px 0 0 0;
  padding:0;  
  }

p#subscribe img {
  margin:0px 5px 0 0;
  vertical-align: bottom;
  }
  

#footer_right {
  width: 500px;
  height: auto;
  margin: 0;
  padding: 5px 0 0 0;
  text-align: right;
  float: right;
  display: inline;
  }

ul.footer_links {
  list-style: none;
  margin: 0;
  padding: 0;
  }

.footer_links li {
  list-style: none;
  margin: 0;
  padding: 1px 3px 1px 3px;
  display: inline;
  font-size: 9px;
  }
  
.footer_links a {
  color: #888;
  text-decoration: none;
  }

.footer_links a:hover {
  color: #FF0000;
  text-decoration: none;
  }

/*************************************************************/
/* LINK PROPERTIES                                           */
/*************************************************************/

a {
  color: #ccc;
  text-decoration: none;
  }

a:hover {
  color: #FF0000;
  text-decoration: none;
  }

img { border: 0; }

a:focus {
  outline: none;
  }

/*************************************************************/
/* TYPOGRAPY                                                 */
/*************************************************************/

h1 {
  font-size: 26px; 
  font-weight: normal; 
  text-transform: uppercase; 
  color: #6b6e77;
  margin: 0 0 18px 0;
  padding: 0;
  }

h2 {
  font-size: 16px; 
  font-weight: bold; 
  font-style: italic; 
  display: block;
  color: #bbc1c5;
  margin: 0 0 8px 0;
  padding: 4px 0 0 0px;
  }

h3 {
  font-size: 14px; 
  font-weight: bold;
  display: block;
  color: #949494;
  background: #272727/*2d2d2d*/;
  margin: 0 0 8px 0;
  padding: 4px 0 5px 6px;
  }

h4 {
  font-size: 15px; 
  font-weight: bold;
  color: #6f727b;
  margin: 0;
  padding: 12px 0 9px 0;
  }

h5 {
  font-size: 14px;
  color: #6f727b;
  text-transform: lowercase;
  margin: 6px 0 8px 0;
  padding: 0;
  }

h1, h2, h3, h4, h5 {
  font-family: Arial, Helvetica, sans-serif;
  }

p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #929292; /*949494*/
  margin: 0 0 15px 0;
  line-height: 1.4em; 
  }

/*************************************************************/
/* RECENT PROJECTS                                           */
/*************************************************************/

ul.recent_pro_list {
  list-style: none;
  margin: 0;
  padding: 0;
  }

.recent_pro_list li {
  list-style: none;
  margin: 0 0 15px 10px;
  padding: 0;
  }
  
.recent_pro_list p {
  list-style: none;
  width: 383px;
  margin: 10px 0 0 0;
  padding: 0;
  text-align: justify;
  }

.recent_pro_list a {
  width: 379px;
  height: 139px;
  display: block;
  overflow: hidden;
  background-position: 0 0;
  border: 3px solid #2d2d2d;
  }

.recent_pro_list a:hover { 
  width: 379px;
  height: 139px;
  display: block;
  overflow: hidden;  
  background-position: 0 -139px;
  border: 3px solid #2d2d2d;
  }

/*************************************************************/
/* PORTFOLIO PAGE                                            */
/*************************************************************/

.project_holder {
  width: 605px;
  height: auto;
  margin: 5px 0 19px 0;
  padding: 0 0 15px 0;
  float: left;
  clear: both;
  border-bottom: 1px dashed #434343;
  }

.project_holder_col1 {
  width: 272px;
  height: auto;
  margin: 0 17px 0 0;
  padding: 0 0 3px 0;
  font-size: 11px;
  float: left; 
  clear: both;
  }

.project_holder_col2 {
  width: 310px;
  height: auto;
  margin: 0;
  padding: 3px 0 3px 0;
  float: right;
  display: inline;
  }

.project_image {
  float: left;
  clear: both;
  }

.project_image a {
  width: 268px;
  height: 135px;
  display: block;
  overflow: hidden;
  background-position: 0 0;
  border: 3px solid #2d2d2d;
  }

.project_image a:hover { 
  width: 268px;
  height: 135px;
  display: block;
  overflow: hidden;
  background-position: 0 -135px;
  border: 3px solid #2d2d2d/*0099ff*/;
  }

.project_url {
  margin: 5px 0 10px 0;
  float: left;
  clear: both;
  }

/*************************************************************/
/* CONTACT FORM                                              */
/*************************************************************/

.contact_form {
  list-style: none;
  margin: 0;
  padding: 0;
  }

.contact_form li {
  list-style: none;
  margin: 0 0 8px 0;
  padding: 0;
  }

form {
  margin: 0;
  padding: 0;
  }

.input_box {
  width: 98%;
  margin: 0;
  padding: 5px 0 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #949494;
  background: #2d2d2d;
  border: 0;
  }

select {
  background: #2d2d2d;
  border: 1px solid #2d2d2d;
  }

.input_textbox {
  width: 98%;
  height: 120px;
  margin: 0;
  padding: 5px 0 5px 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #949494;
  background: #2d2d2d;
  border: 0;
  }

.input_button {
  width: auto;
  height: auto;
  margin: 0;
  padding: 3px 4px 3px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #949494;
  background: #2d2d2d;
  border: 0;
  }

/*************************************************************/
/* TOP HIDDEN BAR                                            */
/*************************************************************/

.top_login {
  list-style: none;
  margin: 0;
  padding: 0;
  }

.top_login li {
  list-style: none;
  margin: 0 0 5px 0;
  padding: 0;
  display: block;
  color: #949494;
  text-align: right;
  font-weight: bold;
  }

.top_input_box {
  width: 200px;
  margin: 0;
  padding: 4px 0 4px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #bbc1c5;
  background: #2d2d2d;
  border: 0;
  }

.top_input_button_login {
  width: 35px;
  height: 18px;
  margin: 0;
  padding: 2px;
  background: #171717 url(../images/button_login.jpg) center no-repeat;
  border: 0;
  }

.top_input_button_search {
  width: 35px;
  height: 18px;
  margin: 0;
  padding: 2px;
  background: #171717 url(../images/button_search.jpg) center no-repeat;
  border: 0;
  }


/*************************************************************/
/* TOP DROP DOWN (CMS / SEARCH / NEWSLETTER LOGIN            */
/*************************************************************/

#top_panel {
  width: 909px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background: #171717;
  border-bottom: 2px solid #2d2d2d;
  display: none;
  }

#top_contents {
  width: 96%;
  height: 120px;
  margin: 0 auto;
  padding: 10px 0 10px 0;
  }

#sub_panel {
  width: auto;
  height: auto;
  margin: 0;
  padding: 7px 5px 3px 5px;
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-align: center;
  background: #2d2d2d;
  }

#sub_panel a {
  color: #666666;
  text-decoration: none;
  }

#sub_panel a:hover {
  color: #FF0000;
  text-decoration: none;
  }

#clientlogin_box {
  width: auto;
  height: 100px;
  margin: 0 10px 0 0;
  padding: 10px;
  float: left;
  clear: both;
  background: #1d1d1d;
  overflow: hidden;
  }

#clientlogin_box2 {
  width: auto;
  height: 100px;
  margin: 0;
  padding: 10px;
  float: left;
  display: inline;
  background: #1d1d1d;
  overflow: hidden;
  }

#search_box {
  width: auto;
  height: 100px;
  margin: 0;
  padding: 10px;
  float: right;
  display: inline;
  text-align: right;
  background: #1d1d1d;
  }

/*************************************************************/
/* SITEMAP PAGE                                              */
/*************************************************************/

#sitemap_holder {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0 0 10px 25px;
	float: left;
	clear: both;
}

.sitemap {
	list-style: none;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../images/sitemap_ul.gif) repeat-y;
}

.sitemap li {
	list-style: none;
	margin: 0;
	padding: 0 0 10px 22px;
	background: url(../images/sitemap_li.gif) no-repeat;
	background-position: 0 .5em;
}

/*************************************************************/
/* TOOL TIP CODE                                             */
/*************************************************************/

#tt {
  position: absolute;
  display:block; 
  background: #444444;
  }

#tttop {
  height: 5px;
  margin-left: 5px;
  display: block;
  overflow: hidden;
  }

#ttcont {
  margin-left: 5px;
  padding: 1px 12px 1px 7px;
  display: block;
  color: #fff;
  background: #444444;
  }

#ttbot {
  display: block;
  height: 5px;
  margin-left: 5px;
  }

/*************************************************************/
/* ACCORDION COLUMN                                          */
/*************************************************************/

.accordion1 {
  margin: 0;
  padding: 0 0 7px 0;
  background: url(../images/bglins_column2.gif) no-repeat;
  }
  
.accordion2 {
  margin: 0;
  padding: 0;
  background: url(../images/bglins_column2.gif) no-repeat;
  }


.contents_box {
  border: 1px solid #ccc;
  }

.contents_box_left {
  width: 160px;
  height: auto;
  margin: 0 10px 0 0;
  padding: 0;
  border: 1px solid #ccc;
  }

.contents_box_right {
  width: 100px;
  height: auto;
  margin: 0 0 0 0;
  padding: 0;
  display: inline;
  border: 1px solid #ccc;
  }

/*************************************************************/
/* MISC CSS CODE                                             */
/*************************************************************/

.hidden { display: none !important; }

.valign { vertical-align: middle; }

.pointer { cursor: pointer; }

.highlight { 
  color: #adacac;
  font-weight: bold;
  }

.box1 {
  padding: 8px 12px 14px 12px;
  display: none;
  }

.box2 {
  padding: 0 6px 0 6px;
  display: none;
  }

input:focus, textarea:focus {
  background: #424141;
  color: #ccc;
  }

/*************************************************************/
/* MAIN NAVIGATION                                           */
/*************************************************************/

#leftNavigation {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  width: 230px;
  padding: 0 0 0 28px;
  text-transform: uppercase;
  border-right: 1px solid #444445;
  }
  
#leftNavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#leftNavigation li {
  border-bottom: 1px solid #0D0D0D;
  }
  
#leftNavigation li a:link, #leftNavigation li a:visited {
  font-size: 90%;
  display: block;
  padding: 15px 20px 15px 0;
  background-color: #000000;
  color: #999999;
  text-decoration: none;
  }
  
#leftNavigation li a:hover {
  font-size: 90%;
  display: block;
  padding: 15px 20px 15px 0;
  background-color: #0D0D0D;
  color: #FFFFFF;
  text-decoration: none;
  }

.navWhite {
  color: #FFFFFF;
  }
  
/*************************************************************/
/* MIDDLE NAVIGATION                                         */
/*************************************************************/

#middleNav {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 0 0 0 28px;
  }
  
#middleNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  }

#middleNav li {
  border-bottom: 1px solid #0D0D0D;
  }
  
#middleNav li a:link, #middleNav li a:visited {
  font-size: 90%;
  display: block;
  padding: 5px 0 8px 0;
  color: #FFFFFF;
  text-decoration: none;
  }
  
#middleNav li a:hover {
  font-size: 90%;
  display: block;
  padding: 5px 0 8px 0;
  background-color: #0D0D0D;
  color: #999999;
  text-decoration: none;
  }
  
/*************************************************************/
/* HOMEPAGE SIGNUP BOX                                       */
/*************************************************************/  
   
#signup {
  width: auto;
  margin: 0;
  padding: 10px 0 10px 22px;
  float: left;
  display: inline;
  background: #000000;
  overflow: hidden; 
  }
  
.top_input_box {
  margin: 0;
  padding: 4px 0 4px 3px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #bbc1c5;
  background: #2d2d2d;
  border: 0;
  }

.top_input_button_login {
width: 35px;
height: 18px;
margin: 0;
padding: 2px;
background: #171717 url(../images/button_login.jpg) center no-repeat;
border: 0;
}

.top_input_button_search {
width: 35px;
height: 18px;
margin: 0;
padding: 2px;
background: #171717 url(../images/button_search.jpg) center no-repeat;
border: 0;
}

/*************************************************************/
/* HEADING LAYOUTS                                           */
/*************************************************************/

#heading1 {
  width: 410px;
  height: 58px;
  background: #2C2C2F;
  margin: 0 0 15px 0;
  }
  
#heading2 {
  width: 612px;
  height: 58px;
  background: #2C2C2F;
  margin: 0 0 15px 0;
  }
  
#heading3 {
  width: 203px;
  height: 58px;
  margin: 0 0 15px 0;
  background: url(../images/heading_backgrounds.gif) no-repeat;
  }
  
.header1 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  font-style: normal;
  color: #FFFFFF;
  text-transform: uppercase;
  padding: 0 0 0 10px;
  }
  
.header2 {
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #FFFFFF;
  padding: 4px 0 0 10px;
  }

/*************************************************************/
/* PAGINATION                                                */
/*************************************************************/

#pagination-clean {
  width: 605px;
  height: auto;
  margin: 5px 0 19px 0;
  padding: 0 0 15px 0;
  float: left;
  clear: both;
  }
 
ul {
  border:0; 
  margin:0; 
  padding:0;
  }

#pagination-clean li {
  border:0; 
  margin:0; 
  padding:0;
  font-size:11px;
  list-style:none;
  }

#pagination-clean li, #pagination-clean a {
  border:solid 1px #DEDEDE;
  margin-right: 2px;
  }

#pagination-clean .previous-off,
#pagination-clean .next-off {
  color: #FF0000;
  display:block;
  float:left;
  font-weight:bold;
  padding:3px 4px;
  }

#pagination-clean .next a,
#pagination-clean .previous a {
  font-weight:bold;
  border:solid 1px #FFFFFF;
  }

#pagination-clean .active {
  color:#00000;
  font-weight:bold;
  display:block;
  float:left;
  padding:4px 6px;
  }

#pagination-clean a:link,
#pagination-clean a:visited {
  color:#0033CC;
  display:block;
  float:left;
  padding:3px 6px;
  text-decoration:none;
  }

#pagination-clean a:hover {
  text-decoration:none;
  }
  
/*************************************************************/
/* COMMENTS                                                  */
/*************************************************************/

#comments {
  list-style: none;
  width: 612px;
  margin: 10px 0px 15px 0px;
  padding: 0;
  text-align: justify;
  }

#comments h2, #comment-form h2 {
  font-family: Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  border-bottom:1px solid #aaa;
  font-size:11px;
  font-weight:normal;
  letter-spacing:1px;
  padding-bottom:5px;
  margin:25px 0 0 0;
  }

#comments dl {
  padding:0;
  margin:0;
  }            

#comments dl dt  {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
  text-transform:uppercase; 
  padding: 0 0 10px 0;  
  }

#comments .comment-date {
  float: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size:11px;
  }

#comments .posted-by {
  text-transform:none;
  }

#comments dl p {
  margin:15px 0 0 0;
  font-size:12px;
  line-height:18px;
  }

#comments .comment-content {
  width:570px;
  padding: 15px 20px 20px 20px;
  }

#comments .even {
  background-color: #333333;
  }

/*************************************************************/
/* NEWS ARTICLE FORM / COMMENTS                              */
/*************************************************************/

#comment-form {
}           

#comment-form h2 {
	
}   

fieldset#comment-form-field {
  background-color: #333333;
  border:1px solid #333333;
  margin:15px 0 25px 0;
  padding:10px 0 10px 0px;
  }

fieldset#comment-form-field label {
  font-size:12px;
  font-family: Georgia, Times, "Times New Roman", serif;
  color: #FFFFFF;
  }

form#comment-form-form {
  float:left;
  width:45%;
  clear:left;
  }

#disclaimer {
  float:right;
  clear:left;
  margin: 0;
  padding:10px 20px 0 5px;
  }

#disclaimer p {
  font-family:"Lucida Grande", lucida, Arial, sans-serif;
  font-size:11px; 
  width: 205px;
  }
  

/*********************************************************/
/* BULLET PROPERTIES                                     */
/*********************************************************/ 
  
#bullets ul li {
  font-family:"Lucida Grande", lucida, Arial, sans-serif;
  color: #999999;
  margin-left:0px; 
  padding-left:10px; 
  background:url(../images/bullet.gif) no-repeat 30px 10px;
  margin: 0 0 0px 0px;
  padding: 5px 0 5px 55px;
  list-style: none;
  }
  
/*************************************************************/
/* STUDENT SEARCH FORM                                       */
/*************************************************************/

input.txt {
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  color: #00008B;
  background-color: #e3f2f7;
  border: 1px solid #999999;
  width: 230px;
  }
  
checkbox {
  clear: left;
  }
  
input.btn {
  background: url(../images/smallshadow.gif) bottom right no-repeat #fff;
  padding: 2px 3px 2px 3px;
  margin: 0 0 0 20px;
  font-size: 12px;
  color: #000;
  }
  
form p {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 10px;
  }
  
form .courses {
  clear: left;
  margin: 0;
  padding: 0;
  padding-top: 5px;
  }
  
form p label {
  float: left;
  width: 40%;
  font: bold 0.9em sans-serif;
  padding: 0 30px 0 0;
  }
  
textarea.txt {
  border: none;
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  padding: 2px 3px 3px 3px;
  width: 230px !important;
  width: 230px;
  width/**/:/**/200px;
  height: 80px !important;
  height: 85px;
  height/**/:/**/80px;
  }
  
select.txt {
  border: none;
  background: url(../images/bigshadow.gif) top left no-repeat #fff;
  padding: 2px 3px 3px 3px;
  width: 230px !important;
  width: 230px;
  width/**/:/**/200px;
  }
  
fieldset {
  border: 1px solid #999999;
  margin-top: 16px;
  padding: 10px;
  width: auto;
  }
  
legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #FFFFFF;
  font-style:italic; 
  color: #990000; 
  font-weight: bold;
  }
 
.form  {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background-color: #FFFFFF;
  font-style:italic; 
  color: #990000; 
  font-weight: bold;
  margin: 0;
  padding: 15px 0 0 0;
  }