/*  
Theme Name: Outsource Support Services
Theme URI: http://www.outsourceservices.ie
Description: Wordpress Template
Version: 1.0
Author: MOR Solutions
Author URI: http://www.morsolutions.com
*/

/*   Basic styles   */

/********** GLOBAL **********/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0; }
table { border-collapse:collapse;border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; }
q:before,q:after { content:""; }
abbr,acronym { border:0; }
a img { border:none; }
html { height:100%; }
.clear { clear: both; }
.alignleft { float: left; margin-right: 20px; clear: left; }
.alignright { float: right; margin-left: 20px; clear: right; }

.navigation .alignright{float:left;}

/********** GENERAL **********/
body { font:1em Helvetica,Arial,sans-serif; margin-left:auto; margin-right:auto; }

h1 { color:#66CC33; font-size:155%; margin:10px 0 10px 0; border-bottom:1px solid #DDDDDD; }
h2 { color:#66CC33; font-size:120%; margin:10px 0 0 0; }
h3 { color:#666666; font-size:110%; margin:10px 0 0 0; }
input { font:13px Helvetica,Arial,sans-serif; }

a { color:#66CC33; }
a:hover { color:#666666; }
h2 a { text-decoration:none; border-bottom:1px solid; }
h2 a:hover { border-bottom:none; }


/********** HEADER **********/

#wrapper { width:1000px; margin-left:auto; margin-right:auto; }
#header, #topmenu, #footer { width:100%; }

#home #header { background:url(images/header_home.jpg) center top no-repeat; height:149px; width:1000px; margin:0 0 1px 0; }
#header_in { background:url(images/header_accreditation.jpg) center top no-repeat; height:125px; width:1000px; margin:0 0 1px 0; }
#aboutus #header_in { background-image:url(images/header_aboutus.jpg); }
#policies #header_in { background-image:url(images/header_policies.jpg); }
#keymarketsectors #header_in { background-image:url(images/header_keymarketsectors.jpg); }
#ourservices #header_in { background-image:url(images/header_ourservices.jpg); }
#accreditations #header_in { background-image:url(images/header_accreditations.jpg); }
#clients #header_in { background-image:url(images/header_clients.jpg); }
#careers #header_in { background-image:url(images/header_careers.jpg); }
#contactus #header_in { background-image:url(images/header_contactus.jpg); }
#corporate #header_in { background-image:url(images/header_corporate.jpg); }

#header h2 { color:#BDDEB5; font-size:24px; line-height:1.4; font-weight:normal; padding:30px 22px 5px 0; text-align:right; }
#header_in h2 { color:#BDDEB5; font-size:24px; line-height:1.4; font-weight:normal; padding:10px 22px 5px 0; text-align:right; }
#header h2 strong, #header_in h2 strong { color:#FFFFFF; font-weight:bold; }
#header form div, #header_in form div { color:#FFFFFF; font-size:85%; height:26px; float:right; padding:5px 0 0; }
#header .search, #header_in .search { width:145px; background:url(images/search.png) center top no-repeat; }
#header .search input, #header_in .search input { border:none; width:135px; height:19px; color:#DEEEDA; margin:0 5px; font-size:100%; line-height:15px; background:none; }
#header .submit, #header_in .submit { padding:0 16px 0 5px; }


#topnav { background-color:#333333; height:34px; margin:0 0 1px 0; font-size:95%; }

#topnav_main { float:left; }
#topnav_main ul { list-style:none; display:block; margin:0; padding:0; }
#topnav_main ul li { list-style:none; display:block; float:left; padding:0 2px; }
#topnav_main ul li a { display:block; color:#CCCCCC; text-decoration:none; height:26px; padding:8px 7px 0 7px; white-space:nowrap; } 
#topnav_main ul li a:hover { background:url(images/topnavroll.gif) left center repeat-x; color:#FFFFFF; }

#topnav_green { color:#66CC33; float:left; }
#topnav_green ul { list-style:none; display:block; margin:0; padding:0; }
#topnav_green ul li { list-style:none; display:block; float:left; padding:0 2px; }
#topnav_green ul li a { display:block; color:#66CC33; text-decoration:none; height:26px; padding:8px 7px 0 7px; white-space:nowrap; } 
#topnav_green ul li a:hover { background:url(images/topnavroll.gif) left center repeat-x; color:#FFFFFF; }

#topnav ul li.selected a { background:url(images/topnavroll.gif) left center repeat-x; }
#topnav ul li.selected_subnav_on a { background:url(images/topnav_on.jpg) left center repeat-x; }
#topnav ul li.selected_subnav_on a:hover { background:url(images/topnav_on.jpg) left center repeat-x; }
#topnav ul li.has_subnav a:hover { background:url(images/topnav_on.jpg) left center repeat-x; }

#subnav { float:left; background-color:#66CC33; padding:0; font-size:80%; width:100%; margin:-1px 0 1px 0; }
#subnav ul { list-style:none; display:block; margin:0; padding:0; }
#subnav ul li { list-style:none; display:block; float:left; padding:0 4px; }
#subnav ul li a { color:#E0F4D5; text-decoration:none; line-height:28px; padding:0 5px; white-space:nowrap; }
#subnav ul li a:hover { color:#FFFFFF; }


#panel { width:100%; float:left; color:#FFFFFF; font-weight:bold; font-size:24px; line-height:120%; text-align:left; }
#panel strong { color:#66CC33; }
#panel img { float:left; }
#panel #slideshow { float:left; padding:0; width:491px; height:200px; background-position:center; background-repeat:no-repeat; }
#panel #slideshow #slideshow_image { width:491px; height:200px; }
#panel #panelcol02 { background-image:url(images/panelbg.jpg); float:left; width:509px; height:200px; }
#panel #panelcol02 div { float:left; margin-top:5px; }
#panel #panelcol02 #news { width:200px; height:172px; margin:14px; background:url(images/newsbg.gif) center repeat-x; font-size:16px; line-height:112%; padding:0 15px; color:#555555; font-weight:normal; overflow:hidden; }
#panel #panelcol02 #news strong { text-transform:uppercase; color:#555555; font-weight:bold; }
#panel #panelcol02 #news ul { list-style:none; padding:0; margin:4px 0 0 0; }
#panel #panelcol02 #news li { font-size:70%; list-style:none; padding:0; margin:0 0 9px 0; }
#panel #panelcol02 #news a { text-decoration:none; border-bottom:1px dotted; color:#555555; }
#panel #panelcol02 #news a:hover { border-bottom:1px solid; color:#66CC33; }
#panel input { width:200px; padding:5px; color:#A3A3A3; font-size:15px; border:none; }

input.submit { width:80px !important; padding:0 !important; margin:8px 0 0 8px !important; border:none !important; }


/********** CONTENT **********/

#breadcrumbs  { font-size:85%; color:#666666;}

#content { padding:10px 20px 20px 20px; font-size:85%; color:#666666; margin:0; line-height:140%; clear:both; }

#content_main { width:745px; float:left; margin:0 15px 0 0; }
#content_main strong {  }
#content_main p { padding:8px 5px 5px 0; }
#content_main ul { padding:0 25px 10px 25px; margin:0; }
#content_main ul li { list-style-image:url(images/list_bullet.png); color:#666666; }
#content_main ul li li { color:#CCCCCC; font-size:85%; list-style:none; }

#content_right { width:174px; float:left; }
#content_right #upper { background:url(images/content_right_upper.jpg) center top no-repeat; width:193px; height:163px; margin-bottom:1px; }
#content_right #lower { background:url(images/content_right_lower.jpg) center top no-repeat; width:193px; }
#content_right textfield { margin-bottom:10px; }
#content_right form { padding:1px 8px; }
#content_right form fieldset { padding:2px 10px; }
#content_right form fieldset input { padding:3px; margin:2px; color:#666666; border:1px solid #666666; }
#content_right form fieldset input.empty { color:#AAAAAA; }

.clear { clear:both; }

.servicesfeature { float:left; margin:15px 30px 15px 0; width:320px; }
.servicesfeaturerow { float:left; margin:15px 30px 5px 0; width:210px; }
.servicesfeature a, .servicesfeaturerow a { text-decoration:none; }
.servicesfeature a strong, .servicesfeaturerow a strong { color:#66CC33; font-size:120%; font-weight:bold; }

.positions li {  }
.positions span {  }

#map iframe { border:5px solid #66CC33; margin:5px 30px 0 5px; width:330px; height:323px; }

.leftcol { float:left; width:105px; margin-top:10px; }
.rightcol { float:left; width:620px; }


/********** FOOTER **********/

#footer { width:100%; padding:0; color:#666666; text-align:left; clear:both; padding:20px 0; font-size:75%; }
#footer div { padding:5px 10px 5px 20px; }
#endlinks { background-color:#CCCCCC; }
#endlinks a { margin:0 6px 0 0; color:#666666; text-decoration:none; }
#endlinks a:hover { color:#000000; }
#footer .copyright { background:#E0E0E0;}
#footer .author { text-align:right; }


/********** FORM BUILDER **********/
.formBuilderForm, .formBuilderField { clear:none !important; }
.formBuilderSuccess { clear:none !important; font-weight:bold; }
.formBuilderLabelRequired { font-weight:normal !important; }
.formBuilderInput input { width:250px; padding:3px; margin:2px; color:#666666; border:1px solid #666666; }
.formBuilderSelect select { padding:3px; margin:2px; color:#666666; border:1px solid #666666; }
.formBuilderLargeTextarea textarea { padding:3px; margin:2px; color:#666666; border:1px solid #666666; }