body{
background:#fff URL(../images/bg.gif) top left repeat-x;
font:normal 11px/18px Verdana, Arial, Sans-serif;
}

.header {
height:90px;
margin-bottom:10px;
}

.logo
{
margin-top:0px;
}

.menu
{
margin-top:20px;
}

.footer
{
text-align:center;
padding-top:20px;
padding-bottom:20px;
font:normal 11px/18px Verdana, Arial, Sans-serif;
}
.conts p
{
font:normal 14px/20px Georgia, Verdana, Arial, Sans-serif;
font-style:italic;
}

ol li
{
margin-bottom:10px;
}

.nums
{
font:normal 30px Georgia, Verdana, Arial, Sans-serif;
}

form { font:normal 11px/18px Verdana, Arial, Sans-serif; }
/************************************************
                      HEADINGS                  
************************************************/

h1{
font: normal bold 40px/40px "Trebuchet MS", Arial, Helvetica, sans-serif;
letter-spacing:-1px;
padding:0 0 0 0;
margin:0 0 5px 0;
color:#666;
}

h2{
font: normal bold 26px/30px "Trebuchet MS", Arial, Georgia, Arial, Helvetica, sans-serif;
color:#666;
letter-spacing:-1px;
margin:0 0 5px 0;
}

h3 		{ 
font: normal bold 22px/26px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#666;
letter-spacing:-1px;
padding:0;
margin:0 0 5px 0;
}

h4 		{ 
font: normal bold 18px/20px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#555; 
padding:0;
margin:0 0 5px 0;
}

h5 		{ 
font: normal bold 16px/20px "Trebuchet MS", Georgia, Arial, Helvetica, sans-serif; 
color:#777; 
padding:0;
margin:0 0 5px 0;
}

h6 		{ 
font: normal bold 11px Verdana, Arial, Helvetica, sans-serif; 
color:#999; 
padding:0;
margin:0 0 5px 0;
}



/* ================================================= */
/* 	 COLUMN CSS                               */
/* ================================================= */
#middlepart {
overflow : auto;
height : 100%;
background : #d5d5d5;
margin : auto;
padding : 20px 20px;
}

.centertext
{
 text-align:center;
}

/* ================================================= */
/* 	 Login Box CSS ITEMS                              */
/* ================================================= */
.loginform {
border-top : 0px solid #414141;
padding : 10px;
}
#login form .remember {
float : left;
}
form.loginform label { float:left;}
form.loginform input { clear:left;}
#login .forgot {
clear : both;
float : left;
}
#login form .submit input {
padding : 3px 8px;
border : none;
background : #39b54a;
text-transform : uppercase;
text-decoration : none;
color : #ffffff;
}
#login form .submit input:hover {
padding : 3px 8px;
border : none;
color : #ffffff;
background : #007236;
text-decoration : none;
text-transform : uppercase;
}
form .submit {
float : right;
}
#login {
width : 550px;
margin : 1em auto;
}
#userpass, #userlogin, #useremail {
width : 97%;
padding : 3px;
}
.vmiddle 
{
 vertical-align:middle;
}


.middle
{
margin-left:auto;
margin-right:auto;
}
/* ================================================= */
/* 	 MESSAGE BOX CSS                               */
/* ================================================= */
.success {
background : #e0ecd1 url(../images/green_button.gif) no-repeat 12px 50%;
border : 1px solid #60a400;
border-width : 5px 0 0 0;
color : #60a400;
}
.error {
background : #ffe3e1 url(../images/red_button.gif) no-repeat 12px 50%;
border : 1px solid #f14545;
border-width : 5px 0 0 0;
color : #f14545;
}
.notice {
background : #e4f0f4 url(../images/notice.gif) no-repeat 12px 50%;
border : 1px solid #8ec1d1;
border-width : 5px 0 0 0;
color : #4a9bb5;
}
.notice, .success, .error {
padding : 20px 10px 20px 80px;
margin:10px;
}
.notice span, .success span, .error span {
font:normal bold 16px/20px "Trebuchet MS", Arial, Tahoma, Verdana, Sans-serif;
}
.success p, .error p, .notice p {
color : #333333;
font:normal 11px/18px Tahoma,verdana;
}


.box
{
background:#f4f4f4;
border:1px solid #ddd;
padding:20px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-khtml-border-radius:5px;
}

 input {
	margin-bottom: 5px;font:normal 11px/18px Verdana, Arial, Sans-serif;
	}
.input_field {clear:both;}
.input_field label {
	display:block;
	text-align:right;
	width:100px;
	float:left;
	position: relative;
	top:6px;
	padding-right: 6px;
	}
.input {
	border: 1px solid #cfcfcf;
	padding: 6px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	}
.input:focus {
	border-color: #9b9b9b;
	}
.smallfield { 
	width: 120px; 
	}
.mediumfield { 
	width: 250px; 
	}
.largefield { 
	width: 450px; 
	}

.select select {
	border: 1px solid #cfcfcf;
	padding: 6px;font:normal 11px/18px Verdana, Arial, Sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	}
.select select:focus {
	border-color: #9b9b9b;
	}


.textarea textarea {
	border: 1px solid #cfcfcf;
	padding: 6px;font:normal 11px/18px Verdana, Arial, Sans-serif;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	}
.textarea textarea:focus {
	border-color: #9b9b9b;
	}


.button {
	background:#fff url(../images/button.gif) repeat-x bottom left;
	color:#777;
	border:2px solid #8ec1d1;
	margin: 0px 2px;
	padding:8px 10px;
	text-transform:lowercase;
	font-weight:bold;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration:none;
	cursor:pointer;
}

.button:hover {
	color:#484848;
	cursor:pointer;
	text-decoration:none;
	border:2px solid #3489a4;
}


* html .button {
	background:#fff url(../images/button.gif) repeat-x bottom left;
	color:#777;
	border:2px solid #8ec1d1;
	margin: 0px 2px;
	padding:8px 10px;
	text-transform:lowercase;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}



.buttonsmall {
	background:#fff url(../images/button.gif) repeat-x bottom left;
	color:#777;
	border:1px solid #8ec1d1;
	margin: 0px 2px;
	padding:3px 8px;
	text-transform:lowercase;
	font-weight:bold;
	font-size:10px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration:none;
	cursor:pointer;
}

.buttonsmall:hover {
	color:#484848;
	cursor:pointer;
	text-decoration:none;
	border:1px solid #3489a4;
}


* html .buttonsmall {
	background:#fff url(../images/button.gif) repeat-x bottom left;
	color:#777;
	border:1px solid #8ec1d1;
	margin: 0px 2px;
	padding:3px 8px;
	text-transform:lowercase;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
	cursor:pointer;
}

/************************************************
                      Tables                  
************************************************/
table{
border:none;
border-collapse:collapse;
margin:10px auto 10px auto;
}

th
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:10px 15px;
}

td
{
border-bottom:1px solid #cacaca;
color:#4c4c4c;
padding:30px 20px;
}

th
{
background:url(../images/table-head-mid.gif) repeat-x 0 0;
text-align:left;
padding-left:20px;
}
th.lefthead
{background:url(../images/table-head-left.gif) no-repeat 0 0;
text-align:left;
padding-left:20px;
}
th.righthead
{background:url(../images/table-head-right.gif) no-repeat right top;
text-align:left;
}

table a {text-decoration:none;}
table a:link {}
table a:visited {}


table.nobr td
{
 border:none;
}


.pagelink {
width:20px;
font-size:1em;
color:#5c769d;
background:#3d5376;
border:1px solid #475975;
font-family:Tahoma, Verdana, Arial;
clear:both;
line-height:35px;
text-decoration:none;
}

a.pagelink:active,a.pagelink:visited,a.pagelink:link {
width:20px;
font-size:1em;
font-family:Tahoma, Verdana, Arial;
background:#3d5376;
border:1px solid #475975;
color:#5c769d;
font-weight:700;
margin-bottom:10px;
text-decoration:none;
padding:5px;
}

a.pagelink:hover {
width:20px;
font-size:1em;
font-family:Tahoma, Verdana, Arial;
background:#293b57;
border:1px solid #475975;
color:#5c769d;
padding:5px;
}

.pagecurrent {
width:20px;
background:#293b57;
border:1px solid #475975;
color:#5c769d;
font-family:Tahoma, Verdana, Arial;
font-weight:700;
font-size:1em;
padding:5px;
}



/* *********** MENU *************** */

ul.menu
{
list-style:none;
margin:0;display:inline;
padding:0;
}
ul.menu li
{
float:left;
margin: 0px 2px;
padding:8px 5px;
}

ul.menu li a{
	background:#fff url(../images/button.gif) repeat-x bottom left;
	color:#777;
	border:2px solid #8ec1d1;
	text-transform:lowercase;
	font-weight:bold;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-decoration:none;
	cursor:pointer;
}

ul.menu li a:hover {
	color:#484848;
	cursor:pointer;
	text-decoration:none;
	border:2px solid #3489a4;
}


/* ================================================= */
/*               PAGINATION CSS                      */
/* ================================================= */
.pagelink {
width:10px;
font-size:9px;
color:#435d82;
background:#ffffff;
border:1px solid #435d82;
clear:both;
line-height:35px;
text-decoration:none;
}

a.pagelink:active,a.pagelink:visited,a.pagelink:link {
width:10px;
border:1px solid #c8dcf1;
background:#fff;
color:#435d82;
padding:6px;
}

a.pagelink:hover {
width:10px;
background:#dae6f3;
border:1px solid #b8d1eb;
color:#435d82;
padding:6px;
}

.pagecurrent {
width:10px;
background:#dae6f3;
border:1px solid #b8d1eb;
color:#435d82;
padding:6px;
font-size:9px;
}




/************************************************
                      Testimonials
************************************************/

.reviews
{
border-bottom:1px solid #ddd;
margin-bottom:10px;
}

.reviews blockquote	{
	border:1px solid #ddd;
	background:#fff;margin:0;
	padding:20px;
	}

.reviews blockquote p.project{
	font:italic normal 16px/20px Georgia, Arial, sans-serif;
	color:#777;	
}

.reviews blockquote p.client{
	font:italic bold 14px/20px Georgia, Arial, sans-serif;
	text-align:right;
	color:#484848;
}