/************************************************
 *
 *  File     :  styles/screen.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Kaptec.com
 *  Author   :  Guerilla.ie (c) 2009
 *
 ************************************************/


body { 
	background: #022445; 
	margin: 0; 
	padding: 0; 
	border: 0; 
	}



/* topbar elements */
div#topbar { 
	background: #333;
	height: 25px;
}
div#topbar-inner { 
	width: 850px;
	font-family:Arial, Helvetica, Sans-Serif; font-size:10px; color:#000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	padding-top: 0;
	display: table;
}
}
div#topbar-inner p { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	text-align: right; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #aaa; 
	}


/* logo area */
div#logocontainer { 
	background: url(../gfx/bg-logocontainer.jpg) repeat-x;
	height: 127px;
}
div#logocontainer-inner { 
	width: 850px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;
}
div#logocontainer-inner .logo { 
	width: 220px; 
	height: 80px; 
	border:0; 
	}

div#logocontainer-inner .tagline { 
	width: 280px; 
	height: 40px; 
	border:0;
	position: relative;
	left: 0px;
	bottom: 5px;
}
div#logocontainer-inner .telephone { 
	width: 200px; 
	height: 30px; 
	border:0;
	position: relative;
	bottom: 10px;
	left: 130px;
}




/* menu elements */
div#menucontainer { 
	background: #d2d2d2 url(../gfx/bg-menucontainer.jpg) repeat-x; 
	margin: 0;
}

/* menu common styling */
div#menu { 
	width:850px; 
	position:relative; 
	margin:0 auto; 
	font: normal 12px Verdana, Arial, sans; 
	z-index:100; }



/* image area components */
div#imagearea {  
	background: #bbb url(../gfx/bg-imagearea.jpg) repeat-x; 
	margin: 0;  
	}
div#imagearea-inner { 
	width: 850px; 
	padding-top: 30px; 
	padding-bottom: 10px; margin: 0 auto; 
	}

div#googleMap { 
	width: 840px; 
    margin: 0 auto;
	border: 5px solid #fff;
}
div#contactright { 
	width: 275px;
	float: right;
}	
div#contactleft { 
	width: 275px;
	float: left;
}	
div#contactright a { 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	text-decoration: none;
}
div#contactright a:hover , div#contactright a:focus , div#contactright .active a { 
	color: #fe5c11;
}


div#content a { 
	font: 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333;
	text-decoration: none;
}
div#content a:hover , div#content a:focus , div#content .active a { 
	color: #fe5c11;
}



	
/* mast area  */
div#mastarea {
	background: #eaeaea repeat-x;
	padding-top: 20px;
}
div#mastarea-inner { 
	width: 850px; 
    margin: 0 auto; 
	}

#mastarea-inner .mast-img { 
	float: left; 
	margin-right: 15px; 
	}
	
/* content area  */
div#contentarea {
	background: #eaeaea repeat-x;
	padding-top: 20px;
	padding-bottom: 20px;
}
div#contentbody { 
	width: 850px; 
    margin: 0 auto;
	background: #fff;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
div#mastimage { 
	width: 850px;
	height: 220px;
}

#content { 
	overflow: hidden; 
	float: left; 
	width: 575px; 
	padding: 3px 25px 60px;
	border-left: 1px solid #eaeaea;
}
#content-head {
	padding-top: 10px;
}

#content p { 
 	font: 12px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#content ul {
	padding-left: 15px;
}
#content ul li { 
	list-style: none; 		padding-left: 18px; 		background: url(../images/li.gif) no-repeat left 3px;
	margin-bottom: 10px;
}
#content p.first { 
	color: #222;
	font-size: 16px;
	line-height: 23px;
	margin-top: 10px;
}
#content p.point { 
	color: #222;
	font-size: 12px;
	line-height: 20px;
	margin-top: 5px;
}

#content h2 {  
	color: #022445;
	font: 23px trebuchet;
}
#content h2.avaya {  
	color: #ff0000;
	font: 23px trebuchet;
}
#content h3 {  
	color: #022445;
	font: 17px trebuchet;
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
	margin-bottom: 0;
	margin-top: 20px;
}

#content h3 a { 
	text-decoration: none; 		color: #333;
	font-weight: normal;
	font-style: normal;
	background: url(../gfx/document.gif) no-repeat 2px center;
	padding-left: 25px;
}
#content h3 a:hover , #submenu li a:focus , #submenu li.active a { 
	color: #fe5c11;
}


#content h3.without {  
	color: #333;
	font: 17px trebuchet;
	border-bottom-style: none;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

#content .news img {
	width: 300px;
	height: 210px;
	float: right;
	margin-bottom: 15px;
	margin-left: 15px;
	border: 5px solid #ccc;
}

#content .itemrow img {
	width: 150px;
	height: 90px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#content .back { 
	background: url(../images/back.jpg) no-repeat 2px center; 
	color: #fe5c11;
	padding-left: 15px;
}
	
#content .back a { 
	text-decoration: none; 		color: #333;
	font-weight: normal;
	font-style: normal;
}
#content .back a:hover , #content .back a:focus , #content .back .active a { 
	color: #fe5c11;
}


hr { display: none; }


/* Sub Menu area */
.column { 
	float: left; 
	width: 174px;
	padding-right: 25px;
	padding-bottom: 0;
	padding-left: 25px;
	}

#submenu { 
	min-height: 226px; 
	height: 226px; 
	padding: 15px 12px; 
	margin: 0 -25px;
	}
	
#submenu li { 
	display: block; 
	list-style: none; 
	padding: 8px 18px; 
	border-bottom: 1px solid #d2d5d5; 
	}
	
#submenu li.last { border: none; }

#submenu li a { 
	text-decoration: none; 
	}
	
#submenu ul { 
	display: none; 
	}

#submenu { 
	background: url(../images/column.jpg) no-repeat right 0; 
	}

#submenu li { 
	background: url(../images/column_li.gif) no-repeat 2px center; 
	color: #fe5c11; 
	}
	
#submenu li a { 
	text-decoration: none; 		color: #333;
	font-weight: normal;
	font-style: normal;
}
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { 
	color: #fe5c11;
}









/* main container area */
div#maincontainer { 
	background: #eaeaea repeat-x; 
	margin: 0; 
	}
div#maincontainer-inner { 
	width: 850px; 
	margin: 0 auto;
	padding-bottom: 20px;
}


/* Trigger styles */
div#triggers { 
	width: 850px;
}

div#triggers p { 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #333; 
	padding: 0 0 0 15px;
	margin: 5px 0;
	width: 180px;
}


div#trigger2 h3 { 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	color: #ff0000; 
	padding: 12px 0 0 15px;
	margin: 5px 0;
}
div#trigger3 h3 { 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	color: #ff0000; 
	padding: 12px 0 0 15px;
	margin: 5px 0;
}
div#trigger1 h3 { 
	font: bold 13px Verdana, Arial, Helvetica, sans-serif; 
	color: #ff0000;
	margin: 5px 0;
	padding-top: 12px;
	padding-bottom: 0;
	padding-left: 90px;
}

div#triggers a { 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #ff0000;
	background: url(../gfx/bullet.gif) no-repeat 2px center; 		color: #333;
	padding-left: 15px;
	margin-left: 15px;
	text-decoration: none;
}
div#triggers a:hover , div#triggers a:focus , div#triggers.active a { 
	color: #ff0000;
}


div#trigger1 { 
	width: 270px;
	float: left;
	height: 140px;
	margin-right: 20px;
	background: url(../images/hp_avaya_engineers.jpg) no-repeat;

}

div#trigger2 { 
	width: 270px;
	float: left;
	height: 140px;
	margin-right: 20px;
	background: url(../images/hp_call_centre_services.jpg) no-repeat;

}
div#trigger3 { 
	width: 270px;
	float: left;
	height: 140px;
	background: url(../images/hp_call_centre_software_development.jpg) no-repeat;
}


/* footer */

div#footer { 
	margin: 0; 
	padding: 10px 0 30px 0;
	background: #022445 url(../gfx/footer_tile.jpg) repeat;
}
div#footer-inner { 
	width: 850px; 
	margin: 0 auto; 
	}

#footer-inner p { 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	color: #999; 
	margin: 5px 0 5px 0; 
	padding: 0 0 0 0; 
	}

#footer-inner ul {
	list-style-type:none; 
	padding: 0 0 5px 0; 
	margin: 15px 0 5px 0; 
	}
#footer-inner li { 
	display:block; 
	float:left; 
	margin:0; 
	padding:0; 
	border-right:1px solid #666; 
	font: normal 12px Verdana, Arial, Helvetica, sans-serif; 
	}
#footer-inner li a {
	margin:0; 
	padding:0 10px 0 10px; 
	text-decoration:none; 
	color: #fff; 
	border-bottom: 0; 
	}
#footer-inner li a:hover {
	color:#ff6600;
	}

#footer-inner .left a { 
	padding-left: 0; 
	}
#footer-inner .right { 
	border-right: 0; 
	}

#footer-inner p a {color:#fff; text-decoration:none;
	font-size: 10px;
}
#footer-inner p a:hover {color:#ff0000; text-decoration:none;
	font-size: 10px;
}




/* miscellaneous styles */

.clear { clear:both; margin: 0; }



div#logocontainer-top { 
	width: 850px;
	height: 27px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

div#logocontainer-top .email { width: 120px; height: 27px; background: url(../gfx/email.gif) no-repeat 0 0;
	float: right;
	margin-right: 20px;
}
div#logocontainer-top .email:hover { background: url(../gfx/email.gif) no-repeat center -27px;
}

#telephone {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
#telephone p { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	background: url(../gfx/phone.gif) no-repeat 2px center;
	text-decoration: none;
	margin-left: 15px;
	padding-top: 0;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 25px;
}







#skype {
	float: right;
	margin-top: 5px;
	margin-right: 20px;
}
#skype a { 
	font: 11px Verdana, Arial, Helvetica, sans-serif; 
	color: #fff;
	background: url(../gfx/skype.gif) no-repeat 2px center;
	padding-left: 25px;
	text-decoration: none;
	margin-left: 15px;
}
#skype a:hover , #skype a:focus , #skype.active a { 
	color: #fe5c11;
}

#international {
	height: 27px;
	width: 127px;
	float: right;
}

#international ul, li {
	margin:0; 
	padding:0; 
	list-style:none;
}

#international .menu_class {
	border-style: none;
}

#international .the_menu {
	display:none;
	width: 127px;
	border-style: none;
	background: #022445;
}

#international .the_menu li {
	padding-left: 40px;
}

#international .the_menu li a {
	color:#FFFFFF; 
	text-decoration:none; 
	padding: 5px; 
	display:block;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

#international .the_menu li a:hover {
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: #ff6600;
}



/* Pagination styles */

#paginationcontainer  {
	float: left;
	width: 575px;
}
#paginationholder  { 
	float: right;
}

#paginationholder ul li { 
	list-style: none; 			padding-left: 0; 			background: none no-repeat left;
}
#pagination li          { 
	border:0; 
	margin:0; 
	padding:0; 
	font-size:11px; 
	list-style:none; /* savers */  float:left; 
	}
/* savers #pagination-clean li,*/
#pagination a           { 
	border-right:solid 1px #DEDEDE; 
	margin-right:2px; 
	}
#pagination .previous-off,
#pagination .next-off   { 
	color:#888888; 	
	display:block; 
	float:left; 
	font-weight:bold; 
	padding:3px 4px; 
	}	
#pagination .next a,
#pagination previous a  { 
	border:none; 
	font-weight:bold; 
	}	
#pagination .active     { 
	color:#ff6600; 
	font-weight:bold; 	
	display:block; 
	float:left; 
	padding:4px 6px; /* savers */  border-right:solid 1px #DEDEDE; 
	}
#pagination a:link,
#pagination a:visited   { 
	color:#0e509e; 
	display:block; 
	float:left; 
	padding:3px 6px; 
	text-decoration:underline; 
	}
#pagination a:hover     { 
	text-decoration:none;
	color:#ff6600;  
	}






/* Contact Form styles */

#contactForm fieldset{font-size: 11px; border: none; text-align: left;
	background-color: #fff;
	margin: 10px 0;
	padding: 0;
}
#contactForm legend {display:none;}
#contactForm ol {padding:0; margin:0;}
#contactForm li {list-style: none; padding:0;}
#contactForm label {color: #464A52; display: block; line-height:20px; padding: 5px 0 0; text-align:left; vertical-align:top; }
#contactForm label span.required {color: #AB0101; font-weight: bold}
#contactForm input {width: 350px; font-size:11px; padding:3px; vertical-align:middle; background: #f0f0f0;}
#contactForm textarea {width: 350px; height: 100px; padding:3px; background: #f0f0f0; font:11px 'Helvetica', 'Arial', 'Verdana', 'san-serif';}
#contactForm input.submitButton {
	width: 100px;
	height: 24px;
	border-style: none;
	margin-top: 10px;
	background: url(../gfx/submit.gif) no-repeat;
}
#contactForm input.submitButton:hover {
	background: url(../gfx/submit.gif) no-repeat 0 -24px;
}
#rightcol span.required {
	color: #AB0101;
	font-size: 10px;
	font-weight: bold;
}