* {
  margin:0;
  padding:0;	
}

.clean {
  clear:both;
}

body {
  margin:auto;
  padding:0;
  font-size:10px;
  font-family:arial,"Times New Roman";
  width:960px;
  color:#333;
  background-color:#eee;
}

a:focus {outline:none;}

.tl {
  width:640px;
}
h1 {
  margin:30px 0 0 0;
  font-size:1.4em;
  color:#333;
}

.dev_post {
  margin:8px 0 0 0;
  background-color:#eee;
  padding:6px;
  font-size:1.2em;
  color:#333;
  line-height:1;
  width:640px;
  border:none;
}
.signature {
  float:right;
  text-align:right;
  width:300px;
}


/***********************************
**login
************************************/
.s2n {
  display:none;
}

#container {
  position:relative;
}

.header {
  position:absolute;
  top:13px;
  left:0;
  width:100%;
}

#login {
  position:absolute;
  top:0;
  right:30px;
  height:60px;
  width:355px;
}

#contact_form label { 
	margin-top:5px;
	font-family:arial;
	font-size:1.4em !important;
	color:#a3a3a3;
	float:left;
        font-weight:normal !important;
}

.st {display:none;}
#theInput input  {
        font-size:1.2em;
	margin:6px 0 0 20px;
	display:block;
	width:156px;
	border-style:none;
        background-color:#fff;
        color:#333;
}

#theInput {
	margin-left:0;
	display:block;
	height:25px;
	width:220px;
	background:url("../images/input_box.png") no-repeat 0 0 ;
	float:left;

}

#thePassword input {
	margin:5px 0 0 3px;
	display:block;
	width:100px;
	border-style:none;
        background-color:#fff;
        color:#000;
}

#thePassword {
        font-size:1.2em;
	margin-left:5px;
	display:block;
	height:25px;
	width:132px;
	background:url("../images/pass_box.gif") no-repeat 0 0;
	float:left;
}

#theSubmit {
	margin:4px 0 0 -35px;
	vertical-align:3px;
}


#theLostpass {
  position:absolute;
  top:0;
  right:8px;
}

#theLostpass img {
    border:none;
}

/**********************************************
*** logo
*********************************************/

#logo {
  width:300px;
  margin:0px 0 0 0;
  padding:0;
  height:60px;
}

#myridia {
	margin:0;
	padding:0;
	display:block;
	height:26px;
	width:140px;
	background:url("../img/logo.jpg") no-repeat 0 0;
}

#slogan {
	margin-top:10px;
	padding:0;
	font-family:times, "Times New Roman", serif;
	font-size:1.4em;
	font-style:italic;
	color:#8a8a8a;
	letter-spacing:0.8px;
}

/*****************************************
** wrap
****************************************/

#wrap {
  position:relative;
  margin-top:0px;
}

/********content********/

#content {
	margin:100px 0 0 0;
	padding:0;
	width:650px;
	float:left;
}

#qoute {
        width:610px;
	margin:8px 0 13px 0;
	padding:3px 20px;
	display:block;
	border-top:dotted 2px #8a8a8a;
	border-bottom:dotted 2px #8a8a8a;
	font-family:times, "Time New Roman", serif;
	font-size:1.6em;
	font-style:italic;
	color:#4e4e4e;
	letter-spacing:0.3px;
	text-align:center;
}

#we_do {
	margin-top:35px;
	padding:0;
	display:block;
	height:145px;
	width:650px;	
}

#we_do li {
	margin:0;
	padding-right:23px;
	list-style:none;
	text-decoration:none;
	float:left;
}

.web_development a{
	margin-left:10px;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	text-decoration:none;
	background:url("../images/web_link.gif") no-repeat 0 -110px;
}

.web_development span {
	margin-left:-5px;
	padding-top:110px;
	display:block;
	height:10px;
	width:110px;
	text-align:center;
	font-family:arial;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}

.web_development a:hover{
	margin-left:10px;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	background:url("../images/web_link.gif") no-repeat 0 4px;
}

.hosting a{
	margin-left:10px;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	text-decoration:none;
	background:url("../images/hosting_link.gif") no-repeat 0 -110px;
}

.hosting span {
	margin-left:-8px;
	padding-top:110px;
	display:block;
	height:10px;
	width:120px;
	text-align:center;
	font-family:arial;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}

.hosting a:hover{
	margin-left:10px;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	background:url("../images/hosting_link.gif") no-repeat 0 4px;
}

.graphic a{
	margin:0;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	text-decoration:none;
	background:url("../images/graphic_link.gif") no-repeat 0 -110px;
}

.graphic span {
	margin:0;
	padding-top:110px;
	display:block;
	height:10px;
	width:102px;
	text-align:center;
	font-family:arial;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}

.graphic a:hover{
	margin:0;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	background:url("../images/graphic_link.gif") no-repeat 0 4px;
}

.it_consultant a{
	margin:0;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	text-decoration:none;
	background:url("../images/it_link.gif") no-repeat 0 -110px;
}

.it_consultant span {
	margin:0;
	padding-top:110px;
	display:block;
	height:10px;
	width:102px;
	text-align:center;
	font-family:arial;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}


.gnu a{
	margin:0;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	text-decoration:none;
	background:url("../images/gnu.gif") no-repeat 0 -110px;
}

.gnu span {
	margin:0;
	padding-top:110px;
	display:block;
	height:10px;
	width:102px;
	text-align:center;
	font-family:arial;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}

.it_consultant a:hover{
	margin:0;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	background:url("../images/it_link.gif") no-repeat 0 4px;
}

.e_commerce a{
	margin-left:5px;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	text-decoration:none;
	background:url("../images/e_commerce_link.gif") no-repeat 0 -110px;
}

.e_commerce span {
	margin-left:-5px;
	padding-top:110px;
	display:block;
	height:10px;
	width:110px;
	text-align:center;
	font-family:arial;
	font-size:1.1em;
	font-weight:normal;
	color:#333;
}

.e_commerce a:hover{
	margin-left:5px;
	padding:0;
	display:block;
	height:110px;
	width:102px;
	background:url("../images/e_commerce_link.gif") no-repeat 0 4px;
}


#copy {
  margin-top:30px;
}
.col1 {
	margin-top:0px;
	padding:0 0 0 10px;
	display:block;
	width:310px;
	font-family:arial, helvetica;
	font-size:1.3em;
	letter-spacing:0.5px;
	line-height:20px;
	float:left;
        color: #333;
}

.col2 {
	margin-top:0px;
	padding:0;
	display:block;
	width:310px;
	font-family:arial, helvetica;
	font-size:1.3em;
	letter-spacing:0.5px;
	line-height:20px;
	float:right;
        color: #333;
 	
}

#col1 a,#col2 a {
  color:#88bb00;
}

#col1 a:hover,#col2 a:hover {
  color:#333;
}
/**********side_bar********/

#nav {
  position:absolute;
  top:75px;
  right:0;
	margin-left:60px;
	padding:0;
	width:250px;
	float:right ;
}

#menu {
	margin-top:0px;
}

#menu li {
	list-style:none;
	margin:5px 0;
}

#menu li a {
        margin:0;
	padding:0;
	text-decoration:none;
	font-family: arial, times, "time new roman", serif;
	font-size:1.7em;
	font-weight:normal;
	color:#88bb00;
}

#menu li a:hover {
	color:#333;
}

.h2_c {
  margin: 0 0 10px 8px;
  color:#333;
}

.contact_us {
  margin: 0 0 0px 270px;
  color:#333;
}

.h2_s {
  margin: 0px 0 10px 8px;
  color:#333;
  font-size:1.5em;
}
/**********************************************************************
**** myridia (page)
***********************************************************************/

h2 {
	font-family:times, "Time New Roman", serif;
	font-size:1.8em;
	font-style:italic;
}

#work_list {
	margin-top:20px;
	padding:0;	
}

#work_list h2{
  margin-left:10px;
  color:#333;
}

#work_list ul {
	
	margin-top:10px;
	padding-left:15px;
	list-style:none;
	font-family:times, "Time New Roman", serif;
	font-style:italic;
	font-size:1.6em;
	line-height:24px;
} 

/********************************************************************
***** contact (page)
********************************************************************/

#contact_form {
	margin-top:0px;
	padding:20px;
}

#contact_form fieldset {
	border:none;
}

#login label,
#contact_form label {
	margin:0;
	padding:0;
	display:block;
	width:130px;
    font-family:arial, helvetica;
    font-size:1.3em !important;
    font-weight:bold;
    color:#333;
}

#contact_form input,
#contact_form textarea {
  border: 1px solid #999;
  color:#333;
  width:350px;
  font-size:1.3em;
  background-color:#fff;
}

.contact_submit {
	margin-left:130px;
	font-size:1.2em;
	font-weight:bold;
        background-color:#000 !important;
        color:#fff !important;
        cursor:pointer;

}

.contact_submit:hover {
  color:#89bc40 !important;
}


/*************************************************************
*** home class (menu-link)
************************************************************/

#who_we_are  #whoL a,
#contact  #contactL a,
#home  #homeL a {
  color:#333;
}




/*********************************************************
** footer
*********************************************************/

#footer {
	margin:13px 0 13px 0;
	padding:3px 0 32px 0;
	border-top:dotted 2px #a8a8a8;
	border-bottom:dotted 2px #a8a8a8;
}

#footer ul {
	list-style:none;
	text-decoration:none;
}

#footer ul li a {
	margin:0 13px 0 0;
	text-decoration:none;
	float:left;
	font-family:arial, helvetica;
	font-size:1.2em;
	color:#88bb00;
        line-height:31px;
}

#footer ul li a:hover {
	color:black;
}

#footer p {
        float:left;
        margin:9px 0 0 0;
        padding:0px;
	font-family:arial, helvetica;
	font-size:1.2em;
	color:#8a8a8a;
}

#footer p a {
	text-decoration:none;
	color:#88bb00;
        margin:0;
        padding:0;
}

#footer p a:hover {
	color:black;
}

/*******************************************
*** privacy
********************************************/

#privacy {
	margin-top:30px;
	font-family:times, "Time New Roman", serif;
}

#privacy p {
	font-family:arial, helvetica;
	font-size:1.4em;
}

h3 {
	font-family:times, "Time New Roman", serif;
	font-size:1.6em;
	font-weight:bold;
}


/*******************************************
*** domain and hosting
********************************************/
form#search_domain fieldset {
  border:none;
}

#idomain_search {
  width:500px;
  height:35px;
  font-size: 2.5em;
  background-color:#fff;
  color:#000;
}

#domains {
  background-color:#fff;
  color:#000;
  height:38px;
  font-size:2.5em;
}

/*****************sub pages ******************/

#content ul {
    list-style:none;
}


#submenu_list li{
  margin:0 0 13px 0;
  float:left;
  display:block;
  font-weight:normal;
  font-size:1.3em;
  color:#88bb00;
}

#webL {
    margin:0;
}

#hostingL,#itL,#graphicL {
    margin:0;
}

#submenu_list li a {
    margin:0 6px;
    font-weight:normal;
    text-decoration:none;
    color:#88bb00;
    font-family:arial, serif, arial;
}

#submenu_list li a:hover {
    color:#333;
}

#webdevelopment #webL a, 
#hostingsolution #hostingL a,
#itconsulting #itL a,
#graphicdesig\n #graphicL a{
    color:#333;
}




p a {
    text-decoration:none;
    color:#8a8a8a;
}

p a:hover {
    color:#88bb00;
}

/********************************************
********* it consultant*************
********************************************/
#col1 img {
    float:left;
    padding:0 10px 10px 0;
}

/**************************************
********web, graphic
*************************************/
#slider {
    margin-top:20px;
    padding:0;
    display:block;
}



#slider ul, #slider li{
    margin:0;
    list-style:none;
    }
#slider, #slider li{ 
    width:650px;
    height:250px;
    overflow:hidden;
    }

#prevBtn a, #nextBtn a{
    padding-right:30px;
    text-decoration:none;
    color:#88bb00;
    font-size:1.4em;
    font-family:helvetica, serif;
}

#prevBtn a:hover, #nextBtn a:hover {
    color:#000;
}

.img_icon {
  margin-top:8px;
}


#web_list {
  margin: 13px 0 0 0;
}

#web_list li {
  margin:10px 0;
  width:650px;
  border: solid 8px #88bb00;;
}

#it_list {
  list-style:disc;
  margin:0 0 0 0px;
  padding:0 0 0 30px;
}

#it_list li{
  list-style:disc;
}

.dev_posts {
  margin:30px 0 0 0;
  list-style-type:circle !important;
}

.dev_posts li {
  margin: 0 0 0 30px;
  font-size: 1.3em;
}

.dev_posts li a {
  color:#333;
  text-decoration:none;
}

.dev_posts li a:hover {
  text-decoration:underline;
}

.dev_posts li a:visited {
  color:#22744a;
}

.pagination {
  margin:13px 0 0 30px;
  font-size:1.3em;
}

.pagination a {
  displa:block;
  float:left;
  margin: 0 13px  0 0;
  color:#333;
  text-decoration:none;
}



.reply_form {
  margin: 13px 0 0 0;
}

.reply_form fieldset {
  border:none;
}
.reply_form label ,
.reply_form input,
.reply_form textarea {
  clear:both;
  display:block;
}

.reply_form label {
  font-size:1.2em;
}

.reply_form .tit {
  width:650px !important;
}
.reply_form input[type=text] {
  margin: 0 0 13px 0;
  background-color:#eee;
  color:#333;
  width:350px;
}

.reply_form textarea {
  margin: 0 0 13px 0;
  background-color:#eee;
  color:#333;
  width:650px;
  height:300px;
}

.btn {
  cursor:pointer;
}


.add_post {
  position:absolute;
  top:115px;
  left:15px;
  font-size:1.2em;
  z-index:999;
}


.date {
 margin-left:5px;
 font-size:.7em !important;
 color:#777;
}

.f50 {
  width:100px !important;
}

.results  {
  margin:8px 0 0 0;
}

.results li {
  margin:0 0 13px 0;
}

.results li a{
  display:block;
  margin:0 0 2px 0;
  font-size: 1.6em;
}

.results li em{
  color: #028002;
  font-style:normal;
  font-size: 1.1em;
  display:block;
}

.results li p{
  color:#000;
  font-size: 1.3em;
  display:block;
}

.results li span{
  color: #666;
  font-size: 1.2em;
  display:block;
}

.sk {
  background-color:#ccc;
  width:500px;
  height:50px;
  line-height:50px;
  font-size:3.4em;
  color:#333;
}

.search_btn {
  position:absolute;
  top:100px;
  left:510px;
  width:100px;
  height:54px;
  cursor:pointer;
}

.captcha_trow li {
  width:10px;
  padding:2px; 
  float:left;
}