/* common */
*{padding:0;margin:0;}
img{border:0; margin:0;}
p{padding:0 0 15px 0;}
.clear{clear:both;}

body { background-color: #fff; font-family: arial, verdana, helvetica, sans-serif; font-size: 80%; color: #626362; height: 100%; }

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

#top { width:100%; background-image: url(images/top.gif); background-repeat: repeat-x; height: 5px; font-size: 1px; margin: 0 0 40px 0; }
#mainwrap { width: 876px; margin: 0 0 0 40px; }

#header { height: 262px; margin: 5px 0 0 0; }
#header_left { width: 580px; margin: 5px 0 0 0; float: left; }
#header_right { width: 244px;  float: right; padding: 60px 15px 0 0; }
#header h1 { margin: 120px 0 0 0; padding: 0; font-size: 160%; font-weight: bold; color: #005892; }
#home_header { background-image: url(images/home_header.gif); height: 326px; }
#home_header h1 { margin: 122px 0 0 2px; padding: 0; font-size: 260%; font-weight: bold; color: #000; text-transform: uppercase; position: relative; top: 15px; left: 2px; line-height: 0.9; }
#logo { margin: 0 0 5px 0; }
#logo_home { float: left; }
#home_phone { float: right; }

/** MAIN MENU **/
#mainmenu { padding: 40px 0 0 4px; font-size: 110%; font-weight: bold;}
#mainmenu ul { padding: 0; list-style: none; }
#mainmenu li { float: left; margin: 0 20px 0 0; }
#mainmenu li a { color: #6b6b6b; text-decoration: none; font-weight: bold; }
#mainmenu li a:hover { color: #005892; text-decoration: none; font-weight: bold; }
/** end **/

/** PODCAST **/
#player { margin: 0 0 15px 0; }
/** end **/

#contentwrap { margin: 40px 0 0 0; }
#contentleft { width: 605px; float: left; padding: 2px 12px 2px 2px; }
#contentleft ul { padding: 0 0 15px 18px; margin: 0; }
#contentleft li { font-size: 100%; text-decoration: none; }
#contentleft li a { color: #005892; font-size: 100%;	text-decoration: none; }
#contentleft li a:hover { text-decoration: underline; }
/** LEFT CONTENT ONLY ON HOME PAGE **/
#contentlefthome { width: 600px; float: left; padding: 2px; position: relative; bottom: 30px; margin: 0 20px 0 0;}
#contentlefthome p{ padding: 0 0 0 0;}
#contentlefthome a { color: #005892; font-weight: bold; text-decoration: none; float: right;}
#contentlefthome a:hover { color: #005892; font-weight: bold; text-decoration: underline; }
#contentlefthome ul { padding: 0 0 15px 18px; margin: 0; }
#contentlefthome li { font-size: 100%; text-decoration: none; }
#contentlefthome li a { color: #005892; font-weight: normal; font-size: 100%;	text-decoration: none; }
#contentlefthome li a:hover { font-weight: normal; text-decoration: underline; }

#contentlefthome img { margin: 30px 0 0 0;}

/** end **/
#contentright { float: right; width: 250px; }
#keyareas { margin: 20px 0 0 0; font-size: 140%; font-weight: bold; text-align: right; }

#contentlefthome-left{
  float: left;
  width: 280px;
  margin: 20px 0 10px 0;
}

#contentlefthome-right{
  float: right;
  width: 280px;
  margin: 20px 10px 10px 25px;
}


/** RIGHT SIDE MENU **/
#rightsidemenu { width: 181px; margin: 10px 0 0 45px; padding: 0 11px 2px 7px; font-size: 12px; font-weight: bold; text-align: right; }
#rightsidemenu ul { padding: 0; list-style: none; }
#rightsidemenu li a { height: 23px; voice-family: "\"}\""; voice-family: inherit; height: 23px; text-decoration: none; }
#rightsidemenu li a:link, #rightsidemenu li a:visited { color: #333333; display: block; background: url(images/right-sidemenu_bg.gif); padding: 4px 18px 0 0; text-decoration: none; }
#rightsidemenu li a:hover, #rightsidemenu li #current { color: #333333; background: url(images/right-sidemenu_bg.gif) 0 -26px; padding: 4px 18px 0 0; text-decoration: none; }
/** end **/


#footer { width:100%; background-image: url(images/footer_bg.gif); background-repeat: repeat-x; height: 31px; color: #44A755; font-size: 90%;}
#footer ul { padding: 7px 0 0 40px; list-style: none; }
#footer li { float: left; margin: 0 18px 0 0; }
#footer li a { color: #fff; text-decoration: none; }
#footer li a:hover { color: #fff; text-decoration: underline; }



/************* CONTACT FORM ***************************/
consultancywrap form{
	width: 350px;
	margin: 15px 0 40px 0;
	clear: left;
}


.formfield, #messagediv label{
	padding: 0 0 10px 0;
}

input, select, textarea{
	border: solid 1px #ddd;
	background: white;
	width: 180px;
}

textarea{
	width: 350px;
}

#submitdiv input{
	background: #eee;
}

#errormsg{
	width: 295px;
	padding: 10px 10px 10px 70px;
	background: url(images/problem.jpg) no-repeat 10px 10px;
	color: red;
	border: solid 1px red;
	clear: left;
	height: 60px;
}

/************ POPUP FROM on Free IT Consultancy ***********/
#popup{
  width: 380px;
  float: left;
  background: white;
  border: 2px solid #6482AC;
  padding: 15px;
  position: absolute; top: 50px; left: 50px;
  display: none;
}

#popup p{
  font-size: 1.2em;
  margin: 5px 0 10px 0;
}