/*
-----------------------------------------------
Style Sheet 
author:   Adam Blakey
version:  1.0  2008-04-09
----------------------------------------------- */


body {
	
	margin:0px;
	padding:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#777;
	background:url(http://www.ingroupmedia.co.uk/images/bg.jpg) repeat-x #FFFFFF;
	line-height:24px;
	
}

h1 {font-size:22px; font-weight:normal; color:#65B926;}
h2 {font-size:16px; font-weight:normal; color:#65B926;}
h3 {font-size:14px; font-weight:normal; color:#631E9D;}
.h2 {color:#631E9D; font-size:16px; font-weight:normal;}
.white { color:#FFFFFF; }

/* Links 
----------------------------------------------------------------*/

a:link {color: #65B926; text-decoration: underline; font-weight: normal; }
a:visited {color: #65B926; text-decoration: underline; font-weight:normal; }
a:hover {color: #005AC5; text-decoration: underline; font-weight:normal; }
a img {border:0 !important;}

a.navlinks:link	{color:#7A7A7A; font-weight:normal; text-decoration:none; } 
a.navlinks:active	{ color:#7A7A7A; font-weight:normal; text-decoration:none; }
a.navlinks:visited	{ color:#7A7A7A; font-weight:normal; text-decoration:none; }
a.navlinks:hover	{ color:#65B926; font-weight:normal; text-decoration:none; }


.text, .image, .block     /* All container divs*/
 { padding-top:30px; }  

#nav { font-size:110%; text-align:center; line-height:40px;  }
#nav ul {margin:0; padding:5px; }
#nav li { display:inline; padding:5px; color:#000; font-weight:bold; }
#nav li a { color:#fff; font-weight:bold; text-decoration:none; padding:5px; }
#nav li a:hover { color: #FFAE41; }

/* MAIN 
----------------------------------------------------------------*/

#main {width: 1000px; margin: 0 auto; position: relative; padding:0px;}
#header {height:188px; margin:0px; padding:0px; background-image:url(http://www.ingroupmedia.co.uk/images/general-header.jpg);}

#menu { width:241px; float:left; }
	#navigation_menu { background-color:#E8F3E1; border-top:3px solid #B2D09C; padding-bottom:1px;}
	#navigation_menu ul	{list-style-image:url(http://www.ingroupmedia.co.uk/images/menu-bullet.jpg); margin-left:15px; padding-left:15px; margin-right:10px; padding-right:10px;}
	#navigation_menu li	{ border-bottom:1px solid #D3DECC;  padding:2px; margin:2px;}
	
#body { width:1000px; height:auto; overflow:auto; background:url(../../images/twitter-top.png) no-repeat bottom right;}
#main_body { padding:0px; margin:0px; margin-left:20px; margin-top:35px; width:700px; float:left; margin-bottom:20px;}
#main_body2 { padding:0px; margin:0px; margin-left:40px; margin-top:35px; width:910px; margin-bottom:20px;}
		
		
	#latest_testimonials { height:499px;; padding:0px; width:207px; margin-left:12px; float:left; background-image:url(http://www.ingroupmedia.co.uk/images/latest-testimonials.jpg); margin-top:8px; color:#FFFFFF; margin-bottom:10px;}
	#latest_testimonials_inner { padding:8px; font-size:11px;}
	#latest_testimonials_inner h3 { padding:8px; font-size:16px; font-weight:bold; padding:0px; margin:0px;}
	
#tell_us_more { width:210px; float:left; margin-left:60px; margin-top:40px; margin-bottom:20px; }
#tell_us_more ul { margin:0px; padding:0px; }
#tell_us_more li { border-bottom:1px dashed #ccc; list-style:none; padding:3px; margin:0px; }
	


#contact_form { width:300px; float:left;  padding-right:25px;}
#contact_details { width:300px; float:left; padding-left:40px;  border-left:1px solid #D4D4D5;}	

#footer {height:120px; text-align:center; background-color:#fff; clear:both; font-size:11px; padding:0px; margin-top:0px; border-top:1px solid #D4D4D5}
	#footer p { padding-top:20px; }
	
.highlight { color:#609E33; font-size:14px; line-height:25px; }

#left { width:300px; float:left;  padding-right:30px; }
#left h2 { color:#631E9D; font-size:14px; }
#right { width:300px; float:left; padding-left:30px;  border-left:1px solid #D4D4D5; }
#right h2 { color:#631E9D; font-size:14px; }

#testimonial { padding:10px; border-bottom:1px dashed #D4D4D5; background:url(http://www.ingroupmedia.co.uk/images/speach-marks.jpg) bottom right no-repeat; margin-top:5px; margin-bottom:15px;} 

#testimonial_text { width:480px; float:left; margin:0px; padding:0px; margin-left:15px; }
#testimonial_image { width:200px; float:left; margin:0px; padding:0px; margin-top:10px;}

#bespoke_design_text { height:39px; background:url(http://www.ingroupmedia.co.uk/images/bespoke-web-design-text.png) center no-repeat; margin-bottom:30px; margin-top:30px;}
#ecommerce_solutions_text { height:38px; background:url(http://www.ingroupmedia.co.uk/images/ecommerce-solutions-text.png) center no-repeat; margin-bottom:30px; margin-top:30px; }

#packages { width:207px; float:left;  margin-left:12px; margin-bottom:10px;}
#packages_title { background-color:#69297A; border-bottom:2px solid #9A4CAF; height:30px; color:#FFFFFF; font-weight:bold;  font-size:14px; line-height:30px; padding-left:3px;}
#packages ul	{margin-left:20px; padding:0px;}
#packages li	{margin:0px; padding:5px; border-bottom:1px dashed #D3DECC;}


#packages2 { width:225px; float:left; margin-right:12px; margin-bottom:10px;}
#packages2_title { background-color:#69297A; border-bottom:2px solid #9A4CAF; height:30px; color:#FFFFFF; font-weight:bold;  font-size:14px; line-height:30px; padding-left:3px;}
#packages2 ul	{margin-left:20px; padding:0px;}
#packages2 li	{margin:0px; padding:5px; border-bottom:1px dashed #D3DECC;}

#clearer {
	clear:both;
	line-height: 1px;
	font-size: 1px;
}

#blog_post { background-image:url(http://www.ingroupmedia.co.uk/images/post-bk.jpg); background-repeat:repeat-x; background-color:#FFF; padding:15px; line-height:20px; font-size:12px; } 
#blog_post h1 { font-size: 20px; margin:0px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #9DB2D1; color:#12211E;}
#blog_post h2 { font-size: 16px; margin:0px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #9DB2D1; color:#12211E;}
#blog_comments { padding:8px; }

#comments { padding:15px; line-height:20px;}
#comments h3 { font-size: 18px; margin:0px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #9DB2D1; }

#comment { border-top:1px solid #FFBE7F;  border-bottom:1px solid #FFBE7F; padding:10px;}
#comment h4 { font-size: 16px; margin:0px; padding-bottom:8px; font-weight:normal; border-bottom:1px solid #9DB2D1; }

pre {
   display: block;
   margin: 2em 0;
   white-space: pre;
   overflow: auto;
   width: 670px;
   line-height: 1.4;
   border: 1px solid #ccc;
   background: #ece9d8;
   padding: 8px;
}

/* JS: adding CODE captions */
pre.JS {
   margin-top: 0;
}
.JScodeCaption {
   margin-top: 2em;
   color: #999;
   font: .9em "Verdana", sans-serif;
   padding-bottom: .2em;
}

/* FORM 
----------------------------------------------------------------*/
.input { background-image:url(http://www.ingroupmedia.co.uk/images/input.gif); margin-bottom:12px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px; padding-left:3px; padding-top:3px;}
.input2 { background-image:url(http://www.ingroupmedia.co.uk/images/input.gif); margin-bottom:12px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px;}

.input3 { background-image:url(http://www.ingroupmedia.co.uk/images/input.gif); margin-top:5px; margin-bottom:5px; border:1px solid #ccc; color:#666666; font-size:11px; height:17px;}

.button { padding:0px; margin:0px;}
.select { margin-top:3px; margin-bottom:3px; color:#666666}
.textarea { margin-top:3px; margin-bottom:3px; background-image:url(http://www.ingroupmedia.co.uk/images/input_bg.gif); border:1px solid #ccc; color:#666666; font-size:11px;}
FORM { margin:0px; padding:0px; }