/* ####### Reset ####### */
* {margin:0; padding:0;}
body, input, textarea {font-family:Arial, Helvetica, sans-serif;}

h1, h2, h3, h4, h5, h6 {font-family:Tahoma, Arial, Verdana, sans-serif; font-weight:normal; color:#464646;}
h1 {font-size:18px;}
h2 {font-size:18px;}
h3 {font-size:18px;}
h4 {font-size:18px;}
h5 {font-size:16px;}
h6 {font-size:14px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color:#464646; text-decoration:none;}

p {color:#666666; font-size:15px; line-height:1.5em;}
small {color:#666666; font-size:12px;}
img {border:0;}

a {color:#42b7d4; text-decoration:none; outline:none;}
a:hover {color:#42b7d4; text-decoration:underline;}

hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0;}

/* ######## Misc ######## */
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {margin:3px 0 3px 15px; display:inline;}
img.alignleft {margin:3px 15px 3px 0; display:inline;}

img.noBorder {border:0; padding:0; background:none;}
img.noBorder:hover {border:0; padding:0; background:none;}

.noLeftMargin {margin-left:0;}
.noRightMargin {margin-right:0;}

.alignright {float:right;}
.alignleft {float:left;}

.blue {color:#42b7d4;}
.grey {color:#b4b4b4;}
.red {color:#FE3131;}

.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size21 {font-size:21px;}
.size22 {font-size:22px;}
.size23 {font-size:23px;}
.size24 {font-size:24px;}
.size25 {font-size:25px;}

/* ######## Buttons and Menus ######## */
.simpleButton {background:url(blueArrow.gif) no-repeat left 60%; color:#42b7d4; padding-left:10px; cursor:pointer;}
.simpleButton:hover {color:#42B7D4;}

.simpleMenu {list-style-type:none;} 
.simpleMenu li {float:left; margin:0 0 0 10px;}
.simpleMenu li a {color:#666666; font-size:11px; text-decoration:none; border-right:1px solid #666666; padding:0 10px 0 0;}
.simpleMenu li a:hover {color:#42b7d4; text-decoration:underline;}

.learnMore, .hireNow, .signUpButton, .logIn {
	background:url(buttons/learnMore.png) no-repeat left top; 
	text-indent:-9999px; 
	height:45px; 
	width:195px; 
	display:block; 
	border:0; 
	cursor:pointer;	
	font-size:0;
	line-height:0;
}
.learnMore:hover {background-position:left -45px;}
.learnMore:active {background-position:left -90px;}

.hireNow {background:url(buttons/hireNow.png) no-repeat left top; width:205px;}
.hireNow:hover {background-position:left -45px;}
.hireNow:active {background-position:left -90px;}

.signUpButton {background:url(buttons/signUp.png) no-repeat left top; width:224px;}
.signUpButton:hover {background-position:left -45px;}
.signUpButton:active {background-position:left -90px;}

.logIn {background:url(buttons/logIn.png) no-repeat left top; width:150px;}
.logIn:hover {background-position:left -45px;}
.logIn:active {background-position:left -90px;}

.previous {background:url(buttons/previousButton.png) no-repeat top right; width:24px; height:23px; float:left; display:block; cursor:pointer;}
.next {background:url(buttons/nextButton.png) no-repeat top right; width:24px; height:23px; margin-left:28px; display:block; cursor:pointer;}

.previous:hover {background-position:left bottom;}
.next:hover {background-position:left bottom;}

.previous:active {background-position:right bottom;}
.next:active {background-position:right bottom;}

.previous.disabled {cursor:default; background-position:top left;}
.next.disabled {cursor:default; background-position:top left;}

.videoThumb {position:relative;}
.videoThumb span {background:url(buttons/thumbPlay.png) no-repeat center center; position:absolute; display:block; width:100%; height:100%; cursor:pointer;}
.videoThumb:hover span {background:url(buttons/thumbPlayHover.png) no-repeat center center;}

/* ######## Main Blocks ######## */
#header {background:url(headerBg.jpg) repeat-x top left;}
#breadcrumbs {background:url(breadcrumbsBg.jpg) repeat-x top left; height:40px;}
#center {background:url(centerBg.jpg) repeat-x top left; padding-top:30px;}
#footer {background: #373737 url(footerBg.jpg) repeat-x top left; }

/* ######## Top Header which contains the top menu and the search box ######## */
#topHeader {height:50px;}
#topHeader .simpleMenu {height:50px; line-height:50px; float:left;}
#telefon img { height:55px; float:right;}
#topHeader .search {float:right; position:relative; height:21px; margin-right:10px; margin-top:13px;}
#topHeader .search .textInput {
	background:url(forms/searchBg.png) no-repeat top right; 
	font-size:11px;
	border:0; 
	height:17px; 
	width:127px; 
	color:#666; 
	padding:4px 25px 0 10px; 
}
#topHeader .search .textInput:focus {outline:none;}
#topHeader .search .button {	
	background:url(buttons/searchButton.png) no-repeat center center;	
	text-indent:-9999px;
	cursor:pointer;
	border:none;
	position:absolute;
	right:5px;
	top:5px;
	height:14px;
	width:14px;  
}
#topHeader .search .button:hover {background:url(buttons/searchButtonHover.png) no-repeat center center;}

/* ######## Main header contains the main menu, the logo and description ######## */
#mainHeader {background:url(mainHeader.jpg) repeat-x left top; height:98px; position:relative;}
#mainHeader .left {background:url(mainHeaderLeft.jpg) no-repeat top left; margin-left:-40px; }
#mainHeader .right {background:url(mainHeaderRight.jpg) no-repeat top right;  height:98px; margin-right:-40px; padding:0 60px 0 70px;}

#mainHeader .title {float:left; margin-top:31px; margin-right:10px;}
#mainHeader .description {float:left; color:#def7fb; margin-top:36px; font-size:11px; line-height:22px;}

#mainHeader .mainMenu {list-style-type:none; float:right; line-height:32px; margin-top:30px;}
#mainHeader .mainMenu li {float:left; margin-left:10px; height:35px; padding:0 0 0 15px;}
#mainHeader .mainMenu li a {
	text-shadow:0 -0.8px 0.5px #20B3DC, 0 0.5px 0.8px #D3F2F8;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	text-decoration:none;
	color:#FFF; 
	display:block;
	height:35px;
	padding-right:15px;
	font-size:14px; 
	letter-spacing:1px;
}
#mainHeader .mainMenu li:hover {background:url(mainMenuHoverL.png) no-repeat top left;}
#mainHeader .mainMenu li:hover a {
	background:url(mainMenuHover.png) no-repeat top right; 
	text-shadow:0 -0.8px 0.5px #2e95b2, 0 0.5px 0.4px #7bd1e5;
	color:#232323; 
}

#mainHeader .mainMenu li:active {background:url(mainMenuDownL.png) no-repeat top left; outline:none;}
#mainHeader .mainMenu li:active a {
	background:url(mainMenuDown.png) no-repeat top right;
	text-shadow:0 0.5px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083; 
	color:#232323; 
	outline:none;
}

#mainHeader .mainMenu .current {background:url(mainMenuDownL.png) no-repeat top left; outline:none;}
#mainHeader .mainMenu .current a {
	background:url(mainMenuDown.png) no-repeat top right; 
	text-shadow:0 0.5px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;	
	color:#232323; 
}

/* ######## The Heading below the main menu ######## */
#heading { padding:10px; overflow:hidden; clear:both;}
#heading h5 {color:#32b0cc; line-height:26px;} 

/* ######## Home Page Slider ######## */
#slider {margin:30px 0 0 0; height:330px; overflow:hidden; clear:both;}
#slider h1 {margin-bottom:5px;}
#slider h5 {color:#32b0cc; line-height:26px;} 
#slider ul {list-style-type:none;}

#slider .column {margin:5px 0 15px 0;}
#slider .simpleButton {color:#666666; font-size:14px; line-height:35px;}

#slider .thumbnail {height:340px; position:relative;}
#slider .thumbnail img {position:absolute; top:5px; right:0;}

#slider .coda-slider .panel-wrapper {position:relative;}
#slider .coda-slider, .coda-slider .panel {width: 960px} 
#slider .coda-slider p.loading { padding: 20px; text-align: center }

#sliderNav {float:right; margin-top:10px; margin-right:-10px;}
#sliderNav .coda-nav ul {clear:both; display:block; overflow:hidden}
#sliderNav .coda-nav ul li {display:inline;}
#sliderNav .coda-nav ul li a {background:url(buttons/slideshowButton.png) no-repeat top center; height:24px; width:24px; display: block; float: left;}
#sliderNav .coda-nav ul li a:hover {background-position:center -24px;}
#sliderNav .coda-nav ul li a.current {background-position:bottom center; outline:none;}

#slider .coda-slider {float:left; overflow:hidden; position:relative;}
#slider .coda-slider .panel {display:block; float:left;}
#slider .coda-slider .panel-container {position:relative;}
#slider .coda-nav-left, .coda-nav-right {float:left;}
#slider .coda-nav-left a, .coda-nav-right a {display:block; text-align:center; text-decoration:none;}

/* ######## Breadcrumbs ######## */
#breadcrumbs .container_16 {width:940px;}
#breadcrumbs p {font-size:13px; line-height:42px; float:left;}

#breadcrumbs ul.crumbs {list-style-type:none; line-height:40px;}
#breadcrumbs ul.crumbs li {color:#666666; display:inline; font-size:13px; margin-right:3px;}
#breadcrumbs ul.crumbs li a {color:#666666; background:url(greyArrow.gif) no-repeat right 4px; padding-right:12px; cursor:pointer;}
#breadcrumbs ul.crumbs li a:hover {color:#42b7d4;}

/* ######## Content ######## */
#content hr {margin:35px 0;}
#content p {margin-bottom:10px; margin-top:5px;}
#content img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#content img:hover {border:1px solid #42b7d4;}
#content blockquote {margin:15px 0 15px 30px; border-left:10px solid #cccccc; padding-left:30px;}
#content blockquote p {color:#cccccc; font-style:italic;}

#content img.noBorder {border:0; padding:0; background:none;}
#content img.noBorder:hover {border:0; padding:0; background:none;}

#content .client h3 {margin-top:25px;}

#content .column h3 {margin-bottom:-4px;}
#content .column .thumbnail {text-align:center; line-height:140px;}
#content .column .thumbnail img {vertical-align:middle; border:none; padding:0; background:none;}

/* ######## Home Page Tagline ######## */
#tagline {background:url(tagline.jpg) repeat-x left top; height:96px; margin-bottom:30px;}
#tagline .left {background:url(taglineLeft.jpg) no-repeat top left; }
#tagline .right {background:url(taglineRight.jpg) no-repeat top right; height:96px;}

#tagline h3 {margin-top:20px; margin-left:30px; line-height:26px;}

#tagline #tour {border-left:1px solid #cccccc; height:85px; padding:11px 0 0 9px; margin-left:0;}
#tagline #tour p { line-height:12px;}

#tagline #tour .simpleButton {font-size:12px;}
#tagline #tour .videoThumb {float:left; margin-right:10px;}
#tagline #tour .videoThumb img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#tagline #tour .videoThumb:hover img {border:1px solid #42b7d4;}

/* ######## About Page ######## */
#content .block {margin:25px 10px 25px 0;}
#content .block p {margin-top:4px; margin-bottom:4px; padding-right:10px;}
#content .block small {color:#42b7d4; font-size:11px;}
#content .block .simpleButton {font-size:12px;}

#content .block .grid_2 {margin-left:0;}
#content .block .grid_4 {margin-right:0;}

/* ######## Projects Page ######## */
#projectBrowser {margin-top:10px;}
#projectBrowser .project {background:url(projectBg.gif) repeat-x left top; height:271px; margin:30px 10px 0 0;}
#projectBrowser .project .left {background:url(projectBgL.png) no-repeat top left; margin-left:-10px;}
#projectBrowser .project .right {
	background:url(projectBgR.png) no-repeat top right; 
	height:271px; 
	margin-right:-10px;
	padding-top:20px;
}

#projectBrowser .project small {font-size:11px;}
#projectBrowser .project .simpleButton {font-size:12px;}

#projectBrowser .thumbnail {margin-right:0; margin-left:20px;}
#projectBrowser .info {margin-left:0;}
#projectBrowser .info .text {padding:0 10px 0 10px;}

#projectBrowser .controlsTop {height:39px; border-bottom:1px solid #cccccc; margin-bottom:30px; margin-left:-10px; line-height:39px; color:#666666;}
#projectBrowser .controlsBottom {height:39px; border-top:1px solid #cccccc; margin-top:30px; margin-left:-10px; line-height:39px; color:#666666;}

#projectBrowser .controls small {font-size:13px; margin-left:10px; float:left;}
#projectBrowser .controls small a {color:#666666; margin:0 5px;}
#projectBrowser .controls small a:hover {color:#42b7d4;}

#projectBrowser .navigation {float:right; background:url(tabL.png) no-repeat top left; height:39px;}
#content #projectBrowser .navigation {padding:0 0 0 10px;}
#projectBrowser .navigation div {
	background:url(tab.png) no-repeat top right; 
	height:39px; 
	display:block; 
	padding:10px 13px 0 3px;
}

#projectBrowser .controlsBottom .navigation {background:url(tabBottomL.png) no-repeat top left;}
#projectBrowser .controlsBottom .navigation div {background:url(tabBottom.png) no-repeat top right; }

#center .projectPage .grid_8 { margin-left:0;}

#center .projectPage .grid_4 { margin-right:0;} 
#center .projectPage .grid_4 hr { margin:15px 0;}

#center .projectPage .projectGallery {background:url(projectGallery.gif) repeat-x left top; height:530px; margin:0 10px 20px 0;}
#center .projectPage .projectGallery .left {background:url(projectGalleryL.png) no-repeat top left; margin-left:-10px;}
#center .projectPage .projectGallery .right {
	background:url(projectGalleryR.png) no-repeat top right; 
	height:530px; 
	margin-right:-10px;
	padding:15px 20px 15px 20px;;
}

#center .projectPage .projectGallery .title {margin-bottom:15px;}
#center .projectPage .projectGallery .panel img { height:403px;}

#center .projectGallery #projectGallerySlider  {overflow:hidden; clear:both; float:left; position:relative; width:669px;}
#center .projectGallery #projectGallerySlider .panel {display:block; float:left; width:699px;}
#center .projectGallery #projectGallerySlider .panel-container {position:relative;}

#center .projectGallery .controls {padding-top:22px; line-height:22px; clear:both; position:relative; clear:both;}
#center .projectGallery .controls .counter {float:left; position:absolute; left:10px; bottom:0px;}
#center .projectGallery .controls #sliderNav {float:none; margin:0 auto;}
#center .projectGallery .controls #sliderNav ul {width:56px; margin:0 auto; float:none;}
#center .projectGallery .controls .link { float:right; margin-top:-23px;}

#center .projectPage .relatedProjects {background:url(relatedProjects.gif) repeat-x left top; height:206px; margin:30px 10px 0 0;}
#center .projectPage .relatedProjects .left {background:url(relatedProjectsL.png) no-repeat top left; margin-left:-10px;}
#center .projectPage .relatedProjects .right {
	background:url(relatedProjectsR.png) no-repeat top right; 
	height:206px; 
	margin-right:-10px;
	padding:15px 0 15px 20px;;
}

#center .projectPage .relatedProjects .grid_4 {margin-left:0; margin-right:10px; margin-top:20px;}
#center .projectPage .relatedProjects h3 {float:left;}
#center .projectPage .relatedProjects img {float:left; margin-right:10px; width:83px; height:48px;}
#center .projectPage .relatedProjects .title {font-weight:bold; display:block;}
#center .projectPage .relatedProjects .viewAll {float:right; font-size:12px; margin-top:6px; margin-right:20px;}
#center .projectPage .relatedProjects .simpleButton {font-size:12px;}

/* ######## Services Page ######## */
#priceTable {margin:50px 0; overflow:hidden;}
#priceTable ul {list-style-type:none;}

#priceTable .priceTabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:10px;}
#priceTable .priceTabs li a {color:#464646; font-size:18px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;}
#priceTable .priceTabs li:hover {background:url(tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#priceTable .priceTabs li:hover a {background:url(tab.png) no-repeat top right; color:#666666; text-decoration:none;}
#priceTable .priceTabs li:active {background:url(tabDownL.png) no-repeat top left;}
#priceTable .priceTabs li:active a {background:url(tabDown.png) no-repeat top right; outline:none;}

#priceTable .priceTabs .active {float:left; background:url(tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#priceTable .priceTabs .active a {
	background:url(tab.png) no-repeat top right; 
	color:#464646; 
	height:40px; 
	display:block; 
	line-height:39px; 
	padding:0 13px 0 3px;
}

#priceTable .priceMask {overflow:hidden; border-top:1px solid #cccccc; display:block;}
#phone { font-size:2em;}
#priceTable .middle {overflow:hidden; background: url(servicesThumbBg.jpg) repeat-y top right;}

#priceTable .tabContent {float:left; margin-right:30px;}
#priceTable .tabContent hr {margin:25px 10px 25px -10px;}
#priceTable .tabContent li {margin-bottom:20px;}
#priceTable .tabContent .simpleButton {font-size:14px; color:#666666;}
#priceTable .tabContent .grid_4 {margin-left:0;}
#priceTable .tabContent .grid_8 {margin:15px 10px 5px 10px;}

#priceTable .tabContent .notes {font-size:11px; color:#cccccc; margin-left:10px;}
#priceTable .noBorder{ float:right; margin-top:30px;}

#priceTable .price {background:url(tagline.jpg) repeat-x left bottom; height:80px; border-top:1px solid #cccccc;}
#priceTable .price .left {background:url(taglineLeft.jpg) no-repeat bottom left; }
#priceTable .price .right {background:url(taglineRight.jpg) no-repeat bottom right; height:80px; padding-left:10px;}

#priceTable .price .grid_4 {margin-top:10px;}
#priceTable .price .amount { margin-left:10px;}
#priceTable .price .curency {float:left; line-height:30px; color:#42b7d4; margin-right:3px; font-size:18px;}
#priceTable .price .hireNow {margin-top:7px; margin-left:7px;}

#priceTable .price h2 {color:#42b7d4; font-weight:bold;}

/* ######## Contact Page ######## */
#content .contact {color:#666666; font-size:15px;}
#content .contact .firstCol {margin-left:0; margin-top:15px;}
#content .contact .secondCol {margin-right:0; margin-top:15px;}

#content .contact hr {margin:15px 0 40px 0;}
#content .contact .grid_4 hr { margin-left:-10px;}

#content .contact .address {margin-bottom:50px;}
#content .contact .simpleButton {font-size:12px;}
#content .contact .text {font-size:12px; line-height:20px;}
#content .contact .errorText {text-align:right; clear:both; display:block; color:#FE3131; display:none; font-size:11px; line-height:12px;}

#contactForm input, #contactForm select {float:right;}

#contactForm p {clear:both; display:block; height:26px; padding-bottom:20px; margin:0;}
#contactForm .messageBox {clear:both; overflow:hidden; margin-bottom:0; padding-bottom:20px; height:168px;}
#contactForm .responseText {text-align:right; display:none; clear:both;}
#contactForm .requiered {margin-top:0px; margin-bottom:0px;}
#contactForm .requiered small {margin-left:120px; font-size:11px; color:#42b7d4; float:left;}
#contactForm .loadingImage {margin:4px 2px 0 0px; display:block; float:right; display:none;}
#contactForm .formText {float:left; line-height:26px;}

#contactForm .textInput {
	background:url(forms/textInput340.png) no-repeat top right; 
	font-size:12px;
	border:0; 
	height:15px; 
	width:310px; 
	color:#666666; 
	padding:6px 15px 6px 15px; 
}
#contactForm .textInput:focus {background-position:right -27px; outline:none;}
#contactForm .textInput.error {background-position:right bottom;}

#contactForm .textarea {float:right; width:340px; margin-bottom:3px;}
#contactForm .textarea .top {background:url(forms/textInput340.png) no-repeat left top; height:14px;}
#contactForm .textarea .bottom {background:url(forms/textInput340.png) no-repeat left -13px; height:14px;}
#contactForm .textarea textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666; 
	background:none;
	border:0;
	background-color:#f9f9f9;
	border-left:1px solid #d3d1d1;
	border-right:1px solid #d3d1d1;
	padding:0 15px 0 15px; 
	margin-bottom:0;
	overflow:auto;
	width:308px;
	height:140px;
}

#contactForm .textarea.focus .top {background-position:left -27px;}
#contactForm .textarea.focus .bottom {background-position:left -40px;}
#contactForm .textarea.focus textarea {background:none; background-color:#f9f9f9; border-left:1px solid #b6e4ef; border-right:1px solid #b6e4ef;}

#contactForm .textarea.error .top {background-position:left -54px;}
#contactForm .textarea.error .bottom {background-position:left -67px;}
#contactForm .textarea.error textarea {background:none; background-color:#ffeded; border-left:1px solid #f9acac; border-right:1px solid #f9acac;}

#contactForm .button {
	background:url(buttons/send.png) no-repeat left top; 
	text-indent:-9999px; 
	height:24px; 
	width:68px; 
	display:block; 
	float:right; 
	border:0;
}
#contactForm .button:hover {background-position: left -24px;}
#contactForm .button:active {background-position: left -48px;}
#contactForm .clearButton {background:url(buttons/clear.png) no-repeat left top; margin-right:20px;}

/* ######## Blog Page ######## */
#content .post {margin-bottom:70px;}
#content .postHeadline {border-bottom:1px solid #cccccc; height:62px; margin-bottom:40px; margin-left:-10px;}
#content .postHeadline h2 a {color:#464646;}
#content .postHeadline h2 a:hover {color:#42B7D4; text-decoration:none;}
#content .postHeadline small {font-size:11px; color:#b4b4b4;}

#content .postDate {background:url(postDateR.png) no-repeat right bottom; float:left; height:62px; margin-left:10px; margin-right:20px;}
#content .postDate .left {
	background:url(postDateL.png) no-repeat left bottom; 
	padding:10px 15px 0 15px;
	margin-left:-10px; 
	height:52px; 
	text-align:center;
	font-size:18px;
	color:#464646;
}
#content .postDate .year {font-weight:bold;}
#content .postDate h5 {line-height:20px;}

#content .postMeta {background:url(postMeta.gif) repeat-x left top; height:40px; margin:20px 10px 0 0; font-size:12px; color:#cccccc;}
#content .postMeta .left {background:url(postMetaL.png) no-repeat top left; margin-left:-10px;}
#content .postMeta .right {
	background:url(postMetaR.png) no-repeat top right; 
	height:40px; 
	margin-right:-10px; 
	padding:13px 20px 0 20px;
	position:relative;
}

#content .postMeta .readMore {position:absolute; left:20px; top:13px;}
#content .postMeta .bookmark {text-align:center; margin:0 auto; width:200px;}
#content .postMeta .bookmark a {margin:0 5px;}
#content .postMeta .comments {position:absolute; right:20px; top:13px; text-align:right;}
#content .postMeta .nextPosts {position:absolute; right:20px; top:13px; text-align:right;}

#content .navigation {font-size:12px; padding-bottom:30px;}
#content .nextPosts {float:right; background:url(blueArrow.gif) no-repeat right 4px; padding-right:10px;}
#content .previousPosts {float:left; background:url(prevBlueArrow.gif) no-repeat left 4px; padding-left:10px;}

/* ######## Post Comments ######## */
#content #comments .grid_10 { margin-right:0;}
#content #comments .grid_8 { margin-right:0;}

#content #comments {margin:0 0 0 -10px;}
#content #comments .commentsTitle {float:left; margin-left:10px;}
#content #comments .note {color:#b4b4b4; float:right;}
#content #comments .leaveComment {font-size:12px; float:right;}
#content #comments .avatar {margin-bottom:20px; display:block;}
#content #comments .reply {font-size:12px;}
#content #comments .author {margin:0; color:#b4b4b4;}
#content #comments .author a {font-weight:bold;}
#content #comments .date {margin-bottom:20px; display:block;}

#content #comments  hr { margin:15px 0 35px 0;}
#content #comments .comment  hr { margin:40px 0 40px 0;}

/* ######## Comments Form ######## */
#content #commentsForm .textInput {
	background:url(forms/textInput220.png) no-repeat top right; 
	font-size:12px;
	border:0; 
	height:15px; 
	width:190px; 
	color:#666666; 
	padding:6px 15px 6px 15px; 
	margin-bottom:15px;
}
#content #commentsForm .textInput:focus {background-position:right -27px; outline:none;}
#content #commentsForm .textInput.error {background-position:right bottom;}
#content #commentsForm .requiered {font-size:11px; color:#42b7d4; line-height:11px; display:block;}

#content #commentsForm .textarea {
	background:url(forms/textareaInput.gif) repeat-x left top; 
	height:100px; 
	position:relative; 
	margin:0 15px; 
	margin-bottom:20px;
}
#content #commentsForm .textarea .left {background:url(forms/textareaInputL.png) no-repeat top left; margin-left:-15px;}
#content #commentsForm .textarea .right {background:url(forms/textareaInputR.png) no-repeat top right;  height:100px; margin-right:-15px;}
#content #commentsForm .textarea textarea {width:430px; height:90px; background:none; font-family:Arial,Helvetica,sans-serif; font-size:12px; overflow:auto;}

#content #commentsForm .textarea textarea:focus {background:none;}
#content #commentsForm .textarea.focus .left {background-position:left -100px;}
#content #commentsForm .textarea.focus .right{background-position:right -100px;}
#content #commentsForm .textarea.focus {background-position:left -100px;}

#content #commentsForm .textarea.error .left {background-position:left -200px;}
#content #commentsForm .textarea.error .right{background-position:right -200px;}
#content #commentsForm .textarea.error {background-position:left -200px;}

#content #commentsForm .button {
	font-size:0;
	text-indent:-999px;
	background:url(buttons/post.png) no-repeat left top; 
	height:24px; 
	line-height:10px;
	width:68px; 
	display:block; 
	float:right; 
	border:0;
}
#content #commentsForm .button:hover {background-position: left -24px;}
#content #commentsForm .button:active {background-position: left -48px;}

#content #commentsForm .clearButton {background:url(buttons/cancel.png) no-repeat left top; margin-right:20px;}

/* ######## Sidebar ######## */
#sidebar .widget {margin-bottom:50px; list-style-type:none;}
#sidebar .widget ul {list-style-type:none;}
#sidebar .widget hr {margin:15px -10px 15px 0;}
#sidebar .widget img {border:1px solid #cccccc; padding:2px; background-color:#FFF;}
#sidebar .widget img:hover {border:1px solid #42b7d4;}

#sidebar .widgetTitle {font-size:18px; background:url(blueArrow.gif) no-repeat left 9px; padding-left:10px; margin-left:10px;}
#sidebar .widgetContent {margin-left:10px;}

/* ######## Pages Widget ######## */
#sidebar .widgetPages {margin-bottom:50px; list-style-type:none;}
#sidebar .widgetPages li {border-bottom:1px solid #cccccc; padding:15px 0 15px 10px;}
#sidebar .widgetPages li a {background:url(blueArrow.gif) no-repeat left 6px; color:#464646; padding-left:10px; cursor:pointer;}
#sidebar .widgetPages li a:hover {text-decoration:none; color:#42b7d4;}
#sidebar .widgetPages li.current a {color:#42b7d4;}

/* ######## Archives Widget ######## */
#sidebar .widgetArchives {font-size:12px;}
#sidebar .widgetArchives li {padding:5px 0;}
#sidebar .widgetArchives a {color:#464646;}
#sidebar .widgetArchives a:hover {color:#42b7d4;}
#sidebar span {color:#42b7d4; margin-left:5px;}

/* ######## Categories Widget ######## */
#sidebar .widgetCategories {margin-bottom:50px; list-style-type:none; font-size:12px;}
#sidebar .widgetCategories li {padding:5px 0;}
#sidebar .widgetCategories li a {color:#464646;}
#sidebar .widgetCategories li a:hover {color:#42b7d4;}

/* ######## Twitter Widget ######## */
#sidebar .widgetTwitter {background:url(twitterBird.png) no-repeat right top;}
#sidebar .widgetTwitter .widgetTitle {padding-right:50px;}
#sidebar .widgetTwitter .simpleButton {font-size:12px; margin-left:10px;}
#sidebar .widgetTwitter a {color:#42b7d4;}
#sidebar .widgetTwitter small {color:#b4b4b4; font-size:11px;}
#sidebar .widgetTwitter li {margin-bottom:10px;}

/* ######## Flickr Widget ######## */
#sidebar .widgetFlickr .widgetContent {margin-left:0;}
#sidebar .widgetFlickr .simpleButton {font-size:12px; margin-left:10px;}
#sidebar .widgetFlickr li {float:left; margin:0 0 10px 10px;}
#sidebar .widgetFlickr img {border:1px solid #cccccc; padding:2px; background-color:#FFF; display:block;}
#sidebar .widgetFlickr img:hover {border:1px solid #42b7d4;}

/* ######## Tags Widget ######## */
#sidebar .widgetTags a {color:#464646; line-height:30px; word-spacing:-2px;}
#sidebar .widgetTags a:hover {color:#42b7d4;}

/* ######## Testimonials Widget ######## */
#sidebar .testimonial {background:url(quotes.png) no-repeat top left; margin-bottom:50px; padding:10px 0 10px 10px;}
#sidebar .testimonial h4 {text-indent:50px; line-height:30px;}
#sidebar .testimonial small {color:#b4b4b4; font-size:11px; float:right; margin-top:10px;}

/* ######## Tab Menu ######## */
#tabMenu {width:230px; margin-bottom:50px;}
#tabMenu ul {list-style-type:none;}

#tabs li {float:left; height:39px; padding:0 0 0 10px; margin-right:10px;}
#tabs li:last-child {margin-right:0; float:right;}
#tabs li a {color:#464646; font-size:16px; height:40px; display:block; line-height:39px; padding:0 13px 0 3px;}
#tabs li:hover {background:url(tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#tabs li:hover a {background:url(tab.png) no-repeat top right; color:#666666; text-decoration:none;}
#tabs li:active {background:url(tabDownL.png) no-repeat top left;}
#tabs li:active a {background:url(tabDown.png) no-repeat top right; outline:none;}

#tabs .active {float:left; background:url(tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#tabs .active a {
	background:url(tab.png) no-repeat top right; 
	color:#464646; 
	font-size:16px; 
	height:40px; 
	display:block; 
	line-height:39px; 
	padding:0 13px 0 3px;
}

#tabMask {overflow:hidden; width:230px;}
#tabContainer {border-top:1px solid #cccccc; background:url(tabMenuBottom.png) no-repeat bottom left;}

#tabContainer .tabContent {float:left; margin-right:30px;}
#tabContainer .tabContent li {padding:15px 10px; border-top:1px solid #cccccc;}
#tabContainer .tabContent li:hover {background-color:#eaeaea;}
#tabContainer .tabContent li:hover img {border:1px solid #42b7d4;}
#tabContainer .tabContent li:first-child {border-top:none; padding-top:16px;}

#tabContainer .tabContent img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:15px;}
#tabContainer .tabContent p {font-size:12px;}

#tabContainer .tabContent .simpleButton {font-size:12px;}
#tabContainer .tabContent .headline {font-weight:bold;}
#tabContainer .tabContent .info {color:#b4b4b4; font-size:11px; display:block;}

#tabMenu .tabContent .viewAll {text-align:right; line-height:40px;  margin-right:10px; float:right;}
#tabMenu .tabContent .viewAll a {font-size:12px;}

#tabNav {height:29px; position:relative; padding:10px 0 0 10px; display:none;}

#tabNav .previous {background:url(buttons/upButton.png) no-repeat top right;}
#tabNav .next {background:url(buttons/downButton.png) no-repeat top right;}

#tabNav .previous:hover {background-position:left bottom;}
#tabNav .next:hover {background-position:left bottom;}

#tabNav .previous:active {background-position:right bottom;}
#tabNav .next:active {background-position:right bottom;}

#tabNav .previous.disabled {cursor:default; background-position:top left;}
#tabNav .next.disabled {cursor:default; background-position:top left;}

#tabNav .viewAll {text-align:right; line-height:16px;  margin-right:10px; position:absolute; right:0; top:10px;}
#tabNav .viewAll a {font-size:12px;}

#tabMenu .jcarousel-container {position:relative;}
#tabMenu .jcarousel-clip {z-index:2; padding:0; margin:0; overflow:hidden; position:relative; margin-top:-1px; width:230px;}
#tabMenu .jcarousel-list {z-index:1; overflow:hidden; position:relative; top:0; left:0; margin:0; padding:0;}
#tabMenu .jcarousel-list li, #tabMenu .jcarousel-item {float:left; min-height:50px; width:210px;}

/* ######## Portofolio Slider ######## */
#portofolioSlider {background:url(portofolioSlider.jpg) repeat-x left top; height:271px; margin-top:60px; margin-left:0; margin-right:0; width:960px;}
#portofolioSlider .left {background:url(portofolioSliderL.jpg) no-repeat top left;}
#portofolioSlider .right {background:url(portofolioSliderR.jpg) no-repeat top right; height:271px;}

#portofolioSlider h3 {margin-bottom:20px;}
#portofolioSlider img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin-right:10px;}
#portofolioSlider img:hover {border:1px solid #42b7d4;}

#portofolioSlider .title {float:left; margin-top:10px;}
#portofolioSlider .title a {color:#666666; font-weight:bold;}
#portofolioSlider .date {color:#42b7d4; float:right; margin-top:10px;}
#portofolioSlider .winner {position:relative; display:block;}
#portofolioSlider .winner span {
	background:url(winnerRibbon.png) no-repeat left top; 
	position:absolute; 
	top:-2px; 
	right:-2px; 
	width:65px; 
	height:65px; 
	z-index:10;
}

#portofolioSlider .controls {margin-top:15px; line-height:22px;}
#portofolioSlider .controls .counter {float:left; margin-left:20px;}
#portofolioSlider .controls .navigation {width:56px; margin:0 auto;}
#portofolioSlider .controls .link { float:right; margin-right:20px; margin-top:-23px;}

#portofolioSlider .carousel {padding: 10px 0 10px 20px;}

#portofolioSlider .jcarousel-container {position:relative; padding-right:20px;}
#portofolioSlider .carousel .jcarousel-clip {z-index:2; padding:2px 0 0 0; margin:0 0 0 -2px; overflow:hidden; position:relative; height:160px;}
#portofolioSlider .carousel .jcarousel-list {z-index:1; padding:0; margin:0; position:relative; top:0; left:0;}
#portofolioSlider .carousel .jcarousel-list li, #portofolioSlider .carousel .jcarousel-item {
	float: left; 
	list-style: none; 
	width: 215px; 
	height: 160px; 
	margin-right: 20px;
}

/* ######## Newsletter Form ######## */
#newsletter {height:10px; padding-top:10px; position:relative;}
#newsletter .highlight {background:url(newsletterHighlight.jpg) no-repeat left top; height:90px; width:288px; position:absolute; top:0; left:-30px; z-index:0;}

/* ######## Newsletter Columns ######## */
#newsletter .firstCol {z-index:1;}
#newsletter .secondCol {margin-top:8px; z-index:1;}
#newsletter .thirdCol {margin-top:4px; z-index:1;}
#newsletter .fourthCol {margin-top:12px; z-index:1;}

#newsletter small {color:#def7fb;}

#newsletter .textInput {
	background:url(forms/textInputNewsletter.png) no-repeat top right; 
	font-size:12px;
	border:0; 
	height:15px; 
	line-height:15px;
	width:190px; 
	color:#666666; 
	padding:6px 15px 6px 15px; 
	margin-bottom:10px;
}
#newsletter .textInput:focus {background-position:right -27px; outline:none;}
#newsletter .textInput.error {background-position:right bottom;}

#newsletter .subscribe {float:left;}
#newsletter .unsubscribe {float:right;}

#newsletter .subscribe input, #newsletter .unsubscribe input {margin:1px 5px 0 0; display:block; float:left;}

#newsletter .signUpOption {font-size:12px; color:#FFF; font-weight:bold;}
#newsletter .signUpOption input {margin:5px 5px 0 0; display:block; float:left;}

#newsletter .info {margin-left:20px;}

/* ######## Footer Widgets ######## */
#footer hr {border:0; border-top:1px solid #444444; clear: both; height: 0;}

#footerWidgets {padding-top:40px; padding-bottom:40px;}
#footerWidgets h3 {color:#FFF;}
#footerWidgets p {color:#FFF; line-height:1.45em;}
#footerWidgets hr {margin-top:15px; margin-bottom:15px;}
#footerWidgets img {border:1px solid #cccccc; padding:2px; background-color:#FFF; float:left; margin:3px 10px 0 0;}
#footerWidgets img:hover {border:1px solid #42b7d4;}
#footerWidgets img.noBorder {border:0; padding:0; background:none;}
#footerWidgets img.noBorder:hover {border:0; padding:0; background:none;}

#footerWidgets small {color:#42b7d4; font-size:11px;}
#footerWidgets ul {list-style-type:none;}
#footerWidgets ul small {color:#b4b4b4;}
#footerWidgets ul li {margin-bottom:25px;}
#footerWidgets .simpleButton {font-size:12px;}

#footerWidgets .lastComments p {font-style:italic;}
#footerWidgets .lastComments p:before {content: open-quote;}
#footerWidgets .lastComments p:after {content: close-quote;}

/* ######## Footer Contact Form ######## */
#footerWidgets .contactForm p {margin-bottom:10px;}
#footerWidgets .contactForm .errorText {text-align:right; clear:both; display:block; color:#FE3131; display:none; line-height:14px; font-size:11px;}

#footerWidgets .contactForm .textInput {
	background:url(forms/textInputBlack.png) no-repeat top right; 
	font-size:12px;
	border:0; 
	height:15px; 
	width:190px; 
	color:#fff; 
	padding:6px 15px 6px 15px; 
}
#footerWidgets .contactForm .textInput:focus {background-position:right -27px; outline:none;}
#footerWidgets .contactForm .textInput.error {background-position:right bottom;}

#footerWidgets .contactForm .textarea {width:220px; margin-bottom:10px;}
#footerWidgets .contactForm .textarea .top {background:url(forms/textAreaBlack.png) no-repeat left top; height:13px; margin-bottom:-1px;}
#footerWidgets .contactForm .textarea .bottom {background:url(forms/textAreaBlack.png) no-repeat left -18px; height:13px; margin-top:-4px;}
#footerWidgets .contactForm .textarea textarea {
	background:url(forms/textAreaBlackBg.jpg) repeat-y top left;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	border:0;
	color:#fff; 
	padding:0 15px 0 15px; 
	margin-bottom:0;
	overflow:auto;	
	width:190px;
	height:185px;
}
#footerWidgets .contactForm .textarea textarea:focus {background:url(forms/textAreaBlackBg.jpg) repeat-y -220px top; outline:none;}

#footerWidgets .contactForm .textarea.focus .top {background-position:left -31px;}
#footerWidgets .contactForm .textarea.focus .bottom {background-position:left -49px;}
#footerWidgets .contactForm .textarea.focus textarea {background-position:-220px top ;}

#footerWidgets .contactForm .textarea.error .top {background-position:left -62px;}
#footerWidgets .contactForm .textarea.error .bottom {background-position:left bottom;}
#footerWidgets .contactForm .textarea.error textarea {background-position:top right;}

#footerWidgets .responseText {text-align:right; display:none; clear:both;}
#footerWidgets .loadingImage {margin:4px 2px 0 0px; display:block; float:right; display:none;}

#footerWidgets .contactForm .button {
	background:url(buttons/send.png) no-repeat left top; 
	text-indent:-9999px; 
	height:24px; 
	width:68px; 
	display:block; 
	float:right; 
	border:0;
}
#footerWidgets .contactForm .button:hover {background-position:left -24px;}
#footerWidgets .contactForm .button:active {background-position:left -48px;}

/* ######## Bottom Footer ######## */
#bottomFooter {margin-bottom:20px;}
#bottomFooter .simpleMenu {font-size:11px; height:30px; line-height:30px; float:left;}
#bottomFooter .simpleMenu li {margin:0 10px 0 0;}
#bottomFooter .copyright {font-size:11px; height:30px; line-height:30px; text-align:right;}

/* ######## Login lightbox ######## */
#loginContainer {display:none;}
#login {width:280px; height:340px; margin:0 auto; padding:30px 0;}
#login hr {margin:10px 0 25px 0;}
#login p {margin-bottom:15px;}
#login .rememberMe {float:left; margin-top:5px;}
#login .forgotPassword {float:right; font-size:12px; margin-top:7px;}
#login .logIn { margin:25px auto 0 auto;}
#login .textInput {
	background:url(forms/textInput280.png) no-repeat top right; 
	font-size:12px;
	border:0; 
	height:22px; 
	width:250px; 
	color:#666666; 
	padding:5px 15px 0 15px; 
	margin-top:20px;
}
#login .textInput:focus {background-position:right -27px; outline:none;}
#login .textInput.error {background-position:right bottom;}

/* ######## Custom Checkbox and Custom Radio Inputs ######## */
.customCheckbox, .customRadio {position:relative;}
.customCheckbox input, .customRadio input {position:absolute; left:3px; top:3px; margin:0; z-index:0;}

.customCheckbox label, .customRadio label {display:block; position:relative; z-index:1; padding-right:1em; line-height:1; padding:0.35em 0 0.5em 19px; cursor:pointer;}
.customCheckbox label {background:url(buttons/radioButton.png) no-repeat 3px 4px;}
.customRadio label {background:url(buttons/radioButton.png) no-repeat 3px 4px;}

.customCheckbox label.hover, .customRadio label.hover {background-position:3px -38px;}

.customCheckbox label.checked, .customRadio label.checked {background-position:3px -80px;}
.customCheckbox label.checkedHover, .customCheckbox label.checkedFocus {background-position:3px -80px;}

/* ######## Custom Select Form using sexy-combo http://code.google.com/p/sexy-combo/ ######## */
div.combo {position:relative; left: 0px; top: 0px;}
.combo .visible {display: block;}
.combo .invisible {display: none;}

div.sexy { 
	margin: 0; padding: 0;
    width: 340px; height: 21px;
    white-space: nowrap;
    border: 0;
	float:right;
	font-size:12px;
}

div.sexy input {
	background: url(forms/selectInput.png) no-repeat 0 0;
    padding:6px 15px 6px 15px;   
	margin:0; border:0; 
	position: absolute;
	left:0px; top:0px; 
    width:310px; height:15px;
    line-height:15px;
    vertical-align:middle; 
    cursor:pointer;
	font-size:12px;
	color:#666666;
	outline: none;
}
div.sexy input:hover {background-position:0 -27px;}
div.sexy input:active {background-position:0 -54px;}

div.showList input {background-position:0 -54px;}
div.showList input:hover {background-position:0 -54px;}

div.sexy div.list-wrapper {
    left:0px; top:26px;
	padding:0; margin:0;
	border-top:1px solid #D9D9D9;
    width:314px;
    bottom:auto;
	position: absolute; 
	overflow: hidden; 
	height: 200px;
	max-height: 200px; 
	z-index: 99999;
}

div.sexy div.list-wrapper-up {top:auto; bottom:21px;}

div.sexy ul {list-style-type:none; padding:0; margin:0; height:200px;}
div.sexy  li {
	border-left:1px solid #D9D9D9;
	border-right:1px solid #D9D9D9;
	border-bottom:1px solid #cccccc;
	background-color:#FFFFFF;
    padding:0 0 0 15px; margin:0;
	line-height:25px;
	height:25px;
    cursor:pointer;
}
div.sexy  li:last-child {
	-webkit-border-bottom-left-radius: 10px;
	-khtml-border-radius-bottomleft: 10px;	
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;	
	-webkit-border-bottom-right-radius: 10px;
	-khtml-border-radius-bottomright: 10px;	
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;	
}
div.sexy li.active {background-color:#eaeaea;}
div.sexy li:active {background-color:#4bc8e7; color:#FFF;}

div.sexy a, div.sexy a:visited, div.sexy a:active {
    display: block;
	width: 100%;
	width: 146px;
	text-decoration: none;
	color: #666666;
    cursor: pointer;
    margin: 0;	
	height: 20px;
}
div.sexy input.empty {color:#666666;}
a.to-highlight:hover {background-color:#eaeaea;}

/* ######## Lightbox using nyroModal - http://nyromodal.nyrodev.com  ######## */
div#nyroModalFull {font-size: 12px;	color: #000;}
div#nyroModalLoading {
	border: 4px solid #777;
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../nyroModal/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px; height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalWrapper {
	background: #fff;
	border:1px solid #fff;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;	
}
a#closeBut {
	position: absolute;
	display: block;
	top: 5px; right: -13px;
	width: 100px; height: 12px;
	outline: 0;
}
h1#nyroModalTitle {
	margin:0; padding:0;
	top:5px; left:10px;	
	position:absolute;
	font-size:12px;
	color: #666666;
}
div#nyroModalContent {overflow: auto;}
div.wrapper div#nyroModalContent {
	border:1px solid #cccccc;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;		
}
div.wrapperImg div#nyroModalContent {
	overflow: hidden;
	text-align: center;
	padding:25px 10px 10px 10px;
	border:1px solid #cccccc;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;		
}
div.wrapperImg img {vertical-align: baseline;}
div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
}
div.wrapperImg div#nyroModalContent div:hover {opacity: 0.5; cursor: help;}
a.nyroModalPrev, a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
	background: left 20% no-repeat;
	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
}
div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {height: 60%; width: 20%;}
a.nyroModalPrev {left: 0;}
a.nyroModalPrev:hover {background-image: url(../nyroModal/prev.gif);}
a.nyroModalNext {right: 0; background-position: right 20%;}
a.nyroModalNext:hover {background-image: url(../img/nyroModal/next.gif);}

/* ######## Saf3+, Chrome1+ hacks ######## */
@media screen and (-webkit-min-device-pixel-ratio:0) { 			
	#mainHeader .mainMenu li a {text-shadow:0 -1px 0.5px #20B3DC, 0 0.5px 1px #D3F2F8;}
	#mainHeader .mainMenu li:hover a {text-shadow:0 0.8px 0.5px #2e95b2, 0 1px 0.4px #7bd1e5;}
	#mainHeader .mainMenu li:active a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	#mainHeader .mainMenu .current a {text-shadow:0 1px 0.4px #77cbe0, 0 -0.8px 0.5px #2d7083;}
	
	#content #commentsForm .textarea textarea {resize:none; padding:5px 5px 20px 15px; height:73px;}
	#content .contact .textarea textarea {resize:vertical; max-width:308px; margin-bottom:-3px; outline:none;}
	#footerWidgets .contactForm .textarea textarea {resize:vertical; max-width:190px;}
}

/* Remove the outlines from links and buttons and sIFR text replacement */
a, .customCheckbox label.focus, .customRadio label.focus, .sIFR-flash {outline:none;}

/* Remove the drag handles from the textarea in Safari and Chrome  */
#footerWidgets .contactForm .textarea textarea, #content .contact .textarea textarea {resize:none;}
#orase { margin-left:50px;}
#orase li {
	display: inline-table;
	width:150px;
	padding:3px;
	clear:both;
	font-size:10px;
	}