@charset "utf-8";
/* Reset
----------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


body { font:14px "Trebuchet MS", Arial, Helvetica, sans-serif; }

/*Header
------------------------------------------------------*/

.header { background:url(img/header_bg.jpg) repeat-x top; height:332px;}
.headerWrapper { width:800px; margin:0px auto; height:283px;}

.logo { 
	width:266px; 
	height:220px; 
	float:left;
	vertical-align:bottom;
	margin-top:63px;
}

.mainImg {
	width:530px;
	height:282px;
	float:right;
	display:inline;
	margin-top:1px;
}

/*Menu
------------------------------------------------------------------------*/

.menu { width:800px; margin:0px auto; }
.menuWrapper { height:45px; line-height:48px; width:500px; float:right; }

.menuWrapper li{   font:16px; display:inline; margin-left:60px;}

.menuWrapper li a{ color:#000; text-decoration:none;}
.menuWrapper li a:hover{ color:#d31145;}

.active { color:#d31145; }


/*Main content
---------------------------------------------------------*/
.container { 
	width:805px; 
	margin:0px auto; 
	min-height:450px; 
	overflow:auto;
	
}

.comment { 
	background:url(img/mainContentBg.jpg) no-repeat; 
	width:804px; 
	height:158px; 
	margin-top:10px;
}

.contentWrapper { padding:0px 50px 0px 50px;}


.commentWrapper { padding:45px; }
.title { color:#d31145; text-transform:uppercase; font-size:18px;}


/*Portfolio
--------------------------------------------------------*/

.portBoxes { padding-top:20px;}
.portTitle {float:left; width:25%; height:65px;  line-height:60px; text-align:center;}
.portTitleTop { float:left; width:25%; height:75px;  line-height:85px; text-align:center; }
.portTitleBottom { float:left; width:25%; height:75px;  line-height:55px; text-align:center; }

.portfolio { background:url(img/portfolioBg.jpg) no-repeat; width:780px; height:98px; margin:0px auto;}

.portfolioTop { background:url(img/portfolioBgTop.jpg) no-repeat; width:780px; height:106px; margin:0px auto;}
.portfolioBottom { background:url(img/portfolioBgBottom.jpg) no-repeat; width:780px; height:106px; margin:0px auto;}

.boxesTop { float:right; display:inline; width:70%;  margin:12px 20px 0px 0px; height:55px; }
.boxesTop div{ width:72px; height:55px; display:inline; margin-left:2px; cursor:pointer; }

.boxes { float:right; display:inline; width:70%;  margin:2px 20px 0px 0px; height:55px; }
.boxes div{ width:72px; height:55px; display:inline; margin-left:2px; }

.boxesBottom { float:right; display:inline; width:70%;  margin:0px 20px 0px 0px; height:55px; }
.boxesBottom div{ width:72px; height:55px; display:inline; margin-left:2px; }


/*Conact
--------------------------------------------------------*/
.alignLeft { background:url(img/contactBox.jpg) no-repeat; float:left; width:302px; height:352px; }
.alignLeftWrapper { padding:40px 40px 0px 60px; color:#8a8a8a;   }
.alignRight { float:right; display:inline; width:485px; margin-top:30px; }

label { float:left; width:140px; clear:both; margin-top:20px; color:#3b3b3b; font-size:15px;}
input { float:right; width:330px; display:inline; margin-top:20px; line-height:29px; border:none; padding:5px 0px 0px 8px; margin-right:150px;}
.txtBox { background:url(img/txtBox.jpg) no-repeat; width:181px; height:29px; border:none;}

.redTxt { color:#C00; font-size:15px;}
textarea { 
	width:294px;
	height:104px;
	display:inline;
	margin-top:25px;
	border-top:2px solid #b3b3b3;
	border-bottom:1px solid #b3b3b3;
	border-left:1px solid #737373;
	border-right:2px solid #737373;
	
}

/* services 
--------------------------------------------------------*/
.titleSmall {  color:#d31145; text-transform:uppercase; font-size:11px; margin-left:-10px; font-weight:normal; }

.services { font:10px Arial, Helvetica, sans-serif; clear:both; padding-top:20px; }
.services div{ float:left; display:inline; width:120px; margin-right:43px; margin-left:10px; color:#5a5656;   }

.services li { list-style-type:disc; }



/*Footer
-------------------------------------------------------*/
.footer { background:url(img/footer_bg.jpg) repeat-x bottom; height:67px; color:#939496; font:11px Arial, Helvetica, sans-serif;}

.footerWrapper { 
	width:800px; 
	margin:0px auto; 
	vertical-align:bottom; 
	text-align:center;
	padding-top:35px;
}