/****************************** General Styles ******************************/
body {
	font-family: Arial, Tahoma, sans-serif;
	font-size: 12px;
	color: #444549;
}
.fl {
	float: left;
}
.fr {
	float: right;
}
.cl {
	clear: left;
}
.cr {
	clear: right;
}
.cb {
	clear: both;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
h1 {
	font-size: 24px;
}
h3 {
	font-size: 14px;
	text-transform: uppercase;
	color: #FFFFFF;
}
h4{
	font-size: 18px;
}
a {
	text-decoration: none;
	color: #ee0430;
}
em {
	font-size: 11px;
	font-style: italic;
	color: #919295;
}
a:hover {
	text-decoration: none;
	color: #919295;
}
.noBottomBorder {
	border-bottom: none !important;
	overflow: hidden;
}
.noRightBorder {
	border-right: none !important;
}
p {
	line-height: 1.5em;
	margin: 15px 0;
	color: #333;
}
div.blankSeparator {
	height: 1px;
	margin-bottom: 30px;
	display: block;
}
div.sepContainer {
	height: 20px;
	background: url('../img/separatorBG.png') 0 0 repeat-x;
	display: block;
	margin: 30px 0;
}
.lastCol {
	margin-right: 0 !important;
}
/******************************* Structure Styles *******************************/
div.centerContainer {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
div#leftContainer {
	width: 360px;
	margin-right: 50px;
}
div#rightContainer {
	width: 550px;
}
/******************************* Top Part *******************************/
div#topContainer {
	background: url('../img/topBGPattern.png') 0 0 repeat;
	height: 131px;
}
.logo {
	margin-top: 15px;
}
div#contactInformationTop {
	background: url('../img/topPaperShadow.png') top center no-repeat;
	width: 291px;
	height: 118px;
}
div#contactInformationTop ul {
	padding: 0 20px;
}
div#contactInformationTop ul li {
	border-bottom: 1px solid #0b7590;
}
div#contactInformationTop ul li span {
	color: #444549;
}
div#contactInformationTop ul li p {
	font-size: 11px;
	color: #0b7590;
	background: url('../img/bulletPoint.png') left center no-repeat;
	padding-left: 15px;
	margin: 8px 0;
}
div#contactInformationTop ul li ul { 
	padding: 0; 
	margin: 8px 0 0 10px;
}
div#contactInformationTop ul li ul li {
	display: inline;
	background: none;
	border: none;
	padding: 0 5px 0 0;
}
/******************************* Menu *******************************/
div#menuContainer {
	background: #0b7590;
	height: 70px;
}
ul#nav {
}
ul#nav li {
	float: left;
	display: inline;
	margin: 25px 10px 0 0;
	padding: 0 5px 0 0;
	background: url('../img/menuSep.png') center right no-repeat;
}
ul#nav li a {
	color: white;
	font-size: 13px;
	text-transform: uppercase;
}
ul#nav li a:hover {
	color: #f97703;

}
/******************************* Slider *******************************/
div#sliderContainer {
	background: url('../img/sliderBG.png') 0 0 repeat-x;
	height: 300px;
	position: relative;
}
#mainSlider {
	background: url('../img/gyerek.png') right no-repeat;
	width: 840px;
	float: left;
}
#mainSlider ul li {
	overflow: hidden;
	width: 720px;
	height: 260px;
	padding: 40px 60px 0 60px;
}
#mainSlider ul li h1 {
	text-transform: uppercase;
	color: #367aba;
}
.sliderParagraph {
	font-size: 14px;
	color: #444549;
}
.slideImg {
	margin-right: 30px;
}
#sliderBtnPrev, #sliderBtnNext {
	float: left;
	width: 60px;
}
#sliderBtnPrev img, #sliderBtnNext img {
	margin-top: 120px;
	cursor: pointer;
}
a.darkButton {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background: url('../img/darkButtonOut.png') 0 0 repeat-x;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 28px;
	cursor: pointer;
}
a.darkButton:hover {
	background: url('../img/darkButtonOver.png') 0 0 repeat-x;
	text-decoration: none;
}
a.darkButton img {
	margin-left: 10px;
	margin-bottom: -1px;
}
a.redButton {
	background: #e00a0a;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 28px;
	cursor: pointer;
}
a.redButton:hover {
	background: #919295;
	text-decoration: none;
}
a.greenButton {
	background: #409f0c;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 28px;
	cursor: pointer;
}
a.greenButton:hover {
	background: #919295;
	text-decoration: none;
}
a.cianButton {
	background: #0ea9e2;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 28px;
	cursor: pointer;
}
a.cianButton:hover {
	background: #919295;
	text-decoration: none;
}
a.orangeButton {
	background: #f8970e;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 29px;
	cursor: pointer;
}
a.orangeButton:hover {
	background: #919295;
	text-decoration: none;
}
a.purpleButton {
	background: #a027de;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 29px;
	cursor: pointer;
}
a.purpleButton:hover {
	background: #919295;
	text-decoration: none;
}
a.blueButton {
	background: #3e43f8;
	font-size: 14px;
	color: white;
	text-transform: uppercase;
	padding: 10px 29px;
	cursor: pointer;
}
a.blueButton:hover {
	background: #919295;
	text-decoration: none;
}
p.additionalOptions {
	margin-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
p.additionalOptions a {
	color: #367aba;
}
/******************************* Service Columns *******************************/
div#serviceListContainer h3 {
	color: #367aba;
	margin-top: 12px;
	font-weight: bold;
}
div#serviceListContainer p {
	color: #444549;
	clear: left;
}
div#serviceListContainer ul li {
	background: url('../img/bulletPoint.png') center left no-repeat;
	color: #444549;
	padding: 3px 3px 3px 15px;
}
div.oneThirdCol {
	width: 285px;
	margin-right: 37px;
	float: left;
}
div.oneThirdColPic {
	background: url('../img/oTcpBG_colour.png') no-repeat;
	width: 279px;
	height: 285px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #0b7590;
	float: left;
}
div.oneThirdColPicNoBg {
	background: url('../img/oTcpBG.png') 0 0 repeat-x;
	width: 279px;
	height: 285px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #0b7590;
	float: left;
}
div.oneThirdColPicBig {
	background: url('../img/oTcpBG_colourBig.png') no-repeat;
	width: 279px;
	height: 430px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #0b7590;
	float: left;
}
div.oneThirdColPicMedium {
	background: url('../img/oTcpBG_colourBig.png') no-repeat;
	width: 279px;
	height: 325px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #0b7590;
	float: left;
}
div.oneThirdColPicBogi {
	background: url('../img/oTcpBG_colourBogi.png') no-repeat;
	width: 279px;
	height: 290px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #e00a0a;
	float: left;
}
div.oneThirdColPicKadi {
	background: url('../img/oTcpBG_colourKadi.png') no-repeat;
	width: 279px;
	height: 290px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #409f0c;
	float: left;
}
div.oneThirdColPicColors {
	background: url('../img/oTcpBG_colourColors.png') no-repeat;
	width: 279px;
	height: 290px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #0ea9e2;
	float: left;
}
div.oneThirdColPicNoemi {
	background: url('../img/oTcpBG_colourNoemi.png') no-repeat;
	width: 279px;
	height: 290px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #f8970e;
	float: left;
}
div.oneThirdColPicKastely {
	background: url('../img/oTcpBG_colourKastely.png') no-repeat;
	width: 279px;
	height: 290px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #a027de;
	float: left;
}
div.oneThirdColPicDomi {
	background: url('../img/oTcpBG_colourDomi.png') no-repeat;
	width: 279px;
	height: 290px;
	margin-right: 40px;
	margin-top: 10px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #3e43f8;
	float: left;
}
/******************************* Main Content *******************************/
h3.sectionTitle {
	color: #dd0c46;
	margin: 7px 0 30px 0;
}
h3.sectionTitle span {
	color: white;
	background-color: #dd0c46;
	padding: 7px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}
ul#newsList {
}
ul#newsList li {
	border-bottom: 1px solid #e1e5e9;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
ul#newsList li h3 {
	text-transform: capitalize;
}
ul#newsList li span {
	font-size: 11px;
	color: #92979d;
}
a.readMoreLink {
	font-size: 11px;
	background: url('../img/redBulletPoint.png') center right no-repeat;
	padding-right: 15px;
}
blockquote {
	background: url('../img/quote.png') top left no-repeat;
	margin-left: 20px;
}
blockquote p {
	margin-left: 60px;
	color: #919295;
	font-size: 14px;
	font-style: italic;
}
div#clientListContainer {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #e1e5e9;
	overflow: hidden;
}
div#clientListContainer ul li {
	display: inline;
	float: left;
	background: url('../img/clientListBG.png') 0 0 repeat-x;
	text-align: center;
	border-bottom: 1px solid #e1e5e9;
	border-right: 1px solid #e1e5e9;
}
div#clientListContainer ul li p {
	margin: 0;
	width: 136px;
	height: 112px;
	line-height: 112px;
}
div#clientListContainer ul li p img {
	vertical-align: middle;
}
/******************************* Footer *******************************/	
div#footerContainer {
	background: #2e2f33;
	padding: 30px 0;
}
div#footerContainer h3, div#footerContainer p, div#footerContainer a {
	color: #e1e5e9;

}
ul#contactInfoList li {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	background-color: #424347;
	color: #e1e5e9;
	padding: 15px;
	font-size: 11px;
	margin-bottom: 3px;
}

/******************************* Services Page *******************************/
div#breadcrumbsContainer {
	background: url('../img/breadcrumbsBG.png') 0 0 repeat-x;
	height: 60px;
}
div#breadcrumbsContainer p {
	color: #92979d;
	font-size: 11px;
	height: 60px;
	line-height: 60px;
	margin: 0;
}
div.sidebarContainer {
	width: 290px;
	margin-right: 40px;
}
div.sidebarItem {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	border: 2px solid #367aba;
}
ul.arrowList {
	background: url('../img/sidebarGradBG.png') 0 0 repeat-x;
}
ul.arrowList li {
	border-bottom: 1px solid #e1e5e9;
	padding: 14px 20px;
	background: url('../img/sidebarPointRed.png') 92% center no-repeat;
}
li.activeSidebarItem {
	background: url('../img/sidebarPointDark.png') 92% center no-repeat !important;
    font-weight: bold;
	color: #000000;
}
div.sidebarHeader {
	background: #367aba;
	height: 47px;
	padding: 0 20px;
}
div.sidebarHeader h3 {
	color: white;
	height: 47px;
	line-height: 47px;
}
div#pageContent {
	width: 625px;
}
ul#servicesList li {
	overflow: hidden;
	border-bottom: 1px solid #e1e5e9;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
ul#servicesList li img {
	margin: 0 15px 15px 0;
}
ul#servicesList li h3 {
	height: 31px;
	line-height: 31px;
	
}
ul#servicesList li p {
	color: #919295;
}
/******************************* Gallery Page *******************************/
ul#galleryList li {
	border-bottom: 1px solid #e1e5e9;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
ul#galleryList li p {
	color: #919295;
}
div.galleryImg {
	margin-top: 20px;
	background: url('../img/galleryBoxShadow.png') bottom center no-repeat;
	padding-bottom: 20px;
}
/******************************* Contact Page *******************************/
ul.basicList li {
	border-bottom: 1px solid #e1e5e9;
	padding: 0 20px;
}
ul.basicList li p {
	color: #919295;
}
div.sidebarGeneral {
	margin: 20px;

}
p.oneHalfCol {
	width: 47%;
	margin-right: 3%;
	float: left;
}
/******************************* Other Browser Styles *******************************/
.ie7 ul#nav li a:hover {
	text-decoration: none;
}
.ie7 a.redButton img {
	margin: 7px 0 5px 4px;
}
.ie7 div#clientListContainer ul li p img {
	margin-top: 40px;
}
.ie7 form#contactForm input[type="text"], .ie7 form#subscribeForm input[type="text"] {
	padding-top: 15px;
	height: 32px;
}
.ie7 form#contactForm textarea {
	padding-top: 15px;
	height: 174px;
}
