@charset "utf-8";
/* CSS Document */

body,td,th {
	font-family: Tahoma, Verdana, Calibri, Arial;
	font-size: 11px;
	color: #333333;
}
a:link {
	color: ed1b23;
}
a:visited {
	color: ed1b23;
}
a:hover {
	color: #999999;
}
body {
	margin:0 0 0 0;
	height:100%;
}


#header {
	border-top:#999999 5px solid;
	float:top;
	margin:0 0 0 0;
	background-image:url(../images/head-background.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:120px;
}
#header_logo {
padding:30px 0 0px 150px;
float:left;
}

#header_logo p {
    margin:0px 0px 0px 230px;
	color:#CCCCCC;
	}
#header_logo h1 {
	font-weight:normal;
	font-size:18px;
	margin-bottom:0px;
	color:#666666;
}
#header_copyright {
	float:right;
	padding:20px 60px 10px 0;
	color:#999999;
	line-height:12pt;
	font-size:9px;
}


#center_content {
	border-top:#CCCCCC 1px solid;
	margin:0px 0 40px 0;
	min-height:100%;
}



#main_nav {
	margin:30px 20px 20px 20px;
	display:block;
	float:left;
}
#main_nav li {
	list-style:none;
	margin:0 0 3px -40px;
	text-transform:capitalize;
}
#main_nav li a:link {
	display:block;
	width:140px;
	padding:10px 5px 10px 10px;
	border:#CCCCCC 1px solid;
	text-decoration:none;
	color:#333333;
}
#main_nav li a:visited {
	display:block;
	width:140px;
	padding:10px 5px 10px 10px;
	border:#CCCCCC 1px solid;
	text-decoration:none;
	color:#333333;
}
#main_nav li a:hover {
	background-color:#EEEEEE;
	border-top:#888888;
	border-left:#888888;
	color:#333333;
}
#main_nav li li a:link {
margin:3px 0 0 0px;
background-color:#EEEEEE;
padding:10px 5px 10px 30px;
width:120px;
}
#main_nav li li a:visited {
margin:3px 0 0 0px;
background-color:#EEEEEE;
padding:10px 5px 10px 30px;
width:120px;
}
#main_nav li li a:hover {
color:#ed1b23;
background-color:FFFFFF;
}

#content {
padding:20px 30px 0 220px;
line-height:12pt;
}
#content h1 {
font-size:20px;
font-weight:normal;
}
h2 {
font-size:20px;
font-weight:normal;
}
#content h3 {
font-size:16px;
font-weight:normal;
margin-bottom:0px;
}



#baseplate {
	float:left;
   bottom:0;
   width:100%;
   border-bottom:#999999 5px solid;
   color:#666666;
}
#baseplate p {
text-align:center;
padding:5px;
}
#baseplate a:link {
color:#666666;
text-decoration:underline;
}
#baseplate a:visited {
color:#666666;
text-decoration:underline;
}


/*CONETENT STYLING*/
#projects {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal;
}
#project a:link {
font-weight:normal;
}

/*#projects h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:18px;
color:#999999;
}*/

#projects table {
width:95%;
float:left;
margin:7px;
font-size:12px;
border:#CCCCCC 1px solid;
margin-bottom:40px;
}
#projects table td {
padding-left:3px;
padding-top:5px;
padding-bottom:5px;
font-size:11px;
border-bottom:#DDDDDD 1px dashed;
}
#projects_table_head {
background-color:#EEEEEE;
background-image:url(../images/table-header-background.gif);
padding-top:3px;
padding-bottom:3px;
text-align:left;
padding-left:3px;
border-bottom:#CCCCCC 1px solid;
font-weight:bold;
}
#projects table td a:link {
	color:#666666;
	text-decoration:underlined;
}
#projects table td a:visited {
color:#666666;
text-decoration:underlined;
}
#projects table td a:hover {
color:#000000;
text-decoration:underline;
}
#projects table th a:link {
	color:#666666;
	text-decoration:none;
}
#projects table th a:visited {
color:#666666;
text-decoration:none;
}
#projects table th a:hover {
color:#000000;
text-decoration:underline;
}





#add_link {
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:3px;
}
#add_link a:link {
color:#990000;
text-decoration:none;
}
#add_link a:visited {
color:#990000;
text-decoration:none;
}
#add_link a:hover {
color:#777777;
text-decoration:none;
}



#client_input {
width:280px;
font-size:11px;
border:#cccccc 1px solid;
}

/*END*/



/*imput feilds*/
input {
font-size:11px;
}

.task_input_field {
font-family:Tahoma, Verdana, Calibri, Arial;
font-size:11px;
padding:2px;
font-weight:normal;
}


.pagination {

	padding: 0 0 5px 0;
	width: 669px;
	text-align: center;
}

.pagination a:hover {

	text-decoration: none;
}
.pagination .page1{
	width:193px;
	display:inline;
	padding: 0 10px 0 0;
}

.pagination .page2{
	width:283px;
	text-align:center;
	word-spacing:10px;
	display: inline;
}
.pagination .page3{
	width:193px;
	text-align:right;
	display: inline;
}

/* Live Validation and form work*/

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.vcard, .form
{
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* Forms */

label { font-weight: bold; }

input, select {
  width:200px;
}

input, textarea, select {
  border:1px solid #aaaaaa;
  padding:2px;
  background:#ffffff;
  margin-top:2px;
}

input.checkbox {
  width:15px;
  background:none;
  border:0;
}

input.radio_button {
  width:15px;
  background:none;
  border:0;
}

input.small, select.small {
  width:50px;
}

input.large, select.large {
  width:200px;
}

input.extra_large, select.extra_large {
  width:300px;
}

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

input:active, textarea:active, select:active {
  border:1px solid #888888;
}

input.submit {
  color:#ffffff;
}

input.submit:hover {
  cursor: pointer;
}

textarea {
  width:300px;
  height: 200px;
}

textarea.deep {
  height:350px;
}

textarea.shallow {
  height:50px;
}

fieldset {
  background:#f7f7f7;
  border:1px solid #e3e3e3;
  margin:0;
}

legend {
  font-weight:bold;
  font-size: 120%; 
  letter-spacing: -1px;
  color:#666666;
}

p label {
	margin-right: 10px;
}

label #name, label #email {
	padding-right: 20px;
}

input #name,  input #email {
	width: 200px;
}