@charset "utf-8";
#wrapper {
	margin: 0 auto;
	width: 922px;
}
body {
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #222222;
}

/*//////////////////////////////////*/
/*///    Misc Styling    	     ///*/
/*//////////////////////////////////*/

h1 {
	color: #b0b0b0;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding-top: 12px;
	padding-bottom: 12px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
	font-size: 33px;
	margin: 0px;
	padding: 0px;
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
	padding-bottom: 12px;
}
.blogTitle/*//////////////////////////////////*/
/*///    End of Contact Page     ///*/
/*//////////////////////////////////*/ 
 {
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
	font-size: 22px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}


.style1 {
	color: #fdba2f
}
p {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	font-size: 14px;
	line-height: 18px;
}
.link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdba2f;
}
a {
	text-decoration: underline;
	color: #fdba2f;
}
.clear {
	clear: both;
}

/*//////////////////////////////////*/
/*///    End of Misc Styling     ///*/
/*//////////////////////////////////*/

/*//////////////////////////*/
/*///    Header 	     ///*/
/*//////////////////////////*/

#header {
	background-image: url(../images/bgHeader.jpg);
	background-repeat: no-repeat;
	height: 95px;
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 14px;
}
.logo {
	height: 33px;
	width: 920px;
	float: none;
	background-position: center center;
	clear: none;
	position: relative;
	padding: 0px;
	vertical-align: middle;
	right: 13px;
	top: 70px;
}
.menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.menu li {
	float: left;
}
.menu a {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	display: block;
	width: 111px;
	text-align: center;
	background-image: url(../images/separatorMenu.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
.menu a:hover {
	color: #fdba2f;
}
.menu .last {
	background-image: none;
	display: block;
	width: 33px;
	margin-left: 33px;
}
.menu .lastOn {
	background-image: none;
	display: block;
	width: 33px;
	margin-left: 33px;
	color: #fdba2f;
}
.menu .on {
	color: #fdba2f;
}
.menu {
	float: right;
	width: 633px;
	padding-top: 16px;
}
.bar {
	padding-top: 8px;
	padding-bottom: 8px;
}
.thumb {
	float: left;
	height: 500px;
	width: 469px;
	padding-left: 60px;
}
.info {
	background-image: none;
	background-repeat: no-repeat;
	height: 500px;
	width: 895px;
	float: none;
}
.info li {
	font-family: Arial, Helvetica, sans-serif;
	color: #B0B0B0;
	font-size: 12px;
	line-height: 20px;
	list-style-type: none;
	display: block;
	background-image: url(../images/checkBullet.jpg);
	background-repeat: no-repeat;
	padding-left: 28px;
	background-position: 3px;
	width: 111px;
}
.info ul {
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.info a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdba2f;
	float: left;
	display: block;
	margin-top: 59px;
	margin-left: 0px;
}
.info a:hover {
	color: #B0B0B0;
}

.stepcarousel {
	width: 920px;
	height: 500px;
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
}
.belt {
	width: 2760px;
	height: 500px;
	position: absolute; /*leave this value alone*/
	top: 0px;
	left: 0px;
}
.panel {
	width: 920px;
	height: 500px;
	float: left;
	overflow: hidden;
}

/*////////////////////////////*/
/*///    End of Header     ///*/
/*////////////////////////////*/

/*///////////////////////*/
/*///    Home Page    ///*/
/*///////////////////////*/

.leftCol {
	width: 488px;
	padding-top: 111px;
	padding-left: 22px;
	float: left;
}

.welcomeThumb {
	float: left;
	padding-top: 22px;
	padding-right: 22px;
}
.welcomeServices {
	width: 222px;
	float: left;
	padding-bottom: 44px;
	padding-right: 22px;
}
.quote {
	background-image: url(../images/quoteBox.jpg);
	background-repeat: no-repeat;
	height: 70px;
	width: 330px;
	clear: both;
	padding-top: 50px;
	padding-right: 55px;
	padding-left: 55px;
	background-position: bottom;
}
.rightCol {
	float: left;
	width: 290px;
	padding-top: 111px;
	padding-left: 111px;
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: 44px 111px;
}
.comments {
	background-image: url(../images/commentsBG.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 110px;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
	padding-top: 2px;
	height: 23px;
	margin-left: 33px;
}
.blogPost {
	padding-bottom: 22px;
}

.blogLink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fdba2f;
	float: left;
	margin: 0px;
	padding: 0px;
}

/*//////////////////////////////*/
/*///    End of HomePage     ///*/
/*//////////////////////////////*/

/*///////////////////////////*/
/*///    Services page    ///*/
/*///////////////////////////*/

#intro {
	padding-left: 22px;
	padding-top: 22px;
}
.services {
	width: 222px;
	padding-bottom: 33px;
	padding-top: 22px;
}
.servicesRow {
	float: left;
	width: 222px;
	padding-left: 22px;
	padding-right: 88px;
	padding-top: 22px;
}
.servicesRowLast {
	float: left;
	width: 222px;
	padding-left: 22px;
	padding-top: 22px;
}

/*///////////////////////////////*/
/*///    End Services page    ///*/
/*///////////////////////////////*/


/*///////////////////////////*/
/*///    About page       ///*/
/*///////////////////////////*/

.infoAbout {
	height: 0px;
	width: 100%;
	float: none;
	background-position: center;
	padding: 0px;
}

.aboutLeftCol {
	width: 488px;
	padding-top: 66px;
	padding-left: 22px;
	float: left;
}
.aboutRightCol {
	float: left;
	width: 290px;
	padding-top: 66px;
	padding-left: 111px;
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: 44px 66px;
}
.teamMember {
	width: 222px;
	float: left;
	padding-right: 22px;
	height: 166px;
}

/*////////////////////////////*/
/*///    End About page    ///*/
/*////////////////////////////*/

/*////////////////////////////*/
/*///    Portfolio page    ///*/
/*////////////////////////////*/

.portfolioElement {
	padding-top: 33px;
	padding-bottom: 33px;
}

.subMenu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.subMenu li {
	float: left;
}
.subMenu a {
	background-image: url(../images/subMenuBG.jpg);
	background-repeat: no-repeat;
	display: block;
	height: 23px;
	width: 218px;
	font-size: 12px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #858585;
	text-align: center;
	padding-top: 8px;
}
.subMenu {
	padding-left: 25px;
	padding-bottom: 50px;
	padding-top: 22px;
}
.subMenu .on {
	background-image: url(../images/subMenuBGon.jpg);
	color: #fdba2f;
}
.subMenu a:hover {
	background-image: url(../images/subMenuBGon.jpg);
	color: #fdba2f;
}

/*////////////////////////////////*/
/*///    End Portfolio page    ///*/
/*////////////////////////////////*/

/*///////////////////////*/
/*///    Blog page    ///*/
/*///////////////////////*/

.blogLeftCol {
	width: 500px;
	padding-top: 33px;
	padding-left: 22px;
	float: left;
	padding-bottom: 33px;
}
.blogTitle {
	text-decoration: none;
}

.blogRightCol {
	float: left;
	width: 310px;
	padding-top: 44px;
	padding-left: 80px;
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: 33px 33px;
	height: 500px;
}
.separator {
	padding-top: 33px;
	padding-bottom: 33px;
}
#blogButton a {
	background-image: url(../images/blogBtn.jpg);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 23px;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	margin-right: 12px;
	padding-top: 8px;
	margin-top: 44px;
}
.searchfield {
	background-repeat: no-repeat;
	width: 170px;
	text-decoration: none;
	border: 1px solid #222222;
	background-color: #414141;
	font-family: Arial, Helvetica, sans-serif;
	color: #CCCCCC;
	font-weight: normal;
	float: left;
	padding: 6px;
}
.blogPost2 {
	width: 455px;
}
.blogList {
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	font-size: 14px;
	width: 133px;
	padding-top: 66px;
}
.blogList a {
	color: #969696;
}

.blogList ul {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 22px;
}
#goBtn a {
	background-image: url(../images/blogBtn.jpg);
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 23px;
	width: 110px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 8px;
}
.comments2 {
	background-image: url(../images/commentsBG.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 110px;
	text-decoration: none;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	float: left;
	padding-top: 2px;
	height: 23px;
}
.avatar1 {
	background-image: url(../images/avatar1.jpg);
	height: 88px;
	width: 88px;
	float: left;
}
.message {
	float: left;
	width: 333px;
	padding-left: 22px;
}
.comments3 {
	margin-top: 44px;

}
.name {
	background-color: #414141;
	border: 1px solid #222222;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	padding: 3px;
	margin-bottom: 11px;
}

.avatar2 {
	background-image: url(../images/avatar2.jpg);
	height: 88px;
	width: 88px;
	float: left;
}
.messageInput {
	background-color: #414141;
	border: 1px solid #222222;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	padding: 3px;
	margin-bottom: 11px;
	width: 333px;
	height: 111px;
}
#reply {
	margin-top: 44px;
}


/*///////////////////////////*/
/*///    End Blog page    ///*/
/*///////////////////////////*/

/*////////////////////*/
/*///    Footer    ///*/
/*////////////////////*/

#footer {
	clear: both;
	background-repeat: no-repeat;
	height: 50px;
	width: 922px;
	padding-top: 79px;
	bottom: 0px;
	background-image: none;
}
.footerLeft {
	width: 350px;
	float: left;
	margin-right: 33px;
	padding-left: 20px;
}

/*///////////////////////////*/
/*///    End of Footer    ///*/
/*///////////////////////////*/ 

/*///////////////////////////*/
/*///    Contact Page     ///*/
/*///////////////////////////*/ 

.label {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #fdba2f;
	padding-bottom: 6px;
}
#contact {
	padding-right: 33px;
	overflow: hidden;
	position: relative;
	width: 444px;
}
#contact ul
{
	text-align: left;
	color: #be4a4a;
	padding: 0 0 0 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 18px;
}

#contact ul li.success
{
	color: #fdba2f;
}
#main img.loaderIcon
{
	width: 70px;
	position: absolute;
	top: 4em;
	right: 2em;
}

#submit {
	background-color: #333333;
	border: 1px solid #222222;
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
	margin-top: 11px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
}
#main small {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
}
#name {
	background-color: #414141;
	border: 1px solid #222222;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	padding: 3px;
	margin-bottom: 11px;
}
#email {
	background-color: #414141;
	border: 1px solid #222222;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	padding: 3px;
	margin-bottom: 11px;
}
#comments {
	background-color: #414141;
	border: 1px solid #222222;
	font-family: Arial, Helvetica, sans-serif;
	color: #969696;
	padding: 3px;
	margin-bottom: 11px;
	width: 333px;
	height: 111px;
}
#reply small {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #fdba2f;
}
.contactRightCol {
	float: left;
	width: 310px;
	padding-top: 44px;
	padding-left: 80px;
	background-image: url(../images/shadow.jpg);
	background-repeat: no-repeat;
	background-position: 33px 33px;
	height: 590px;
}
.contactLeftCol {
	width: 500px;
	padding-top: 44px;
	padding-left: 22px;
	float: left;
	padding-bottom: 33px;
}

/*//////////////////////////////////*/
/*///    End of Contact Page     ///*/
/*//////////////////////////////////*/ 
.thumbLRG {
	float: none;
	height: 500px;
	width: 920px;
	padding-left: 0px;
	padding-bottom: 0px;
}
.thumbLRG-MEDIA {
	float: none;
	height: 500px;
	width: 800px;
	padding-left: 60px;
	padding-bottom: 0px;
}