/*
Theme Name: Hodgins
Theme URI: http://www.hodgins.ie/
Description: Hodgins
Version: 1.0
Author: Mariusz Zawistowicz
Author URI: http://www.actonweb.com/


*/


body {
	font-family: Arial, Helvetica, sans-serif;
	background:#f5f5f5 top  center no-repeat url('images/bg.jpg');
	font-size:14px;
	color:#534a5e;
	margin:0;
	padding:0;
}

/********************************************************************************************** GLOABAL STYLES */
h1{ font-size:48px; padding-bottom:10px;color:#8c8c8c;}
h2{ font-size:28px; padding-bottom:10px;color:#552e88;}
h3{ font-size:20px; padding-bottom:10px;color:#552e88;}
h4{ font-size:18px; padding-bottom:10px;color:#6a528b;}
h5{ font-size:15px; padding-bottom:10px;color:#6a528b;}
h6{ font-size:13px; color:#6a528b; padding-bottom:0px; font-weight:bold;}
a{ color:#a589c9;}
a:hover{ color: #3E3E3E;}
.line{ width:100%; height:2px; border-bottom:1px #999 dotted; margin:5px 0 0px 0;}
small, .small{ font-size:11px;}
b, strong{ font-weight:bold;}
p{ padding:5px 0px; line-height:20px;}
i, em{
	font-style:italic;
	}
p{ padding:10px 0px; line-height:20px;}
.fleft{ float:left; }
.fright{ float:right; }
.float-left, .alignleft{ float:left; margin:15px 15px 15px 0px; }
.float-right, .alignright{ float:right; margin:15px 0px 15px 15px; }

.content ul, ol{
	position:relative;
	margin:10px 0px;
	}
.content ul li, ol li{
	padding:5px 0 0 5px;
	margin:0 0 0 30px;
	}
.content ul li{
	list-style-type:disc;
	}
.content ol li{
	list-style-type: decimal;
	}

.content table{
	width:100%;
	/* border-collapse:collapse; */
	margin-top:10px;
	}
.content table tr th{
	background-color:#5B5B5B;
	color:#FFF;
	padding:5px;
	text-align:center;
	border:1px #d6d6d6 solid;
	}	
.content table tr td{
	text-align:left;
	vertical-align:top;
	}		
	
#main_container{
	display:block;
	position:relative;
	width:960px;
	margin:0px auto;
	}

/********************************************************************************************** HEADER STYLES */
.header_wrap{
	display:block;
	position:relative;
	width:960px;
	height:155px;
	}
.logo{
	display: block;
	position:absolute;
	left:0px;
	top:0px;
	width:125px;
	height:125px;
	}
/********************************************************************************************** MAIN MENU STYLES */
.main_menu{
	display:block;
	width:550px;
	height:39px;
	position:absolute;
	right:0px;
	bottom:28px;
	}
	
.main_menu li{ display: inline;}
.home{
	width:43px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 -39px no-repeat url('images/home.png');
	}
.home_on,.home:hover{
	width:43px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 0px no-repeat url('images/home.png');
	}
	
.services{
	width:67px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 -39px no-repeat url('images/services.png');
	}
.services_on,.services:hover{
	width:67px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 0px  no-repeat url('images/services.png');
	}
	
.products{
	width:74px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 -39px no-repeat url('images/products.png');
	}
.products_on,.products:hover{
	width:74px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 0px  no-repeat url('images/products.png');
	}
	
.projects{
	width:134px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 -39px no-repeat url('images/projects.png');
	}
.projects_on,.projects:hover{
	width:134px;
	height:39px;
	display:block;
	float:left;
	margin-right:35px;
	background:0 0px no-repeat url('images/projects.png');
	}
	
.contact{
	width:85px;
	height:39px;
	display:block;
	float:left;
	background:0 -39px no-repeat url('images/contact.png');
	}
.contact_on,.contact:hover{
	width:85px;
	height:39px;
	display:block;
	float:left;
	background:0 0px  no-repeat url('images/contact.png');
	}



/********************************************************************************************** BANNER STYLES */
.banner_wrap{
	display:block;
	position:relative;
	width:960px;
	height:420px;
	background:bottom center no-repeat url('images/banner_shadow.png');
	}
#banner_container{
	width:960px;
	height:380px;
	position:relative;
	background:#FFF top center no-repeat url('images/bannerbg.jpg');
	
	}
.banner_text{
	width:380px;
	height:17px;
	position:absolute;
	top:343px;
	left:560px;
	padding:10px;
	background:#FFF;
	z-index:100;
	}
.banner_text a {
	text-decoration:none;
	color:#746f7b;
	font-size:16px;
	padding-left:30px;
	}
#nav {
	width:550px;
	height:23px;
	position:absolute;
	top:357px;
	left:0px;
	padding:0px 0px 0px 10px;
	background:#a589c9;
	z-index:80;
	}

#nav a { display:block; width:10px; height:10px; background:bottom center no-repeat url('images/banner_bt_off.jpg'); float:left; text-indent:-9999px; margin:5px 3px; }
#nav a.activeSlide { display:block; width:10px; height:10px; background:bottom center no-repeat url('images/banner_bt_on.jpg'); }
#nav a:focus { display:block; width:10px; height:10px; background:bottom center no-repeat url('images/banner_bt_on.jpg'); }

.imageholder{
	position:absolute;
	top:0px;
	left:0px;
	width:960px;
	height:380px;
	display:block;
}
.image-holder{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	background: url(images/ajax-loader.gif) 50% 50% no-repeat;
}
.project_thum_preload{
	position:absolute;
	top:2px;
	left:2px;
	width:294px;
	height:197px;
	display:block;
	background: url(images/ajax-loader.gif) 50% 50% no-repeat;
}
/********************************************************************************************** SINGLE PROJECT */
.single_project_desc{
	display: block;
	width:250px;
	float:left;
	}
.single_project_desc .label{font-size:15px; font-weight:bold; display:block; color:#6BA21B; line-height:20px;}
.single_project_desc .text{font-size:12px; display:block; padding-bottom:10px;line-height:20px;}

.single_project_images_wrap{
	display: block;

	}
.project_thum_single_preload{
	width:100%;
	height:100%;
	display:block;
	background: url(images/ajax-loader.gif) 50% 50% no-repeat;
}

.project_thum_main_preload{
	width:100%;
	height:100%;
	display:block;
	background: url(images/ajax-loader.gif) 50% 50% no-repeat;
}
.project_thumb_main{
	display:block;
	position:relative;
	width:560px;
	float:right;
	padding:2px 2px 10px 2px;
	}
.thumbs_list{
	display:block;
	padding-top:0px;
	float:right;}
.project_thumb_single{
	display:block;
	position:relative;
	width:63px;
	height:63px;
	border:1px #cfd3d6 solid;
	padding:1px;
	margin:0px 0px 7px 5px;
	}
/********************************************************************************************** HOME STYLES */
.intro_wrap{
	position:relative;
	display:block;
	width:960px;
	}
.home_bt_readmore{
	display:block;
	position:absolute;
	width:249px;
	height:48px;
	background:bottom center no-repeat url('images/readmore_bt.png');
	bottom:-20px;
	left:350px;
	}
.intro_text{
	display:block;
	width:928px;
	border:1px #e9e9e9 solid;
	padding:10px 15px 15px 15px;
	background:#FFF;
	font-size:15px;
	text-align:center;
	}
.temcolor{ color:#a589c9;}


.single_project_table { display:block; background:#84719e;  color:#FFF; font-size:12px;}
.single_project_table tr td p{ padding:0px; margin:0px;}
.single_project_table tr td{ padding:10px;}
.single_project_table tr td.c1{ background:#321558;}
/********************************************************************************************** CONTENT STYLES */
.content_container{
	display:block;
	width:960px;
	background:bottom center no-repeat url('images/banner_shadow.png');
	padding:0px 0px 50px 0px;
	}
.content_wrap{
	display:block;
	width:960px;
	background:#FFF;
	}
.content_header{
	display:block;
	height:65px;;
	width:930px;
	padding:20px 0px 0px 30px;
	background:#f9f9f9;
	border-bottom:1px #FFF solid;
	}
.content_full{
	display:block;
	width:900px;
	padding:20px 30px 50px 30px;
	background:#FFFFFF;
	border-top:1px #e6e6e6 solid;
	}
.content_full_sidebar{
	display:block;
	width:900px;
	padding:20px 30px 50px 30px;
	border-top:1px #e6e6e6 solid;
	background:#FFFFFF top center repeat-y url('images/content_bg.jpg');
	}
.content{
	display:block;
	width:645px;
	float:right;
	}
.clear_content{
	clear:both;
	display: block;
	width:645px;
	height:2px;}
.clear_full{
	clear:both;
	display: block;
	width:900px;
	height:2px;}

.service_1 .alignleft,.service_2 .alignleft,.service_3 .alignleft,.service_4 .alignleft{ padding:0px 15px 0px 0px; margin:0px;}
.service_1 p,.service_2 p,.service_3 p,.service_4 p{ padding:5px 0px 0px 0px; line-height:18px;}
.service_1{
	display:block;
	width:615px;
	padding:15px;
	font-size:12px;
	background:#dddddd;
	height:150px;
	margin-bottom:0px;
	}
.service_2{
	display:block;
	width:615px;
	padding:15px;
	font-size:12px;
	background:#e7e7e7;
	height:150px;
	margin-bottom:0px;
	}
.service_3{
	display:block;
	width:615px;
	padding:15px;
	font-size:12px;
	background:#f1f1f1;
	height:150px;
	margin-bottom:0px;
	}
.service_4{
	display:block;
	width:615px;
	padding:15px;
	font-size:12px;
	background:#f8f8f8;
	height:150px;
	margin-bottom:20px;
	}
.product_box{
	display:block;
	width:280px;
	padding:1px;
	margin:7px 7px 20px 7px;
	border:1px #CCC solid;
	float:left;
	height:310px;
	}
.product_box h4{
	display:block;
	width:280px;
	padding:5px 0px;
	text-align:center;
	}
	
.service_box{
	display:block;
	width:280px;
	margin:7px 7px 20px 7px;
	padding:1px;
	border:1px #CCC solid;
	float:left;
	}
.service_box p{
	font-size:12px;
	padding:0px!important;
	}
.service_box .desc{
	display:block;
	width:270px;
	background-color:#f9f9f9;
	padding:5px;
	}


.product_box h4{
	display:block;
	padding:0px 0px 5px 0px;
	text-align:center;
	}
	
.download_pdf{
	display:block;
	background: no-repeat url('images/hpdf.jpg') top left;
	height:21px;
	text-decoration:none;
	margin-top:10px;
	padding:10px 0px 0px 35px
	}
/********************************************************************************************** SIDEBAR STYLES */
.sidebar{
	display:block;
	width:200px;
	float:left;
	}
.submenu li{
	display:block;
	}
.submenu li a{
	display:block;
	width:185px;
	font-size:12px;
	color:#8c8c8c;
	padding:11px 0px 11px 15px;
	text-decoration:none;
	border-bottom:1px #CCC dotted;
	background: no-repeat url('images/submenu_off_li.jpg') 0px 11px;
	}
.submenu li a:hover{
	display:block;
	width:185px;
	font-size:12px;
	color:#7f5ab0;
	padding:11px 0px 11px 15px;
	text-decoration:none;
	border-bottom:1px #CCC dotted;
	background: no-repeat url('images/submenu_on_li.jpg') 0px 11px;
	}
/********************************************************************************************** FOOTER STYLES */
.footer_wrap{
	display:block;
	width:960px;
	margin:40px 0px;
	padding:20px 0px;
	text-align:center;
	font-size:13px;
	color:#8874a2;
	line-height:19px;
	background:top center no-repeat url('images/line_footer.png');
	}