/*
THEME NAME: Thematic
THEME URI: http://themeshaper.com/thematic/
DESCRIPTION: The ultimate in SEO-ready themes, Thematic is a highly extensible, WordPress Theme Framework featuring 13 widget-ready areas, drop-downs, grid-based layout samples, plugin integration, shortcodes for your footer, &amp; a whole lot more. Perfect for any blog and <strong><em>the</em></strong> starting point for theme development.
VERSION: 0.9.5.1
AUTHOR: Ian Stewart
AUTHOR URI: http://themeshaper.com/
TAGS: white, three-columns, two-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments, sticky-post, microformats
.
The Thematic Theme is copyright Ian Stewart http://themeshaper.com/
This work, like WordPress, is released under GNU General Public License, version 2 (GPL).
http://www.gnu.org/licenses/old-licenses/gpl-2.0.html
.
*/
/*  COLORS 

Dark Blue ----  #00294D
Purple    ----  #AA8EC1
Light Blue ---- #0099CC

*/
/* Reset browser defaults */
@import url('library/styles/reset.css');

/* Apply basic typography styles */
@import url('library/styles/typography.css');

/* Apply a basic layout */
@import url('library/layouts/2c-l-fixed.css');

/* Apply basic image styles */
@import url('library/styles/images.css');

/* Apply default theme styles and colors */
@import url('library/styles/default.css');

/* Prepare theme for plugins */
@import url('library/styles/plugins.css');



/* CSS3 that will not validate but is just experimental */
@import url('css3.css');

/* -------------------------------------------------------------- 
   
   Default styles for Images
   
   I've duplicated these styles here from images.css in
   order to get Thematic through the auto-checker at the
   official WordPress Themes directory.
   
   When the directory can hunt though css files linked
   through @import the styles below will no longer be
   neccesary and will be removed.
   
   Cheers. --Ian Stewart
  
-------------------------------------------------------------- */   
/*#access	{ top:-100px;}*/





  
h1,h2,h3,h4,h5,h6	{font-family: "Rockwell", Cambria, Georgia;}


/* move adminbar to bottom  */

	#wpadminbar {
		top: auto !important;
		bottom: 0;
	}
html {margin-top:0px;}
	#wpadminbar .quicklinks .menupop ul {
		bottom: 28px;
	}
/*--------------------------------------*/
.big_button	{float:right!important; margin-top:-38px!important; display:block; width:196px; height:42px;padding:20px 0 0 0!important;font-size:1.2em!important; text-align:center;background:transparent url(img/front_button.gif) no-repeat 0 0!important;}
h1	{font-size:28px;color:#002c52;font-weight:normal;margin-bottom:2px; line-height:32px;text-shadow: 0 1px 0 #CFD1DD;}
h1.banner-title	{color:#ffffff;}
h2	{font-weight:normal!important; font-size:20px;color:#aa8ec1;text-shadow: 0 -1px 0 #EEDEEE;}
h3	{font-size:1.4em;color:#002c52;}
h4	{font-size:1.1em; font-style:italic;}
h5	{font-size:1.3em; font-weight:bold;color:#002c52;margin:10px 0px;}
h6#tagline	{font-size:1.4em;color:#002c52;}
li#sub-page-menu h3	{display:none;} /* Remove heading from sub page widget */
.entry-content img {
    margin: 0 0 18px 0;
}
#primary .border	
{
display:block; float:right;
}
.entry-content a img	{text-decoration:none;}
.table	{border-collapse: collapse!important; width:600px!important; border:none!important;}
.table td	{padding:5px 10px;border:2px solid #fff;}
.table tr	{border:2px solid #fff;}
.tableborder	{border-collapse: collapse!important; width:600px!important; border:1px solid #ccc!important;}
.tableborder td	{padding:5px 10px;border:1px solid #ccc!important;background:#f6f6f6;}
.tableborder tr	{border:1px solid #ccc!important;}
.focus	{font-size: 13px; background:#EFEFEF!important;}
.edit-link	{clear:both;float:left;}

h1.entry-title a	{color:#002C52;}
h1.entry-title a:hover	{color:#0099CC!important;}

blockquote	
{
	background-image:url(img/quote_bg.gif);
	background-repeat:no-repeat;
	background-position: 10px 18px;
		padding:2em 2em 1em 7em;
		margin-bottom:15px;
		background-color:transparent;
}
blockquote p	{background-color:transparent;}

/*  LISTS */
.left_list,.right_list {margin:0px 0px 20px 0px!important; padding:0px; list-style:none;}
.left_list li,.right_list li	{list-style:disc;margin:0px 0px 0px 14px;}
.left_list strong,.right_list strong	{display:block;padding-bottom:8px;}
.left_list li ul li,.right_list li ul li	{list-style:disc;}
.left_list	{float:left; width:50%; display:block;}
.right_list	{float:right; clear:none; width:50%; display:block;}
.large_list	{padding:0px 0px 0px 10px; margin:0px; }
.small_list	{padding:0px 0px 0px 16px; margin:0px; list-style:disc; font-size:90%;}

/*    Video     */

.flashvideo	{display:block; clear:both;}

/*   Newsletter     */

#newsletter form	{width:250px;}
#newsletter form	 p	{margin:4px 0 ;}
#newsletter form input[type="text"]{width:230px; padding:5px;}
#newsletter form input[type="submit"]	{float:right;}

/*   Related Documents */

.relateddocs	{
	background:#F4F4F4 none repeat scroll 0 0;
	border:1px solid #CCCCCC;
	margin:10px 0;
	padding:15px 24px;}
.relateddocs h3	{margin-bottom:8px;}
.relateddocs_body a	
{
	padding:2px 0px 2px 24px;
	background-image: url(img/pdf_20.gif);background-position:left 0px;
	background-repeat:no-repeat;
}
/*  Top */

.top	{
bottom:20px;
cursor:pointer;
position:fixed;
right:30px;
height:48px;
width:38px;
text-indent: -999em;

}
#topcontrol	{bottom:55px!important; right:40px!important;}

.entry-content img.border	{padding:3px; border:1px solid #cccccc;}
/* contact Page */
#contact_info	
{
	width: 45%;
	float: right;
	font-size:90%;
	line-height:1.3em;
}

/*  contact form */
.wpcf7-form p	{margin-bottom:5px;}
.wpcf7 span,.wpcf7 label	{
	float:left; 
	clear:both;
	font-size:0.8em; 
	font-weight:bold;
	padding:2px 0;
}
.wpcf7 input[type="text"]	,.wpcf7 textarea,.wpcf7 select
{
	padding:3px 4px;
}
.wpcf7-form textarea	{width:420px;}

.wpcf7 button,.wpcf7 input[type="reset"],.wpcf7 input[type="button"],.wpcf7 input[type="submit"] 
{
	clear:both;
	display:block;
	margin:10px 0;
	float:right;
}

/*   Newsletter From    */

.newsletter-form	{width:300px;}
.newsletter-form label	{clear:both;float:left;display:block;margin-right:10px;}
.newsletter-form p.newsletter-button	{float:right;display:block;}
.page-template-links-php .entry-content ul	{margin:0px;  padding:0px;}

/* -------------------BUTTONS----------------------  */

.block a.more	{

	background-color:#366185;
	border:1px solid #000000;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-family:arial,sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:10px 0 0;
	outline-width:0;
	padding:1px 6px;
    cursor:pointer;
	
	}
	.block a.more:hover	{text-decoration:none!important;background-color:#223B4F;}

/*input[type="reset"], input[type="button"], input[type="submit"]	,*/


.trans:hover
{
    background:#223b4F;

}
.twitter-holder	{float:left;}
.wpcf7-submit
{

	cursor:pointer;
	display:block;
	padding:7px 15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:1.1em;
	text-decoration:none;
	border: 2px groove #033258!important;

}

.wpcf7-submit:hover
{
    /*-webkit-transform: scale(1.1);
		-moz-transform: scale(1.1);
		-o-transform: scale(1.1);
		transform: scale(1.1);
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;*/

    /* 
    -moz-transform: scale(0.9) rotate(5deg) translate(10px);
    -webkit-transform: scale(1.2) rotate(5deg) translate(10px);
    -o-transform: scale(1.2) rotate(5deg) translate(10px);
    transform: scale(1.2) rotate(30deg) translate(10px);*/
    padding:7px 20px;
    background: #175b93;
    border: 2px ridge #045291!important;
}
.button
{
	width:133px; 
	height:37px;
	 line-height: 37px;
	display:block;
	text-align:center;
	background: url(img/button.gif) no-repeat 0 0;
	color:#eee;
	border:none;
	font-weight:bold;
	text-transform:uppercase;
	font-size:0.85em;
	text-decoration:none;

}
/*input[type="button"]:hover, input[type="submit"]:hover,buttton:hover,.button:hover
{
	background: url(img/button.gif) no-repeat 0px -44px;
	cursor:pointer;
	color:#fff;
}*/

.solo-subscribe-to-comments
{clear:both;font-size:1.1em;}



/*  Other Styles   */

.alignleft,
img.alignleft {
	float: left;
    margin-right:20px;
}
.alignright,
img.alignright {
	display: block;
	float: right;
    margin-left:20px;
}
.aligncenter,
img.aligncenter {
	margin-left:auto;
	margin-right:auto;
	display: block;
	clear: both;
}
.wp-caption {
	text-align: center;
	margin-bottom:18px;
}
.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.wp-caption p.wp-caption-text {
	margin: 0;
	padding:5px;
}
.gallery img {
    margin:0;
}
.wp-smiley { /* Prevent the smileys from breaking line-height */
	max-height:12px;
	margin:0 !important;
}


			
/*---------- slider --------------------*/
	
    /* image replacement */
         #prevBtn,#prevBtn2,#prevBtn3,#prevBtn4,#prevBtn5, #nextBtn,#nextBtn2,#nextBtn3,#nextBtn4,#nextBtn5{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

	
#slide_contain	{
    width:900px;
	height:250px;
	padding:0px 30px 0 30px;
	overflow:hidden;
	display:block;
	float:left;
	position : relative; /* IE fix to ensure overflow is hidden*/
	
}


#slider ul	{overflow:hidden;}
		#slider ul, #slider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height:240px;
			width:900px;
			overflow:hidden;
				margin:0px!important;
			padding:0px!important;
			}	

		#prevBtn, #nextBtn{ 

display:block;
height:240px;
left:-30px;
position:relative;
z-index:1;
top:-140px;
width:30px;
			}	
		#nextBtn{ 
			left:905px;
			top:-380px;
			}														
		#prevBtn a, #nextBtn a{  
			display:block;
			width:30px;
			height:77px;
			background:url(img/btn_prev.gif) no-repeat 0 0;	
			}	
		#nextBtn a{ 
			background:url(img/btn_next.gif) no-repeat 0 0;	
			}								
			
	.banner_1	{background: url(img/banner_1.jpg) no-repeat;}
		.banner_2	{background: url(img/banner_2.jpg) no-repeat;}
			.banner_3	{background: url(img/banner_3.jpg) no-repeat;}
				.banner_4	{background: url(img/banner_4.jpg) no-repeat;}

	
	
	.portrow
	{
    border-top: 1px dashed #ccc;
    clear: both;
    margin-top: 0px;
	}
	
	.port_info	{
    clear: none;
    float: left;
    font-size: 0.9em;
    width: 340px;
	margin-top:20px;
	
	
	}
	.port_info h3	{padding: 0px; font-size:22px;text-shadow: 0 1px 0 #CFD1DD;}
	.port_info strong	{color:#7d807e;display:block; line-height:1.2em;margin-top:5px;}
	.port_info p	{
	color:#696979;
	padding: 20px 26px 20px 0px;
	line-height: 1.3em;
	}
	
	.port_info .linkbutton
{

	border:1px solid #333;
	color:#FFFFFF;
	font-size:14px;
	margin:1em 1em 1em 0;
	outline-width:0;
	padding: 7px 12px !important;
	cursor:pointer;
	text-decoration:none;
	float:left;
}

.port_info .linkbutton:hover	
{
	border:1px solid #999;
}
	
/* PORTFOLIO  slider */
#portslide_contain	{
	width:485px;
	height:320px;
	padding:0px 30px 0 30px;
	overflow:hidden;
	float:right;
}
#slider ul	{width:900px;}
		.portslider ul, .portslider li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		.portslider, .portslider li{ 
			height:320px;
			width:485px;
			overflow:hidden;
			margin:0px!important;
			padding:0px!important;
			}	
			.portslider2 ul, .portslider2 li,.portslider3 ul, .portslider3 li,.portslider4 ul, .portslider4 li,.portslider5 ul, .portslider5 li{ 
			margin:0;
			padding:0;
			list-style:none;
			}	
		.portslider2, .portslider2 li,.portslider3, .portslider3 li,.portslider4, .portslider4 li,.portslider5, .portslider5 li{ 
			height:320px;
			width:485px;
			overflow:hidden;
			margin:0px!important;
			padding:0px!important;
			}	

		#portslide_contain #prevBtn,#portslide_contain #nextBtn,
		#portslide_contain #prevBtn2,#portslide_contain #nextBtn2,#portslide_contain #nextBtn3,#portslide_contain #prevBtn3,
		#portslide_contain #nextBtn4,#portslide_contain #prevBtn4,
		#portslide_contain #nextBtn5,#portslide_contain #prevBtn5
		
		{ 
	display:block;
	left:-30px;
	position:relative;
	z-index:1;
	top: -200px;
	width:30px;
			}	
		#portslide_contain #nextBtn{ 
	left: 485px;
    top: -440px;
			}			
		#portslide_contain #nextBtn2{ 
	left: 485px;
    top: -275px;
			}	
		#portslide_contain #nextBtn3{ 
	left: 485px;
    top: -275px;
			}	
	#portslide_contain #nextBtn4{ 
	left: 485px;
    top: -275px;
			}
	#portslide_contain #nextBtn5{ 
	left: 485px;
    top: -275px;
			}	
		#prevBtn a, #nextBtn a,#prevBtn2 a, #nextBtn2 a,#prevBtn3 a, #nextBtn3 a,#prevBtn4 a, #nextBtn4 a,#prevBtn5 a, #nextBtn5 a{  
			display:block;
			width:30px;
			height:77px;
			background:url(img/btn_prev.gif) no-repeat 0 0;	
			}	
		#nextBtn a,#nextBtn2 a,#nextBtn3 a,#nextBtn4 a,#nextBtn5 a,#nextBtn5 a{ 
			background:url(img/btn_next.gif) no-repeat 0 0;	
			}								
			
	.cad_1	{background: url(img/portfolio/cad_1.gif) no-repeat;}
	.cad_2	{background: url(img/portfolio/cad_2.gif) no-repeat;}
	.cad_3	{background: url(img/portfolio/cad_3.gif) no-repeat;}
	.cad_4	{background: url(img/portfolio/cad_4.gif) no-repeat;}
	.nhsi_1	{background: url(img/portfolio/nhsi_1.gif) no-repeat;}
	.nhsi_2	{background: url(img/portfolio/nhsi_2.gif) no-repeat;}
	.nhsi_3	{background: url(img/portfolio/nhsi_3.gif) no-repeat;}
	.nhsi_4	{background: url(img/portfolio/nhsi_4.gif) no-repeat;}
	.esquiggles_1	{background: url(img/portfolio/esquiggles_1.gif) no-repeat;}
	.esquiggles_2	{background: url(img/portfolio/esquiggles_2.gif) no-repeat;}
	.esquiggles_3	{background: url(img/portfolio/esquiggles_3.gif) no-repeat;}
	.bristol_1	{background: url(img/portfolio/bristol_1.gif) no-repeat;}
	.bristol_2	{background: url(img/portfolio/bristol_2.gif) no-repeat;}
	.bristol_3	{background: url(img/portfolio/bristol_3.gif) no-repeat;}
	.ymfs_1	{background: url(img/portfolio/ymfs_1.jpg) no-repeat;}
	.ymfs_2	{background: url(img/portfolio/ymfs_2.jpg) no-repeat;}
	.ymfs_3	{background: url(img/portfolio/ymfs_3.jpg) no-repeat;}
	.volo_1	{background: url(img/portfolio/volo_1.jpg) no-repeat;}
	.volo_2	{background: url(img/portfolio/volo_2.jpg) no-repeat;}
	.volo_3	{background: url(img/portfolio/volo_3.jpg) no-repeat;}

	
	
	.oldsite,.redesign	{
	background: url(img/oldsite.png) no-repeat top left;
	display: block;
	
	float:right;
    position: relative;
	height: 131px;
    left: -40px;
    position: relative;
    top: 27px;
    width: 168px;
    
	}
	.redesign	{	background: url(img/redesign.png) no-repeat top left;}
	
	
	
	.message_box	{ margin:0px 20px;padding: 36px 0 0 0;width:860px;overflow:hidden;height:190px;}
	.message_box h5.banner-title	{color:#FFFFFF;font-size:1.8em;line-height:1.1em;margin-bottom:8px;width:58%;font-weight:normal!important;}
	span.sub-banner	{font-size:13px;color:#ffffff;font-weight:bold;width:58%;display:block;	}
	span.sub-banner-purple	{font-size:13px;color:#dddddd;font-weight:bold;width:58%;display:block;	}
	.message_box p	{color:#ffffff;margin:0px!important;font-size:1em;}
	.message_box a {color:#ffffff; font-weight:bold;list-style-type:none;background: url(img/bullet2.gif) no-repeat left center;padding:1px 0px 1px 22px;float:left; display:block; clear:both;color:#FFFFFF;	 text-decoration:none; font-size:.8em;}
	.message_box a:hover	{text-decoration:underline;color:#cccccc; }
	
	/* // slider */	
	
	.skipnumbers	{position:relative; top:-45px; left:50px; z-index:1;display:block;overflow:auto;width:200px; }

	.skipnumbers a.skipbut	{background: url(img/number_bg.gif) no-repeat;font-weight:bold;margin-right:4px;height:24px;padding-top:2px;font-size:.8em;text-decoration:none;color:#00294D;display:block;float:left; clear:none; width:25px; text-align:center;}
.skipnumbers a.skipbut:hover   {background: url(img/number_bg_over.gif) no-repeat;text-decoration:none;color:#FFFFFF;}
 .skipnumbers a.current-number	{background: url(img/number_bg_over.gif) no-repeat;text-decoration:none;color:#FFFFFF;}
	.breadcrumb	{font-size:11px; color:#3E444A; padding:0px 0px 3px 0; border-bottom: 1px solid #ecf0f1 ;margin:10px 0 15px; padding-left:18px; background: url(img/breadcrumb_bg.gif) no-repeat 2px 7px;}
	.breadcrumb	a	{color:#999;text-decoration:none;}
	.breadcrumb	a:hover	{color:#0099CC;}
	
	.clients	{display:none!important;background: url(img/client_button.gif) no-repeat;font-weight:bold;height:134px;text-indent:-999em; padding-top:1px;font-size:.8em;text-decoration:none;color:#00294D;display:block;position:absolute; left:0px; top:210px;width:35px; }
	
