/* CSS Document */

* {margin:0; padding:0;}

/* HTML Tags */
html,body {font-family:"Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; font-size:11px; background:url(../../images/index/bodyBkg.jpg) repeat-x #3f7a9c; color:#5e5e5e;}
img {border:none; margin:0; padding:0;}
a {text-decoration:none; cursor:pointer; color:#0e5e8d;}
strong {color:#0e5e8d;}

.spacer {clear:both; font-size:1px; height:1px; /*position:relative; top:-1px;*/}

/* containers */
#pageContainer {width:747px; margin:auto;}

#leftShape {width:57px; height:191px; position:absolute; left:50%; margin:0 0 0 -430px; top:222px; z-index:150;}
#leftShape[id] {background:url(../../images/index/leftShape.png) no-repeat;}

#rightShape {width:57px; height:191px; position:absolute; left:50%; margin:0 0 0 373px; top:222px; z-index:150;}
#rightShape[id] {background:url(../../images/index/rightShape.png) no-repeat;}


#languages {text-align:right; height:25px;}
#languages {color:#b0d2db; cursor:default; padding:25px 10px 0 0;}
#languages a {color:#FFFFFF;}
#languages a:hover, #languages a.selected {color:#b0d2db;}

#headLine {width:100%; height:13px; background:url(../../images/index/headLineBkg.jpg) repeat-x; font-size:1px;}

#mainNav {width:100%; height:88px; background:url(../../images/index/logo.jpg) no-repeat;}
#mainNav .navigation {padding:25px 0 0 215px; cursor:default;}
#mainNav .navigation a {font-size:12px; color:#FFFFFF; padding:15px 10px 0; height:45px; display:block; float:left; margin:0 5px 0 0;}
#mainNav .navigation a:hover {color:#699dc0;}
#mainNav .navigation a.selected {background:url(../../images/index/mainNavHover.jpg) repeat-x;}
#mainNav .navigation a.selected:hover {color:#FFFFFF;}

#flash {width:100%; height:164px; background:url(../../images/index/flash.jpg) no-repeat; border-top:2px solid #e9effb;}

#content {width:100%; background:url(../../images/index/contentBkg.jpg) repeat-x #FFFFFF; padding:2px 0 0 0;}

#content #left {width:230px; float:left; padding:10px; /*text-align:justify;*/}
#content #center {width:270px; float:left; padding:10px;}
#content #right {width:185px; float:right; padding:10px;}

#content #left h1, #content #center h1, #content #right h1 {text-align:left; color:#0e5e8d; font-size:12px; padding:5px 0 0 0; margin:0 0 10px 0; cursor:default;}

/* news */
#content #center .news {background:url(../../images/index/newsSep.gif) repeat-x bottom; padding:0 0 10px 0; margin:0 0 10px 0;}
#content #center .news .date {width:20px; height:38px; float:left; color:#FFFFFF; padding:22px 7px 0 7px; text-align:center; font-weight:bold;}
#content #center .news .date a {color:#FFFFFF;}

#content #center .news .date[class] {background:url(../../images/index/dateBkg.png) no-repeat;}
#content #center .news .text {width:220px; float:right; /*text-align:justify; /*padding:10px 0 0 0;*/}
#content #center .news .text a {display:block; margin:0 0 5px 0; color:#2a7aad; font-weight:bold;}


#content .content .news {background:url(../../images/index/newsSep.gif) repeat-x bottom; padding:0 0 10px 0; margin:0 0 10px 0;}
#content .content .news .date {width:20px; height:38px; float:left; color:#FFFFFF; padding:22px 7px 0 7px; text-align:center; font-weight:bold;}
#content .content .news .date a {color:#FFFFFF;}

#content .content .news .date[class] {background:url(../../images/index/dateBkg.png) no-repeat;}
#content .content .news .text {width:470px; float:right; /*text-align:justify; /*padding:10px 0 0 0;*/}
#content .content .news .text a {display:block; margin:0 0 5px 0; color:#2a7aad; font-weight:bold;}



/*\ news */



#content #center .portfolio {
	float:none !important;
	margin:auto;
	background:url(../../images/index/folioBkg.jpg) repeat-x bottom;
	height:auto !important;
	padding:0 10px 23px;
}

#woman {width:154px; height:159px; margin:auto;}
#woman[id] {background:url(../../images/index/woman.png) no-repeat;}

#content #right ul {margin:10px 0 0 0;}
#content #right ul li {list-style:none; text-align:left; background:url(../../images/index/servicesSep.gif) no-repeat bottom left;}
#content #right ul li a {color:#989898; padding:2px 10px 0 0; display:block; height:19px; font-size:12px; margin:0 0 0 3px; padding:0 0 0 15px;}
#content #right ul li a:hover, #content #right ul li a.selected {color:#2a7aad; background:url(../../images/index/servicesArrow.jpg) no-repeat 0 7px;}

#contentFooter[id] {background:url(../../images/index/contentFooter.png) no-repeat bottom right; width:100%;}
#leftNav {width:100%; background:url(../../images/index/leftNavBkg.jpg) repeat-y;}
#leftNav .navigation {width:156px; background:url(../../images/index/leftNavHeader.jpg) no-repeat; float:left; cursor:default;}
#leftNav .navigation h1 {text-align:right; color:#0e5e8d; font-size:12px; padding:5px 10px 0 0;}
#leftNav .navigation ul {margin:10px 0 0 0;}
#leftNav .navigation ul li {list-style:none; text-align:right;}
#leftNav .navigation ul li a {color:#989898; padding:2px 10px 0 0; display:block; height:19px; font-size:12px;}
#leftNav .navigation ul li a.selected {color:#2a7aad;}
#leftNav .navigation ul li a.selected[class] {background:url(../../images/index/leftNavHover.png) no-repeat right;}
#leftNav .navigation ul li a:hover {color:#2a7aad;}
#leftNav .navigation .footerSep {width:100%; height:67px;}

#leftNav .content {width:530px; float:right; padding:15px 30px 65px; /*background:url(../../images/index/contentFooter.jpg) no-repeat bottom right;*/ text-align:justify;}
#leftNav .content img {float:left; margin:0 15px 15px 0;}

#leftNav .content ul {margin:10px 0 0 20px;}
#leftNav .content ul li {list-style:none; text-align:left; background:url(../../images/index/servicesSep.gif) no-repeat bottom left;}
#leftNav .content ul li a {color:#989898; padding:2px 10px 0 0; display:block; height:19px; font-size:12px; margin:0 0 0 3px; padding:0 0 0 15px;}
#leftNav .content ul li a:hover, #content #right ul li a.selected {color:#2a7aad; background:url(../../images/index/servicesArrow.jpg) no-repeat 0 7px;}


/* portfolio */
.portfolio {width:250px; height:100px; float:left; margin:0 15px 0 0;}
.portfolio .imageContainer {
	background:url(../../images/index/imgBkg.jpg) repeat-y right #FFFFFF;
	border:1px solid #d1dce2;
	text-align:center;
	padding:5px 0;
	font-size:0;
	margin:0 0 5px 0;
}
.portfolio .imageContainer img {margin:0 !important; float:none !important;}
.portfolio .title {float:left; color:#5e5e5e;} 
.portfolio .title:hover {color:#2a7aad;}
.portfolio .view {
	float:right;
	background:url(../../images/index/viewBkg.gif) no-repeat left center;
	padding:0 0 0 15px;
	color:#0e5e8d;
	margin:0 3px 0 0;
} 


.portfolioDetails .imageContainer {
	background:url(../../images/index/imgBkg.jpg) repeat-y right #FFFFFF;
	border:1px solid #d1dce2;
	text-align:center;
	padding:5px;
	font-size:0;
	margin:0 10px 5px 0;
	float:left;
}
.portfolioDetails .imageContainer img {margin:0 !important; float:none !important;}
.portfolioDetails .title {float:left;} 
.portfolioDetails .title h1 {color:#56A2D1; font-size:16px; padding:5px 0 15px 0 !important; margin:0 !important;}
.portfolioDetails .title .client {
	width:240px;
	height:20px;
	background:url(../../images/index/portfolioTitle.jpg) no-repeat left #FFFFFF;
	padding:2px 0 0 10px;
}

.portfolioDetails h1 {
	text-align:left; color:#0e5e8d; font-size:12px; padding:5px 0 0 0; margin:0 0 10px 0; cursor:default;


} 



/*\ portfolio */


/* contacts */
.contactsContent {width:230px; float:left;}

form.contacts {width:280px;	text-align:right; color:#6192ae; float:right;}
form.contacts label {width:75px; float:left; margin:10px 5px 0 10px;}
form.contacts input {
	float:left;
	width:160px;
	margin:10px 10px 0 10px;
	border:1px solid #afc9d8;
	background:url(../../images/index/contentBkg.jpg) repeat-x 0px -15px #FFFFFF;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	font-size:11px;
	color:#6192ae;
}
form.contacts textarea {
	margin:10px 10px 0 10px;
	width:160px;
	height:150px;
	text-align:left;
	float:left;
	border:1px solid #afc9d8;
	font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	color:#6192ae;
	font-size:11px;
	overflow:auto;
	background:url(../../images/index/contentBkg.jpg) repeat-x 0px -5px #FFFFFF;
}

form.contacts .msg {text-align:center; font-weight:bold;}

form.contacts .btn {
	float:right !important;
	background:url(../../images/index/btnBkg.jpg) repeat-x #fbfcfd !important;
	margin:10px 18px 0 10px;
	cursor:pointer;
	width:90px !important;
}
/*\ contacts */


/* news */
.newsTitle {color:#0e5e8d; margin:0 0 7px 0;}
.newsTitle h1 {padding:5px 0 0 0; cursor:default; font-size:12px;}
.newsTitle span {padding:5px 0 0 0; margin:0 10px 0 0; cursor:default; font-size:12px; float:left; font-style:italic;}
.newsTitle a h1, .newsTitle a span {cursor:pointer !important;}
.newsImage {float:left; margin:0 10px 10px 0;}
/*\ news */



/* pager */
.pager {margin:0 20px 0 0; padding:10px 0 0 0; }
.pager ul.pages {float:left; margin:0 0 5px 0px !important;}
.pager ul.pages li {display:inline; background:none !important;}
.pager ul.pages li a {
	display:block; 
	float:left; 
	width:17px !important;
	height:17px !important;
	padding:0 3px !important;
	text-align:center !important; 
	text-decoration:none; 
	color:#0e5e8d !important;
	background:url(../../images/index/pagesBkg.jpg) no-repeat center !important;
	margin:0 !important;
}
.pager ul.pages li a:hover, .pager ul.pages li a.selected {background:url(../../images/index/pagesBkgHover.jpg) no-repeat center !important;}
/*\ pager */

/* footer */
#footer {width:100%; height:50px; color:#5f8da7;}
#footer[id] {background:url(../../images/index/footerBkg.png) repeat-x; position:relative; top:2px;}
#footer #leftNavFooter {width:156px; height:65px; background:url(../../images/index/leftNavFooter.jpg) no-repeat; position:absolute; margin:-67px 0 0 0;}
#footer .text {padding:5px 10px;}
#footerSpacer {height:10px;}
/*\ footer */


/*\ containers */