/* |------------------------|*/
/* | Pixel Hive Design CSS  |*/
/* |------------------------|*/

/** {margin: 0; padding: 0; border: 0;}*/
/* ------------------------------------- */
/* ------------- MAIN SETUP -------------*/
/* ------------------------------------- */
body { 
	/*background-color: #e5e5e5;*/
	background: #e5e5e5 url(Layout/phd_bg.jpg) repeat-x;
	text-align: center; 
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 11px;
}
html {
     overflow: -moz-scrollbars-vertical;
}

/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */
#wrapper { 
	padding:0px;
	text-align: left;
	width: 775px;
	margin-right: auto;
	margin-left: auto;
	background: #2b618f;/* url(Layout/wrap_bg.jpg);
	/*background-color:#217ABD;*/
	/*background: #efefef url(Layout/phd_bg.png);
	background: #000 url(sidebar.gif) repeat-y 10px 0;*/
}
#contentfloatholder {/* right faux column tab */
	/*background: url(Layout/sidebar.gif) repeat-y 100% 0;*/
	background: #2b618f url(Layout/wrap_bg.jpg);
	float: left;
	width: 775px;
	margin-top:5px;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
	height: 0px;
    clear: both; 
    visibility: hidden;
}

/* ------------------------------------- */
/* -------------- HEADER --------------- */
/* ------------------------------------- */
#header {
	float: left;
	height: 109px;
	width: 775px;
	padding: 0px;
}
/* ------------------------------------- */
/* ------------- PANES ----------------- */
/* ------------------------------------- 
div {
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	margin:0px;
	padding:0px;
	width:auto;
}*/

#leftColumn{
	float:left;
	background-color:#FFFFFF;
	margin: 0px 0px 0px 2px;
	width: 175px;
}
#rightColumn{
	float:right;
	background-color:#FFFFFF;
	margin: 0px 2px 0px 0px;
	width: 175px;
}
#leftPane {

}
#rightPane {

}

#pane_header {
	text-indent:10px;
	height:23px;
	margin: 0px;
	padding-top:9px;
}

div.left_header {
	background-image:url(Layout/pane_header_left2.jpg);
	
}
div.right_header {
	background-image:url(Layout/pane_header_right2.jpg);
}
div.mid_header {
	background-image:url(Layout/pane_header_sq.jpg);
}
p.sideContent {
	color:#666666;
	font-size:10px;
}

div.float{ display: inline; }
/*---------------------------
   Main Content
-----------------------------*/
#content{
	margin:0px;
	padding:0px;
}
#content a, div.paneContent a {
	font-family: Verdana, Arial, sans-serif;
	color: #67AD00;
	text-decoration:none;
}
#content a.tut_link {
	color: #3366CC;
	font-weight:bold;
}
#content a:hover, div.paneContent a:hover {
	color: #3366CC;
}
#centerColumn{
	float:left;
	width: 415px;
	margin: 8px 2px 10px 2px;
	background: #FFF url(Layout/main_bg.gif);

}
div.mainHeader {
	background-image:url(Layout/pane_header_main.jpg);
	text-indent:10px;
	width:415px;
	height:19px;
	margin: 0px;
	padding-top:5px;
}

#inside_content {
	margin: 4px;
	min-height:400px;
}
/* ------------------------------------- */
/* ------------ PORTFOLIO -------------- */
/* ------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0px; 
	padding:0px;
	margin:0px;
}
#project_link a{
	
}
#project_link a:hover{
	/*border:1px dotted #CCCCCC;*/
}
#project_left {
	float:left;
	display:block;
	padding-bottom:5px;
}
#project_right{
	float:right;
	display:block;
	padding-bottom:5px;
}
img.thumb_style {
	border: 1px solid #666;
	padding: 1px;
	margin:2px;
	margin-bottom:3px;
}
div.tut_obj {
	text-align: center;
}
img.tut_obj {
	text-align: center;
	border: 1px solid #666;
	padding: 1px;
	margin:2px;
	margin-bottom:10px;
}

img.screen_style {
	border: 1px solid #999999;
	padding: 4px 4px 4px 4px;
	margin:2px;
	margin-bottom:3px;
}

/* ------------------------------------- */
/* ------------ GLOBAL USE ------------- */
/* ------------------------------------- */
div.separatordots{
	clear:both;
	border-top: 1px solid #eee;
	margin: 5px 2px 5px 2px;
}
div.separator_pane{
	clear:both;
	border-top: 1px solid #eee;
	margin: 2px;
}
/* -- Style for content in panes -- */
div.paneContent {
	margin-right:4px;
}
/* -- Pane divider (bottom & top) -- */
div.paneDivider {
	clear: both;
	background-image:url(Layout/pane_divider.jpg);
	background-repeat:no-repeat;
	background-color:#CCCBA9;
	font-size:5px;
	height:4px;
	margin: 1px;
	padding:0px 0px 1px 0px;
}
#bulletwrapper, div.bulletwrapper {
	clear:both;
}
table.myTable {
	border-collapse: collapse;
	border-spacing: 0px; 
	padding:0px;
	margin:0px;
}
/* ----------------------------
 	Image positioning.
-----------------------------*/
#imgleft {
	float: left;
	margin:0px 5px 0px 0px;
}
#bullet {
	float: left;
	padding-top:2px;
	margin:2px 4px 4px 2px;
}

#imgright {
	float: right;
	margin:0px 0px 0px 5px;
}

/* ------------------------------------- */
/* ------------ FONTS ------------------ */
/* ------------------------------------- */
p, h1, h2, h3, li, #bulletwrapper,div.bulletwrapper {
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	margin-top:0px;
}

p {
	margin-left:5px;
	margin-right:5px;
	margin-bottom:1em;
}
td.softcolor {
	color:#666;
}
h1, h2 {
	color:#3366CC;
	font-size:12px;
	margin-top:.1em;
	margin-left: 5px;
	margin-bottom: .1em;
}
/*
h2 {
    color:#000000;
	font-weight: bold;
	margin-bottom: 0px;
	margin-left:5px;
}*/

h3 {
	font-weight: normal;
}

li {
	margin-left:0px;
	padding:0px;
	text-indent:0px;
}

ul {
	margin-top: 0px;
}
p.title {
	padding-top:4px;
	padding-bottom:4px;
	color: #3366CC;
	margin-bottom:0px;
}
/* ------------------------------------- */
/* ------------ NAVIGATION ------------- */
/* ------------------------------------- */
#navigation{
	float:left;
  	width: 175px;
	margin: 0;
	padding: 0px 0px 0px 0px;
}
#navigation ul {
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: #fff;	
			
}

#navigation ul li { display: inline;
}

#navigation ul li a.white {
	display: block;
	height:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1.2em;*/
	padding: 6px 10px 7px 25px;
	border: none;
	color: #666666;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	background: #fff url('Layout/nav_reg_white.jpg');
	cursor: pointer;
	margin:0px 1px 0px 1px;
}
#navigation ul li a.grey {
	display: block;
	height:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size: 1.2em;*/
	padding: 6px 10px 7px 25px;
	border: none;
	color: #666666;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	background: #fff url('Layout/nav_reg_grey.jpg');
	cursor: pointer;
	margin:0px 1px 0px 1px;
}
#navigation #currentpage a {
background: #fff url('Layout/nav_down.jpg');
	color: #FFF;
	font-weight:bold;
}
#navigation ul li a:visited {
	color: #666;
	text-decoration: none;
}
#navigation ul li a.white:hover {
	background: #fff url('Layout/nav_over_white.jpg');
	color: #111;
	text-decoration: none;
}
#navigation ul li a.grey:hover {
	background: #fff url('Layout/nav_over_grey.jpg');
	color: #111;
	text-decoration: none;
}

#navigation ul li a:active {
	color: #00AA00;
	background: #fff url('Layout/nav_down.jpg');
	cursor: default;
}

/************* IE Mac CSS Only  works for Win too **************
* html div#contentwrap {margin: 0 -100% 0 0;}
* html div#content {margin: 0;}

/* ------------------------------------- */
/* -------------- FOOTER --------------- */
/* ------------------------------------- */
#end {
	clear: both;
	padding: 0px;
}
#footer {
	width: 775px;
	height: 10px;
	font-size: 0px;
	/*padding: 10px 10px 0px 10px;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #C9DAE6;
	text-decoration: none;*/
}
#footer_text {
	background-color:#E5E5E5;
	width: 755px;
	height: 30px;
	padding: 5px 10px 0px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #217FBD;
	text-decoration: none;
}
#footer_text a{
	color: #217FDC;
	text-decoration: none;
}
/* Hide from IE5-Mac \*/
#footer_text a:hover {
	color: #67AD00;
}

#fineprint {
	padding: 5px 10px 0px 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #777777;
	font-size:10px;
	background: #C0C0C0;
}
/* ------------------------------------- */
/* ------------ FORM STYLING ----------- */
/* ------------------------------------- */
input, textarea, select {
	font-family: Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 11px;
	border: 1px solid #AAA;
	background-color: #FFFFFF;
	padding: 2px;
}
select {
	padding:0px;
}

input:focus, textarea:focus {
	background-color: #E8E8FA;
}

input:hover, textarea:hover{
	border: 1px solid #777;
}

/* FORM ERROR STYLE */
#errorbox {
	padding: 10px;
	background-color: #DFEBC1;
	border: 1px solid #006633;
}

#successbox {
	padding: 10px;
	background-color: #E8FAE1;
	border: 1px solid #006633;
}