/*
Theme Name: ADD Systems 2013
Theme URI: http://addsystems.ie/
Description: framework for ADD Systems themes
Author: ADD Systems
Author URI: http://www.addsystems.ie
Version: 1.0

*/

/* Font declaration to accommodate stupid IE */

@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/open-sans/opensans-light-webfont.eot');
    src: url('fonts/open-sans/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/open-sans/opensans-light-webfont.woff') format('woff'),
         url('fonts/open-sans/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/open-sans/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'bubbleboddy_lightlight';
    src: url('fonts/bubblebody/bobbleboddy_light-webfont.eot');
    src: url('fonts/bubblebody/bobbleboddy_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bubblebody/bobbleboddy_light-webfont.woff') format('woff'),
         url('fonts/bubblebody/bobbleboddy_light-webfont.ttf') format('truetype'),
         url('fonts/bubblebody/bobbleboddy_light-webfont.svg#bubbleboddy_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;

}


/********************************/
/*  General Setup */
/********************************/
body { font-size: 13px; font-family:'Open Sans',verdana, Arial; font-weight:300; clear:both;}

pre, code { font-family: "Trebuchet MS", Monaco, Consolas, monospace; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
p { font-size:16px; font-family:'Open Sans',verdana, Arial,"Trebuchet MS"; color:#000; line-height:22px; }
a { text-decoration:none; }
label { font-size:14px; font-family:verdana, Arial, "Trebuchet MS"; color:#4a4a4a; margin-bottom:5px; }
input:focus, textarea:focus { outline:none; }
select,input[type*"file"]{ margin-bottom:5px; }
input[type*"text"],label,textarea,select,input[type*"file"]{  clear: both; display: block; overflow: hidden; }
input[type*"text"]{ width:215px; height:25px; }
input[type*"text"],textarea{ color: #666; border: 1px solid #eeeeee; padding-left:10px; float:left; }

textarea{ width:320px; margin-bottom:5px; height:150px; }
tr{border-bottom: 1px solid #eeeeee; }
th{ font-weight:bold; }
td,th{ padding:5px; }

.spacer_5{height:5px;}
.spacer_10{height:10px;}
.spacer_15{height:15px;}
.spacer_20{height:20px;}
.spacer_30{height:30px;}
.spacer_40{height:40px;}
.h_line{display:block;}

/********************************/
/*   Headings  */
/********************************/

h1 { font-size: 28px; margin:0px; padding:0px; color:#4a4a4a; }
/*h2 { font-size: 24px; margin:0px; padding:0px; color:#4a4a4a; }*/
h3 { font-size: 22px; margin:0px; padding:0px; color:#4a4a4a; }
h4 { font-size: 17px; color:#4a4a4a; margin:0px; padding:0px; }
h5 { font-size: 16px; margin:0px; padding:0px; color:#4a4a4a; }
h6 { font-size: 14px; margin:0px; padding:0px; color:#4a4a4a; }

h1.head, h3.head{color:#666;}
h2.header{font-size:26px; color:#663300;}
span.head{font-size:28px; color:#663300; }
span.header{font-family:'Open Sans', arial; font-size:20px; color:#006699; line-height:35px;}
span.bighead{font-size:35px; color:#006699; font-family:'bubbleboddy_lightlight',Arial; }
span.smallhead{font-size:25px; color:#006699; font-weight:normal; font-family:'Open Sans',Arial;}
span.smallerhead{font-size:18px; color:#663300; font-weight:normal; margin: 0 0 10px;}

/********************************/
/*   Spacing  */
/********************************/

ol { list-style: decimal; }
ul { list-style: disc; }
li { margin-left: 30px; }
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset, figure { margin-bottom: 20px; }
.container { border-bottom:none; /*padding-top:350px;*/}

ol li { border-bottom:none !important; margin-top:1!important; margin-bottom:1!important; padding-bottom:0!important; padding-top:0!important; }


.menu-bar, .slider-container, .logo, .footer-wrapper { margin-left:30px; margin-right:30px; }

/*******************************************/
/* header */
/*******************************************/

.topheader{ background: /*#333*/ url(images/topheader_bg.png) left top repeat; position:fixed; top:0; left:0; width:100%; height:130px!important;z-index:9999; padding-top:20px;  }
.logo {margin-top:10px; float:left;}

.topheader .menu-bar {margin-top:25px; margin-bottom:20px; padding-bottom:2px; float:right;  }
.topheader .menu-bar ul {margin:0px;padding:0px;margin:10px 0px 10px 0px;margin-left:-20px;}
.topheader .menu-bar ul li {display:inline;}

.topheader .menu-bar #searchform{float:right; margin-right:40px; margin-bottom:30px;}
.topheader .menu-bar #searchform #s {width:400px;height:25px;color:#939292;border: 1px solid #666;padding-left:10px; background:#333;}
.topheader .menu-bar #searchform #searchsubmit {background:url(images/search-bg-1.png) no-repeat;border:0px;position:absolute;width:29px;height:29px;margin:0px;padding:0px;overflow:hidden;cursor:pointer;margin-left:6px;text-indent:-9999px;}
.topheader .menu-bar #searchform #searchsubmit:hover {background-position:0 -30px;}

.topheader .socialise{width:320px; float:right; padding-right:45px; margin-top:30px;display:block; text-align:right; overflow:hidden;}
.topheader .socialise h3.slogan{color:#efefef; margin-top:15px; font-style:italic; text-align:center;}

.topheader .socialise .fb a{float:right;overflow:hidden;position:relative; text-indent:-10000px; background: url(images/fb_icon.png) left top no-repeat; height:20px; width:20px; margin-right:10px;}
.topheader .socialise .tw a{float:right;overflow:hidden;position:relative; text-indent:-10000px; background: url(images/tw_icon.png) left top no-repeat; height:20px; width:20px; margin-right:10px;}
.topheader .socialise .li a{float:right;overflow:hidden;position:relative; text-indent:-10000px; background: url(images/li_icon.png) left top no-repeat; height:20px; width:20px; margin-right:10px;}

/*******************************************/
/* page content wrapper */
/*******************************************/
.content-wrapper .content-info { /*margin-bottom:20px; */}
.content{ padding-top:10px;  margin:0 auto;}
.content_alt{padding:10px 0 30px; margin:0 auto 30px;}
.content img { max-width:100%; }
.content-wrapper .content-info h4 { text-align:center; margin:0px; padding:0px; }
#content {margin-top:50px; }
#content_alt{margin-top:20px;}
#content ul.thumbnails { list-style-type:none; width: 1008px; overflow:hidden; margin:0 auto; margin-left:-32px; padding:0px; }
#content .one_fourth h3 { margin:0px; padding:0px; margin-top:15px; margin-bottom:10px;	 }
#content .one_fourth h3 a{ color:#4a4a4a; }
#content ul.thumbnails li { width:198px; height:250px; margin:0px; margin-left:32px; float:left; overflow:hidden; background:none; margin-bottom:26px; }
#content ul.thumbnails a.bigthumbs { display:block; width:198px; background-image:url(../images/img-bg.png); }



/*******************************************/
/* footer style */
/*******************************************/
/* pre footer area */
.footer-container { padding-top:20px; /*template*/ }
.footer-container h3 { background-position:0% 100%; margin:0px; padding:0px; padding-bottom:10px; margin-bottom:15px; }
.footer-container img { float:left; margin-right:15px; }
.footer-container ul { margin-left:-15px; }
.footer-container ul li{color:#B7BFAF; font-family:'Open Sans', Arial; font-size:13px; list-style-type:none; line-height:22px;}

.footer-container .common.left { margin-left:30px; padding-right:35px; }
.footer-container .common.right { margin-right:30px; padding-left:35px; }
.footer-container .common.second { /*width:134px;*/ padding: 0 20px; }
.footer-container .common.third { margin-left:20px; /*width:134px;*/ }
.footer-container .textwidget{font-family:'Open Sans',Arial; font-size:13px;}

/* main footer area*/
.footer-navi{position:abolute; display:block; height:250px; background:#f2f2f2 url(images/quotes_bg.png) left top repeat-x; margin:0 auto; }
.footer-navi .navigation { margin-top:20px; overflow:hidden; }
.footer-navi .navigation p{font-family:'Open Sans',Arial; font-size: 13px;}

.footer-navi .navigation ul { width:100%;}
.footer-navi .navigation ul li { display:inline; margin:0px; padding:0px; padding-left:5px; padding-right:15px; font-family:'Open Sans',Arial; font-size: 13px; color:#aaa; text-align:center; width:100%; }
.footer-navi .navigation ul li:first {
 padding-left:0px; }
.footer-navi .navigation ul li.last { background:none; }
.footer-navi .navigation ul li a { font-size:13px; }
.footer-navi .navigation .right-navi { float:right; margin-right:25px; }
.footer-navi .navigation .right-navi img { margin-right:5px; float:left; }
.footer-navi .navigation .right-navi p { margin:0px; padding:0px; margin-left:80px; font-size: 13px; }
.footer-navi .navigation .right-navi p a{ color: #006699; }


/*.footer{border-bottom:1px solid #ccc; padding:0; margin-bottom:20px;}*/

/*******************************************/
/* portfolio page */
/*******************************************/
.content-wrapper .folio-content-info { margin-top:18px; }
.content-wrapper .folio-content-info p.info { font-size:11px; }
.folio-content { border-bottom:3px double #eeeeee; }
.folio-content ul.thumbnail { list-style-type:none; width: 1008px; overflow:hidden; margin:0 auto; margin-left:-18px; padding:0px; }
.folio-content ul.thumbnail h3 { margin:0px; padding:0px; margin-top:5px; margin-bottom:15px; }
.folio-content ul.thumbnail li { width:288px; margin:0px; margin-left:18px; float:left; overflow:hidden; background:none; margin-bottom:20px; }
.folio-content ul.thumbnail li img { border:1px solid #eeeeee; padding:5px; height:158px; width:266px; background-color:#FFFFFF; }
.folio-content ul.thumbnail li a { font-size:11px; }
.folio-content ul.thumbnail a.zoombox { display:block; width:275px; background:url(images/img-shadow.png) no-repeat; background-position:10% 104%; height:186px; }
.folio-page-info ul.paging { margin:0px; padding:0px; float:right; margin-top:20px; margin-bottom:20px; }
.folio-page-info ul.paging li { margin:0px; padding:0px; display:inline; margin-right:4px; }
.folio-page-info ul.paging li a { color:#777777; padding:2px 7px 2px 7px; width:20px; height:20px; border:1px solid #eeeeee; }

.port_navbar{position: fixed; top:250px; z-index:10000; width:100%; height:150px;}
.port_navbar .left{position:absolute; left:0; background:url(images/nav_bg.png) top left repeat; padding: 40px 10px;}
.port_navbar .left a{font-size:16px; color:#fff; font-weight:bold; font-family:'Open Sans',arial;}
.port_navbar .right{position:absolute; right:0; background:url(images/nav_bg.png) top left repeat; padding: 40px 10px;}
.port_navbar .right a{font-size:16px; color:#fff;  font-weight:bold; font-family:'Open Sans',arial;}

/*******************************************/
/* contact page */
/*******************************************/

.content-wrap { margin-left:30px; padding-right:5px; }
.content-wrap h4 { margin-top:20px; }
.content-info { border-bottom:dotted 1px #eeeeee; padding-bottom:10px; margin-bottom:10px; }
.content-wrap .contact ul{ list-style-type:none; }
.content-wrap .contact{
overflow:hidden; }
.content-wrap #contactForm ul.contactform, .content-wrap #contactForm ul.contactform li, .content-wrap #contactForm ul.contactform li label { margin:0px; padding:0px; }
.content-wrap .contact ul p, .content-wrap .contact ul p.error { margin-left:-29px; margin-top:20px; }
.content-wrap .contact #contactForm ul.contactform li { margin-bottom:25px; margin-left:-28px; }
.content-wrap .contact #contactForm label { clear:both; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.content-wrap .contact #contactForm input#contactName, #contactForm input#email, #contactForm textarea { width:290px; background:#F5F5F5; border:1px solid #CCC; padding-left:5px; clear:both; margin-bottom:5px; overflow:hidden; float:none; }
.content-wrap .contact #contactForm input#contactName:focus, .content-wrap .contact #contactForm input#email:focus, .content-wrap .contact #contactForm textarea:focus { background:#FFF; }
.content-wrap .contact #contactForm input#contactName { height:28px; clear:both; }
.content-wrap .contact #contactForm input#email {
 height:28px; }
.content-wrap .contact #contactForm textarea { height:130px; width:350px; clear:both; }
.content-wrap .contact #contactForm input[type*"submit"] { height:35px; width:84px; border:0px; background:#000; color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; clear:both; float:left;  }
.content-wrap .contact #contactForm input[type*"submit"]:hover { background:#333; }
.content-wrap .contact #contactForm .error { color:#F00; clear:both; }
/*******************************************/

.sidebar { margin-top:30px; margin-right:30px; border-left:1px solid #eeeeee; padding-left:20px; margin-bottom:20px; }
.sidebar h2 { margin-top: 15px; }
.sidebar ul { margin:-5px; padding:0px; margin-left:-30px; list-style-type:none; }
.sidebar ul li { border-bottom:1px solid #eeeeee; padding-top:5px; padding-bottom:5px; margin-left:10px; padding-left:20px; }
.sidebar ul li:first-child { border-top:1px solid #eeeeee; }
.sidebar ul li:hover { background:url(images/sidebar_hover.png); }
.sidebar h4 { margin-top:20px; }
.sidebar #recentcomments li { display:block; padding:5px 0 5px 20px; padding-left:20px; }
.sidebar #recentcomments li:hover { background:url(images/sidebar_hover.png); }

/*******************************************/
/*********Start About us Page Style********/
/*******************************************/
.content-wrap img { margin-top:20px; }
.about_details_title{ border-top:1px solid #dfdfdf; padding-top:20px; margin-bottom:20px;}
.about_details{ width:100%;  position:relative; overflow:hidden; text-align:left; border-bottom:1px solid #dfdfdf; margin-bottom:20px; padding-bottom:20px;}
.about_details .img_idea{float:left; background:url(images/lightbulb.png) left 30px no-repeat; width:100px; height:150px; overflow:hidden;}
.about_details .img_design{float:left; background:url(images/pencil.png) left 30px no-repeat;width:100px;height:150px; overflow:hidden;}
.about_details .img_build{float:left; background:url(images/mouse.png) left 30px no-repeat;width:100px;height:150px; overflow:hidden;}
.about_details .img_future{float:left; background:url(images/calendar.png) left 30px no-repeat;width:100px;height:150px; overflow:hidden;}
.about_details .title{color: #006699; margin:10px 0; font-size:22px; font-family:'Open Sans',verdana, Arial,"Trebuchet MS"; line-height:22px;}
.about_details .txt{float:left; width:800px; margin-left:30px;}


/*******************************************/
/********* Services Page Style ********/
/*******************************************/
.about_details .img_website{float:left; background:url(images/monitor.png) left 30px no-repeat; width:100px; height:150px; overflow:hidden;}
.about_details .img_ui{float:left; background:url(images/pie_chart.png) left 30px no-repeat; width:100px; height:150px; overflow:hidden;}
.about_details .img_seo{float:left; background:url(images/magnifier.png) left 30px no-repeat; width:100px; height:150px; overflow:hidden;}
.about_details .img_social{float:left; background:url(images/resume.png) left 30px no-repeat; width:100px; height:150px; overflow:hidden;}


/*******************************************/
/* blog styling */
/*******************************************/
.content-wrap .blog img { border:1px solid #eeeeee; padding:3px;  }
.content-wrap #blogmain img.postimg { margin:0px; padding:0px; border:1px solid #eeeeee; padding:3px; float:left; margin-right:15px; margin-top:8px; }
.content-wrap .blog ul { margin-left:-30px; }
.content-wrap .blog img { max-width:98%; height:auto; }
.content-wrap .blog ul.blog_post{ list-style-type:none; }
.content-wrap .blog ul.blog_post li { border-bottom:1px solid #eeeeee; padding-bottom:25px; margin-top:20px; min-height:180px; }
.content-wrap .blog ul.blog_post li:last-child { border:none; }
.content-wrap .blog ul.blog_post li p { margin-top:15px; font-size:14px; color:#000;}
.content-wrap .blog ul li h2 { margin:0px; padding:0px; margin-left:0; }
.content-wrap .blog ul.blog_post li h2 a { color: #000; }
.content-wrap ul.paging, .content-wrap label { float:left; }
.content-wrap label { margin:0px; padding:0px; margin-top:18px; margin-right:10px; }
.content-wrap .blog ul ul { list-style-type:disc; margin-top:10px; margin-left:-5px; }
.content-wrap .blog ul.blog_post li ul li { border:none; margin-left:5px; margin-bottom:0; padding-bottom:0; margin-top:0; min-height:0; }
.content-wrap .blog ul.single{ list-style-type:none; }


/*******************************************/
/* fullwidth styling */
/*******************************************/
.content-wrap .fullwidth { margin-right:30px; }
.content-wrap .fullwidth img { height:auto; width:885px; }


/*******************************************/
/* typography styling */
/*******************************************/
.content-wrap h1 { margin-top:15px; }

/*******************************************/
/* single page style */
/*******************************************/
.social_link { position:relative; margin-top:20px; }
.social_link p { float:left; color:#6c6c6c; }
.social_logo { position:absolute; left:550px; }
.social_logo img { margin:0px; padding:0px; }

/*******************************************/
/* comment styles */
/*******************************************/
#commentsbox { margin:0 0px; }
ol.commentlist { margin:0px 0 0; clear:both; overflow:hidden; list-style:none; }
ol.commentlist li { margin:10px 0; line-height:18px; padding:10px !important; border:1px solid #CCCCCC; margin-bottom:10px; border-bottom:1px solid #CCCCCC !important; background: #EBEBEB; text-shadow: 0 1px 0 #ffffff; }
ol.commentlist li .comment-author { color:#000; }
ol.commentlist li .comment-author.vcard{margin:0;padding:0; }
ol.commentlist li .comment-author a:link, ol.commentlist li .comment-author a:visited { color:#000; font-weight:bold; text-decoration:none !important; }
ol.commentlist li .comment-author .fn { color:#000; }
cite.fn { color:#000; font-style:normal; margin-left:8px; }
ol.commentlist li .comment-author .avatar { border:1px solid #ddd; padding:3px; margin-right:10px; }
ol.commentlist li .comment-meta { font-size:10px; margin-left:63px; margin-top:-15px; }
ol.commentlist li .comment-body p{margin-left:60px; }
ol.commentlist li .comment-meta .commentmetadata { color:#000; padding-top: 0px; }
ol.commentlist li .comment-meta a { color: #663300; text-decoration:none !important; }
ol.commentlist li p { line-height:22px; margin-top:5px; color:#000; }
ol.commentlist li .reply { margin-top:10px; font-size:10px; }
ol.commentlist li .reply a { color:#63261a; font-size:14px; }
ol.commentlist li.odd { }
ol.commentlist li.even { }
ol.commentlist li ul.children { list-style:none; margin:1em 0 0; text-indent:0; }
ol.commentlist li ul.children li.depth-2 { margin:0 0 0px 50px; }
ol.commentlist li ul.children li.depth-3 { margin:0 0 0px 50px; }
ol.commentlist li ul.children li.depth-4 { margin:0 0 0px 50px; }
ol.commentlist li ul.children li.depth-5 { margin:0 0 0px 50px; }
.comment-nav { padding:5px; height:20px; }
.comment-nav a:link, .comment-nav a:visited { color:#f96e02; }
#respond { padding:0px 0px; margin:10px 0px; }
#respond h3 { font-size:18px; color:#663300; padding:10px 10px; }
#commentform { padding:10px 20px; border:1px solid #dfdfdf; overflow:hidden; }
#commentform p { margin:5px 0px; color:#444; }
#commentform a { color:#663300; }
#respond label { display:block; padding:5px 0; color:#63261a; overflow:hidden; }
#respond label small { font-size:10px; }
#respond input { margin-bottom:10px; padding:5px 5px; margin:0 10px 10px 0; background:#fff; border:1px solid #ddd; color:#555; clear:both; }

#respond  span.required{
display:block;
float:left;
height:10px;
text-indent:9999px; }
#respond  .comment-notes{
text-indent:9999px;
float:left;
visibility:hidden;
margin-top:-40px !important; }
#respond .form-allowed-tags{
float:left;
overflow:hidden; }
#commentform input[type*"text"] { width:50%; height:20px; }
#respond input#commentSubmit ,#respond  #submit{ clear:both; background: url('images/submit-button.png') no-repeat 0 0; width: 92px; height: 26px; border:0; cursor:pointer; text-align: center; font-size:16px; margin-top:20px; color:#FFFFFF; float:left; text-indent:9999px; }
textarea#comment { border:none; background:#fff; border:1px solid #ddd; width:70%; margin:10px 0px 0px 0px; padding:5px 5px; color:#555; clear:both; overflow:hidden; }
.comment-body em{ float:left; margin-left: 60px; margin-top: -20px !important; }


/*-------Wordpress Search Box---------*/
#searchform { position:relative; }
.sidebar #searchform #s { width:215px; height:25px; color:#939292; border: 1px solid #eeeeee; padding-left:10px; }
.footer #searchform #s { border:0px; height:30px; width:140px; padding-left:18px; background:transparent; color:#CCCCCC; }
.footer #searchform label { float:left; }
.sidebar #searchform #searchsubmit {background:url(images/search-bg-1.png) no-repeat;border:0px;position:absolute;width:29px;height:29px;margin:0px;padding:0px;overflow:hidden;cursor:pointer;margin-left:6px;text-indent:-9999px;}
.sidebar #searchform #searchsubmit:hover {background-position:0 -30px;}
.footer #searchform #searchsubmit { width:18px; height:18px; padding:0; position:absolute; top:8px; right:58px; overflow:hidden; cursor:pointer; text-indent:-9999px; background: url(images/search-icon.png) 0 0 no-repeat; border:none; z-index:200; }

/*-------Wordpress Core Classes---------*/
/*blockquote { padding-left:65px; min-height:50px; }
blockquote { margin-top:40px; margin-bottom:40px; }
blockquote img { float: left; margin-right:15px; }*/
.sticky { }
.gallery-caption { }
.bypostauthor { }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display:block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float:left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float:right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float:left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin:0; max-width: 98.5%; padding:0; width: auto; }
.wp-caption p.wp-caption-text { font-size:11px; line-height:17px; margin:0; padding:0 4px 5px; }

/*********************************************************/
/* column styling */
/*********************************************************/
.one_half, .one_third, .two_third, .three_fourth, .one_fourth { float:left; position:relative; overflow:hidden;}
.one_third { position:relative; width:280px; margin:0 20px 20px; height:360px; }
.one_half { width:48%; margin-right:4%; }
.two_third { width:65%; margin-right:5%; }
.one_fourth { width:22%; margin-right:4%; }
.three_fourth { width:74%; margin-right:4%; }

.col2, .col3, .col4 { float:left; position:relative; }
.col3 { width:280px; margin-right:60px; }
.col2 { width:460px; margin-right:40px; }
.col4 { width:210px; margin-right:40px; }
.last { margin-right:0 !important; }
.col4-wrap, .col2-wrap, .homepage { width:1000px; margin-right:-40px; overflow: hidden; line-height:20px; }

/*********************************************************/
 /* tipsy */
/*********************************************************/
.tipsy { margin-bottom:5px; padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity*80); background-repeat: no-repeat; background-image: url(images/tipsy.gif); }
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-north { background-position: top center; }

/*********************************************************/
/* wp calendar */
/*********************************************************/

#wp-calendar caption { width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7; }
#wp-calendar { border-collapse:collapse; width: 156px; text-align: center; }
#wp-calendar thead tr { background: url(images/cal_bkg.gif) bottom right no-repeat; }
#wp-calendar thead th { background: url(images/cal_single.gif) top left no-repeat; }
#wp-calendar tbody td { background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0; }
#wp-calendar #today { background: url(images/cal_single_today.gif) top left no-repeat; color: #000; }
#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat; }
#wp-calendar a { padding: 2px 0; font-weight: bold; }
#wp-calendar tfoot td { padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat; }
#wp-calendar #next { text-align: right; padding-right: 10px; }
#calendar_wrap { display: block; width: 157px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 18px; }
/*********************************************************/
/*------------------------Color Box----------------------*/
/*********************************************************/
.schemes { width:17px; padding:5px 5px 0px 5px; position:absolute; z-index:1000; top:50px; left:0; background:#fff; border:1px solid #d9d9d9; }
.schemes a { width:15px; height:15px; margin-bottom:5px; display:block; overflow:hidden; outline:none; text-indent:-999px; }
.schemes a.pink { background:#ce2879; border:1px solid #971957; }
.schemes a.yellow { background:#a58803; border:1px solid #84642c; }
.schemes a.brown { background:#AF6E07; border:1px solid #574a4a; }
.schemes a.blue { background:#2565AC; border:1px solid #174c88; }
.schemes a.red { background: #a63400; border:1px solid #4b396e; }
.schemes a.black { background:#000000; border:1px solid #2b3035; }
.schemes a.purple { background:#736DB4; border:1px solid #2b3035; }
.schemes a.green { background:#00CC00; border:1px solid #006600; }

/*********************************************************/
/*--------------------Button Style-----------------------*/
/*********************************************************/
a.button, button { display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; outline: none; position: relative; zoom: 1; line-height: 1.11;
*display: inline;
*vertical-align: middle; }
button { margin-left: 0; margin-right: 0;
*padding: 5px 5px 3px 5px; }
a.button { }
button:-moz-focus-inner {
border: 0;
padding:0px; }
a.button.primary, button.primary { font-weight: bold }
button:focus, a.button:hover, button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3); background-position: 0 -40px; background-color: #2D7DC5; }
a.button:active, button:active, a.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
a.button:active, button:active { top: 1px }
a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active, button.negative:active, a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
a.button.positive:active, button.positive:active, a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px;
*padding: 4px 10px; }
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.left:active, button.left:active, a.button.middle:active, button.middle:active, a.button.right:active, button.right:active { top: 0px }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
button.big {
*padding: 4px 17px 2px 17px; }
a.button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 0;
*top: 0px; background-image: url('images/css3buttons_icons.png'); background-repeat: no-repeat; }
a.big.button span.icon, button.big span.icon { top: 0px }
a.button span.icon.book, button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat, button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check, button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock, button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog, button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment, button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross, button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork, button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart, button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home, button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key, button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.lock, button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop, button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px }
a.button span.icon.mail, button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move, button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pen, button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.pin, button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px }
a.button span.icon.plus, button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.reload, button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss, button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag, button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.trash, button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user, button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }
.shopping_cart table td i p { font-style:normal; }
.shopping_cart table td a strong { background:#0A2642; }

/* CUSTOM STYLING */

.learn_pullup{background:url(images/learn_pullup.png) no-repeat 0 0;width:98px;height:46px;display:block;position:absolute;left:50%;top:-46px;margin-left:-49px;z-index:9998;}
.scroll_body{position:absolute; z-index:9998; display:block; width:100%; bottom:-1000px; left:0;height:1000px;}
.scroll_body_alt{position:absolute; z-index:9998; display:block; width:100%; bottom:-600px; left:0; height:600px;}
 
.section1{background: url(images/section1_bg.png) left top repeat; min-height:360px; width:100%;}
/*.section2{background: url(images/section2_bg.png) center -50px no-repeat; height:270px; width:100%;}*/
.section2{background: url(images/section1_bg.png) left top repeat; min-height:360px; width:100%;}
.section4{background: #f8f8f8 url(images/workshop_bg.png) left top repeat-x; height:300px; width:100%;}

.section3{background: #333; min-height:420px; width:100%; } /* Footer */

.section5{background: #333 url("http://addsystems.ie/wp-content/themes/addsystems_2013/images/services_bg1.jpg") left -200px no-repeat; min-height:450px; width:100%;} /* Services*/
.section6{background: #333 url("http://addsystems.ie/wp-content/themes/addsystems_2013/images/portfolio_bg2.jpg") left -200px no-repeat; min-height:450px; width:100%;} /* Projects*/
.section7{background: #333 url("http://addsystems.ie/wp-content/themes/addsystems_2013/images/contact_bg3.jpg") left -200px no-repeat; min-height:450px; width:100%; } /* Contact*/
.section8{background: #333 url("http://addsystems.ie/wp-content/themes/addsystems_2013/images/projectplanner_bg2.jpg") left -200px no-repeat; min-height:450px; width:100%; } /* Project Plan*/
.section9{background: #333 url("http://addsystems.ie/wp-content/themes/addsystems_2013/images/about_bg6.jpg") left -200px no-repeat; min-height:450px; width:100%;} /* About Us*/

.pagecaption{position:absolute;top:230px; left:50%;text-align:center; margin: 0 auto 0; width:960px; margin-left:-480px; align:center;/*for IE*/  }
.pagecaption .caption p{display:block;color:#fff; line-height: 65px; text-align:center; margin: 0 auto; overflow:hidden;}
.pagecaption .caption span p{color:#fff; font-family:'bubbleboddy_lightlight', arial; font-size: 32px; background:url(images/common_bg.png) left top repeat;padding:10px 30px; margin: 0 auto; min-width:250px; max-width:600px;}

blockquote{margin:0 auto; text-align:center;}
blockquote .quotes{font-size:28px; font-family:'Open Sans'; margin-bottom:20px;}
blockquote .author{font-size: 20px; font-family:'Open Sans'; color:#804000;}

.fw_page{background: #fff url(images/white_bg.png) repeat; /*padding-top:30px; margin-top:90px;*/ margin-bottom:20px; /*position:absolute; z-index:100;*/}

.page_content{text-align:center;}
.page_content p{font-size:18px; color:#000; line-height:26px;}

.proj_title{font-size:18px; font-family='Open Sans'; font-weight:normal; margin-top:10px; color:#006699;}
.proj_excerpt p{font-size:14px;}
.project_btn{border:1px solid #666; padding: 12px; background:#006699; color:#fff!important;}
.project_btn:hover{border:1px solid #666; padding: 12px; background:#666; color:#fff!important;}


.portfolio_hover{position:absolute; top:0; left:0; display:none;}
.one_third:hover .portfolio_hover{display:block;}

.portfolio_page_content{text-align:left;}
.portfolio_page_content p{font-size:15px; color:#000; line-height:22px;}
.pagecaption_pf{margin-left:100px; padding-top:200px; font-size:30px; font-family:'Open Sans',arial; color:#fff; }

/*************************/
/* Custom Widgets */
/*************************/


/* jGallery */
.jcar_container{width:100%; position:relative; margin-bottom:0px; overflow:hidden;}
.MyCarousel{padding:0;}
.MyCarousel ul{width:100%; padding:0; margin:0;}
.MyCarousel ul li{list-style: none; display:inline; text-align:left; height:330px; margin:0; font-size:12px; width:100%;}
.MyCarousel ul li a img{border:none;}
.jcar_title{font-weight:normal; font-size: 12px!important;font-family:'Open Sans', Arial; text-decoration:none!important; height:22px;}

.Testimonial .Testimonial_img{position:relative; width:88%; margin: 0 auto;}
.Testimonial .Testimonial_img .Testimonial_txt{position:absolute;width:100%; z-index:10; top:15px; left:0; padding:10px 10px 0; color:#333; font-size:15px; }
/*.Testimonial .Testimonial_img .Testimonial_txt header h3 {font-size:16px; color:#727272; font-family:'Open Sans',Arial; padding:0; margin:0;margin-bottom:5px;}*/
.Testimonial .Testimonial_img .Testimonial_txt span.test_head{font-size:16px; color:#333; font-family:'Open Sans',Arial; padding:0; margin:0;margin-bottom:15px!important; font-weight:400;}
.Testimonial .Testimonial_img .Testimonial_txt .test_author{font-size:14px; font-family:'Open Sans',Arial; color:#333; text-align:right;margin-right:50px; font-weight:400;}

.featured_desc, .featured_desc p{color:#7a7a7a; font-size: 16px; font-family:'Open Sans',Arial; margin:0 20px;}

.jcar_container .next{position:absolute; top:50px; right:10px; z-index:999;}
.jcar_container .prev{position:absolute; top:50px; left:10px; z-index:999;}
.jcar_container .prev{cursor:pointer; background:url(images/back.png) bottom left no-repeat; text-indent:-10000px; width:48px; height:60px;}
.jcar_container .next{cursor:pointer; background:url(images/next.png) bottom left no-repeat; text-indent:-10000px; width:48px; height:60px;}

/* 3 Column Front Page */

.columns{margin: 0 auto; width:960px;overflow:hidden;}
.fp_cols{ margin: 0 auto; position:relative; float:left;/*background:url(images/common_bg.png) top left repeat;*/ margin: 0; padding: 10px; width:200px; font-family:'Open Sans', Arial; overflow:hidden;  }
.col_head h3{color:#FA6004; font-size:25px;}	
.col_body{font-size: 14px; padding:10px;}
.fp_cols .col_btn {margin: 10px 0;}
.fp_cols .col_btn a{border:1px solid #666; background:#aaa; padding:6px 15px; color:#121212!important;}
.fp_cols .col_btn a:hover{border:1px solid #222; background:#444; color:#FA6004!important;}

/* Front Page Intro Widget */
.intro{margin:0 auto; text-align:center; }
.intro_title{font-size:40px; font-family:'bubbleboddy_lightlight'; font-weight:normal; line-height:50px; color:#006699; text-align:center; margin-bottom:15px;}
.oldie .intro_title{font-size:40px; font-family:'bubbleboddy_lightlight'; line-height:50px; color:#006699; text-align:center; margin-bottom:15px;}

.intro p{font-size:26px; font-family:'Open Sans'; line-height:36px;}
.oldie .intro p{font-size:26px; font-family:'open_sanslight'; line-height:36px; font-weight:300;}

.intro_link a{font-size:23px; text-align:center;}

/* color code the section intros */
.section3 .intro_title, .section5 .intro_title, .section6 .intro_title, .section7 .intro_title{color:#fff!important;} 
.section3 .intro p, .section5 .intro p, .section6 .intro p, .section7 .intro_title p{color:#fff!important;} 

/* Front Page Workshop Widget */
.workshops{margin:0 auto; text-align:center;}
.workshops p{font-size:17px; font-family:'Open Sans'; line-height:30px;}
span.workshop_title{font-size:20px; color:#663300;padding-left:20px;}

/* Footer List */
.footlist{width:98%; text-align:center; }
.quicklink{list-style-type:none;}
.quicklink li{display:inline;}
.quicklink li a{padding:5px 10px; font-size: 18px; color:#ccc; font-family:'Open Sans', Arial; font-size:20px;}
.quicklink li a:hover{color:#111;}

/* Home Page Caption */
.homecaption{position:fixed; z-index:998;top:50%; left:50%;text-align:center; margin: 0 auto; width:960px; margin-left:-480px; align:center;/*for IE*/}
.homecaption .caption p{display:block;color:#fff; line-height: 65px; text-align:center; margin: 0 auto; overflow:hidden;}
.homecaption .caption span p{color:#fff; font-family:'bubbleboddy_lightlight', arial; font-size: 32px; background:url(images/common_bg.png) left top repeat;padding:10px 30px; margin: 0 auto; min-width:250px; min-width:450px; max-width:650px;}

/* Twitter Widget */

.aktt_tweets{float:left; width:350px;}
.aktt_tweets h3{color:#006699;}
.aktt_tweets ul li{list-style: none; font-size: 13px; color:#aaa; font-family:'Open Sans', arial; border-bottom: 1px dotted #666; padding: 10px 0;}
p.aktt_more_updates{float:right;}

/* Footer List Vert*/
.vwidget{width:28%; float:left;padding-top:20px;}
.vwidget .title{color:#fff; font-family:'Open Sans',arial; font-size:22px; margin-bottom:15px;}
.vert_footlist{text-align:left; overflow:hidden; }
.vert_quicklink{list-style-type:none; margin-left:-40px;}
.vert_quicklink li{line-height:25px;}
.vert_quicklink li a{padding:5px 10px 2px; font-size: 16px; color:#aaa; font-family:'Open Sans', arial;}
.vert_quicklink li a:hover{color:#006699;}

/* Footer Contact Details */
.foot_contact{width:33%; float:left; padding-top:20px;}
.foot_contact .title{color:#fff; font-family:'Open Sans',arial; font-size:22px; margin-bottom:15px;}
.foot_contact .details{font-size: 16px; color:#aaa; font-family:'Open Sans', arial; line-height:25px; }

.socialise{float:left;padding-right:45px; margin-top:15px;display:block; text-align:right; }
.socialise .fb a{float:right;position:relative; text-indent:30px; background: url(images/fb_icon.png) left top no-repeat; height:20px; width:20px; margin:0 0 10px; color:#aaa; font-size:14px;}
.socialise .tw a{float:right;position:relative; text-indent:30px; background: url(images/tw_icon.png) left top no-repeat; height:20px; width:20px; margin:0 0 10px; color:#aaa; font-size:14px;}
.socialise .li a{float:right;position:relative; text-indent:30px; background: url(images/li_icon.png) left top no-repeat; height:20px; width:20px; margin:0 0 10px; color:#aaa; font-size:14px;}