@charset "utf-8";
/* CSS Document */

body {
	font: 13px/1.5 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	background:url(images/bg.png) repeat;
	color:#444;
}

h1 {font-size: 25px;}
h2 {font-size: 23px;}
h3 {font-size: 21px;}
h4 {font-size: 19px;}
h5 {font-size: 17px;}
h6 {font-size: 15px;}

a {color:#444;}
a:hover {color:#444;}

.textLink {color:#999;}
.textLink:hover {color:#333;}

.lineHor {
	border-bottom:#c0c0c0 1px dashed;
	margin-top:25px;
	margin-bottom:25px;
	}

.alignleft {
	float:right;
	margin:20px 0 0 15px;
	}

#wrapper {
	width:940px;
	margin:0 auto;
}

#header {
	height:85px;
	width:940px;
	clear:both;
	margin:0px auto; /*centers your design on the page*/
}

#logo {
	width:225px; /*change this width and height to match your logo image*/
	height:46px;
	float:left;
	margin:23px 0 0 0;
}
/*MENU*/
#navigationmenu {
	float:right;
	width: 610px; /*change this depending if your have more or less buttons*/
	height: 45px;
	text-align:left;
	font-size:14px;
	padding-top:23px;
	font-family:"Trebuchet MS", Arial;
}
#navigationmenu ul {
	color:#666666;
	padding:0px;
	margin:0px;
}
#navigationmenu ul li {
	list-style:none;
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	border-left:1px solid #dedede;
}
/* menu a links */
#navigationmenu ul li a {
	display:block;
	margin:0px 1px;
	padding:0px;
	padding-top:0px;
	padding-left:7px;
	float:left;
	text-transform:uppercase;
	color:#666666;
	width:91px; /*this makes each button even, change this number if your menu buttons are wider*/
}

#navigationmenu ul li a, #navigationmenu ul li a:link, #navigationmenu ul li a:visited {
	color:#666666;
	text-decoration:none;
}
#navigationmenu ul li a:hover {
	color:#ff9600;
}
#navigationmenu ul li a.current {
	color:#ff9600;
}
/* menu sub span bits */
#navigationmenu ul li a span {
	color:#b6b6b6;
	text-decoration:none;
	font-size:10px;
	text-transform:uppercase;
	margin:0;
	padding:0px 12px 0px 0px;
}
#navigationmenu ul li a:hover span {
}

#portfolios{
	width:940px;
	height:222px;
	background:transparent url(images/portfoliosbg.png) no-repeat;
	margin-bottom:5px;
}

#portfolios a {
	float:left;
	margin-left:10px;
	margin-top:10px;
	display:block;
	width:176px;
	height:202px;
	text-decoration:none;
}

#services-wrap{
	background:transparent url(images/contentbg_center.png) center top repeat-y;
}

#servicesTop {
	width:940px;
	height:30px;
	background:transparent url(images/contentbg_top.png) center top no-repeat;
}

#services {padding-bottom:10px;}

.container_16{margin-left:auto;margin-right:auto;width:940px;}
.grid_5, .grid_10, .grid_2 {display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}
.container_16 .grid_5{width:275px}
.container_16 .grid_10{width:560px}
.container_16 .grid_2{width:100px}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix,*:first-child+html .clearfix{zoom:1}

#box1, #box2, #box3 {
	margin:5px 0 20px 30px;
	color:#ddd;
	font-size:11px;
}

#box1 h5, #box2 h5, #box3 h5 {
	margin-top:0;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:#222 1px solid;
}

#box1 p, #box2 p, #box3 p {
	margin-top:10px;
	margin-bottom:10px;
}

#box1 a, #box2 a, #box3 a {color:#666;}
#box1 a:hover, #box2 a:hover, #box3 a:hover {color:#fff;}
/* Get in Touch */
.getInTouch {line-height:15px;}
#box3 .getInTouch p {margin-top:5px;}
#box3 .socialIcons img { border:0; }
#box3 .socialIcons {
	margin:20px 0 5px 0;
	border-top:#222 1px solid;
	padding-top:20px;
	padding-bottom:15px;
}
#box3 .socialIcons ul li {display:inline-block;}
#box3 .socialIcons ul li a {
	display:inline-block;
	padding:0 8px 5px 0;
}
.goForm {
	background:transparent url(images/right.png) 11px 10px no-repeat;
	padding-left:50px;
	padding-top:10px;
	list-style:none;
}
.getInTouch ul li.phoneContact, .getInTouch ul li.emailContact, .getInTouch ul li.addressContact, .getInTouch ul li.skypeContact {
	padding-left:50px;
	padding-top:10px;
	margin-left:0;
	margin-bottom:10px;
	list-style:none;
}
.getInTouch ul { margin:0; padding:0; }
.getInTouch ul li.phoneContact {background:transparent url(images/phone.png) 6px 10px no-repeat;}
.getInTouch ul li.emailContact {background:transparent url(images/email.png) 3px 10px no-repeat;}
.getInTouch ul li.skypeContact {background:transparent url(images/skype.png) 3px 11px no-repeat;}
.getInTouch ul li.addressContact {background:transparent url(images/home.png) 3px 10px no-repeat;}
#footer-wrap {
	height:45px;
	background:transparent url(images/contentBGfooter.png) center no-repeat;
}
	
#footer {}

#bottom-wrap {
	height:50px;
	background:transparent url(images/bottomBG.png) center no-repeat;
	margin-bottom:20px;
}

#bottom {
	padding-top:18px;
	font-size:11px;
	color:#888;
}

#bottom p {
	margin-left:15px;
	display:inline;
}

#bottom p a {color:#888;}
	
#bottom p a:hover {
	text-decoration:underline;
	color:#ccc;
}

#bottom ul li p a {text-decoration:underline;}
#bottom ul li p a:hover {color:#ddd;}

#bottom ul {
	float:right;
	margin-top:0;
	margin-bottom:0;
	margin-right:10px;
}

#bottom ul li {
	display:inline-block;
	padding-right:7px;
	padding-left:5px;
	border-right:#333 1px solid;
}

#bottom ul li a {
	text-decoration:none;
	font-size:11px;
	color:#888;
}
	
#bottom ul li a:hover {text-decoration:underline;}
	
#bottom ul li.top {
	border-right:none;
	margin-right:5px;
	margin-left:-5px;
}
#content-wrap {background:transparent url(images/contentBGcenter.png) center 30px repeat-y;}
#content {padding-bottom:20px;}
#content h1, h2, h3, h4, h5, h6 {margin-top:10px;margin-bottom:10px;}
#contentTop {
	height:30px;
	background:transparent url(images/contentBGtop.png) center no-repeat;
}
#contentLeft {
	margin-left:30px;
	margin-right:20px;
}

#contentLarge {
		margin-left:30px;
		margin-right:30px;
}

#contentLarge p, #contentLeft p {
	margin-top:10px;
	margin-bottom:10px;
}

#contentLarge .path, #contentLeft .path, #contentPortfolio .path {
	font-size:11px;
	padding-bottom:10px;
	margin-bottom:15px;
	color:#888;
	border-bottom:#ddd 1px solid;
}

#contentLarge .path a, #contentLeft .path a, #contentPortfolio .path a {
	color:#888;
	text-decoration:none;
}

#contentLarge .path a:hover, #contentLeft .path a:hover, #contentPortfolio .path a:hover {
	color:#444;
	text-decoration:none;
}

#contentLarge img { border:0; }

#contentRight {
	margin-top:10px;
	padding-bottom:20px;
	background:#fff;
	border:#ddd 1px solid;
	color:#999;
	font-size:11px;
	width:290px;

	/* CSS3 Rounded Corners */
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	border-top-left-radius:6px;
		
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	border-top-right-radius:6px;
		
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	border-bottom-left-radius:6px;
		
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	border-bottom-right-radius:6px;
	}
		
.rightContent {padding:15px 20px 20px 20px;}

.rightContent h5 {
	margin:5px 0 5px 0;
	color:#444;
	}

.imgRight {padding:10px 10px 5px 15px;}

.socialRight ul { margin:0; padding:0; }
.socialRight ul li {display:inline-block;}
.socialRight ul li a {padding:0;}
.socialRight img { border:0; }
.socialRight {
	margin:20px 15px 10px 20px;
	padding:20px 20px 15px 20px;
	border:#e8e8e8 1px solid;
	background:#f9f9f9;
	display:block;
	}
	
#contentRight .social {padding:0;}
#subNavigation {
	margin:20px 20px 25px 20px;
	font-size:12px;
	padding-top:30px;
	border-top:1px solid #ddd;
}

#subNavigation h5 {
	margin:0;
	padding:0 0 10px 0;
	color:#444;
	border-bottom:1px solid #ddd;
}
		
#subNavigation ul {
	color:#666;
	margin:0;
	border:none;
	line-height:35px;
	list-style:none;
	padding:0;
}

#subNavigation li {
	border-bottom:1px solid #ddd;
	margin:0;
}

#subNavigation li a {
	display:block;
	padding-left:10px;
	text-decoration:none;
	color:#000;
	background:transparent url(images/subNav.png) top no-repeat;
}	

#subNavigation li a:hover {
	color:#fff;
	background:#666;
	font-weight:bold;
	background:transparent url(images/subNav.png) bottom no-repeat;
}
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/table/bg_header.jpg) no-repeat;
	white-space:nowrap;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
	white-space:nowrap;
}

th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/table/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	white-space:nowrap;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/table/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
	white-space:nowrap;
}

td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #6D929B;
}


td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

/******* FORM *******/  
#customForm{  
    padding: 0 10px 10px;  
}  
#customForm label{  
    display: block;  
    color: #797979;  
    font-weight: 700;  
    line-height: 1.4em;  
}  
#customForm input{  
    width: 220px;  
    padding: 6px;  
    color: #949494;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-size: 11px;  
    border: 1px solid #cecece;  
}  
#customForm input.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm textarea{  
    width: 540px;  
    height: 200px;  
    padding: 6px;  
    color: #adaeae;  
    font-family: Arial,  Verdana, Helvetica, sans-serif;  
    font-style: italic;  
    font-size: 12px;  
    border: 1px solid #cecece;  
}  
#customForm textarea.error{  
    background: #f8dbdb;  
    border-color: #e77776;  
}  
#customForm div{  
    margin-bottom: 15px;  
}  
#customForm div span{  
    margin-left: 10px;  
    color: #b1b1b1;  
    font-size: 11px;  
    font-style: italic;  
}  
#customForm div span.error{  
    color: #e46c6e;  
}    
/******* /FORM *******/

#loading {background:url(images/wait.gif) center top no-repeat; text-align:center;padding:33px 0px 0px 0px; font-size:12px;display:none; font-family:Verdana, Arial, Helvetica, sans-serif; }






/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

.haccordion{
padding: 0;
}

.haccordion ul{
margin: 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}


.haccordion li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 430px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 430px;  /*For users with JS disabled: Height of each content*/
}

.hpanelimage {
	float:right;
}

.hpanelcaption {
	margin-top:-100px;
	float:right;
	color:#fff;
	padding:15px;
	font-size:12px;
	line-height:18px;
	background:#111;
	width: 500px;

	}
.hpanelcaption a {color:#fff; }
.hpanelcaption a:hover {text-decoration:none;}

/*CSS for example Accordion #hc1*/

#hc1 {
margin-top:5px;
}

#hc1 li{
margin:0; /*Spacing between each LI container*/
}

#hc1 li .hpanel img{
width:680px; 
height:430px;
border:0;
}

#hc1 li .hpanel{
padding: 0; /*Padding inside each content*/
background: #111;
}

/*CSS for example Accordion #hc2*/

#hc2 li{
margin:0 0 0 0; /*Spacing between each LI container*/
border: 0;
}

#hc2 li .hpanel{
padding: 0; /*Padding inside each content*/
}

/* Blog
----------------------------------------------------------------------------------------------------*/

h2 a, h2 a:hover { color:#000; text-decoration:none; }

.entryHead {
	margin-top:10px;
	margin-bottom:12px;
	font-size:11px;
}

.category a, .comments {
	cursor:pointer;
	padding:2px 4px 2px 4px;
	margin:0 4px 0 4px;
}
	
.category a, a.comments {
	background:#666;
	color:#fff;
	text-decoration:none;
}
	
.category a:hover, a.comments:hover {
	background:#222;
	padding:2px 4px 2px 4px;
}

.date {}

.tags {
	margin-top:30px;
	margin-bottom:20px;
	font-size:11px;
	padding-left:30px;
	background:transparent url(images/tag.png) no-repeat;
}

.tag a {
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
}

.tag a {text-decoration:underline; color:#888;}

.tag a:hover {
	text-decoration:underline;
	margin:0 4px 0 4px;
	color:222;
}

.share {
	float:right;
	color:#888;
	cursor:pointer;
	margin:0 4px 0 4px;
	padding:0 6px 0 6px;
	border:#c0c0c0 1px solid;
	background:#fff;
}
	
a.share:hover {color:#444;}	/*6faf0b*/

.facebook {background:transparent url(../../images/skin5/social.png) top left no-repeat;}
a.facebook:hover {background:transparent url(../../images/skin5/social.png) bottom left no-repeat;}
.twitter {background:transparent url(../../images/skin5/social.png) top right no-repeat;}
a.twitter:hover {background:transparent url(../../images/skin5/social.png) bottom right no-repeat;}

.facebook, .twitter {
	text-indent:-9999px;
	border:none;
	margin-top:1px;
	height:16px;
	width:14px;	/* not 16px because of padding 1px left and 1px right*/
	padding:0 1px 0 1px;
}

.authorComment {
	padding-top:25px;
	padding-bottom:25px;
	border-top:#ddd 1px solid;
	border-bottom:#ddd 1px solid;
}

.commentText {
	margin:0;
	padding-left:90px;
	color:#888;
}
	
.gravatar {
	width:60px;
	font-size:11px;
	text-align:center;
	color:#888;
}

.avatar {
	background:#333;
	padding:4px;
}

.replyHead {
	color:#888;
	font-size:11px;
}

.author, .reply {
	margin:0 4px 0 4px;
	font-weight:bold;
	cursor:pointer;
	color:#444;
}

a.author:hover, a.reply:hover {color:#888;}

.quotediv { padding:10px 0 0 88px;}

.quote a {
	color:#666;
	font-size:11px;
	cursor:pointer;
	padding:2px 6px 2px 6px;
	border:#c0c0c0 1px solid;
	text-decoration:none;
}
	
.quote a:hover {
	color:#fff;
	background:#666;
	border:#666 1px solid;
	text-decoration:none;
}
		
.quoteText {
	padding:10px 15px 10px 15px;
	margin-bottom:15px;
	background:#fbfbfb;
	border:#ebebeb 1px solid;
	font-style:italic;
	color:#999;
	font-size:11px;
}

.text_input, .text_area {
	border:1px solid #c0c0c0;
	padding:4px;
	margin-top:10px;
	font-family: 'Lucida Grande', 'Helvetica Neue', Arial, 'Liberation Sans', FreeSans, sans-serif;
	font-size:12px;
	background:#f1f1f1;	/*fefbef*/
	color:#444;
	width:250px;
	}

.text_area {margin-top:10px;width:570px;}

input:focus, textarea:focus {background:#fff;}	/*fdf6dc*/

#submit {
	border:#111 1px solid;
	background:#222;
	color:#fff;
	font-weight:bold;
	width:120px;
	height:30px;
	margin-top:10px;
	font-size:12px;
	padding-bottom:2px;
	outline:0;
	}

#submit:hover {
	border:1px solid #666;
	background:#666;
	cursor:pointer;
	outline:0;
	}
	
.blognav a, .blognav span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.blognavi a:hover, .blognav span.currentPage {
	border-color: #000;
}

.blogright { float:right; }
.blogleft { float:left; }