.container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%}/* CSS Document for Orkutel */

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

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

p {color:#373737; font-size:15px; line-height:1.5em; font-weight:normal;}
.small {color:#464646; font-size:12px;}
img {border:0;}

a {color:#1C9AD6; text-decoration:none; outline:none;}
a:hover {color:#66CCFF; text-decoration:none;}

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:#1C9AD6;}
.blue2 {color:#66CCFF;}
.green {color:#00FF33}
.grey {color:#B4B4B4;}
.orange {color:#FAA61A;}
.red {color:#DB3332;}

.size10 {font-size:10px; color:#DB3332;}
.size11 {font-size:11px; color:#00FF33;}
.size12 {font-size:12px; color:#FF7600;}
.size13 {font-size:13px; color:#039FAF;}
.size14 {font-size:14px; color:#DB3332;}
.size15 {font-size:15px; color:#00FF33;}
.size16 {font-size:16px; color:#FF7600;}
.size17 {font-size:17px; color:#039FAF;}
.size18 {font-size:18px; color:#DB3332;}
.size19 {font-size:19px; color:#FF7600;}
.size20 {font-size:20px; color:#039FAF;}
.size21 {font-size:21px; color:#00FF33;}
.size22 {font-size:22px; color:#FF7600;}
.size23 {font-size:23px; color:#DB3332;}
.size24 {font-size:24px; color:#00FF33;}
.size25 {font-size:25px; color:#039faf;}

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

.simpleMenu {list-style-type:none;} 
.simpleMenu li {float:left; margin:0 0 0 0px;}
.simpleMenu li a {color:#fff; font-size:12px; text-decoration:none; border-left: 0px solid #ccc; padding:0 10px 0 10px;}
.simpleMenu li a:hover {color:#42B7D4; text-decoration:underline;}

/*
.sideMenu {list-style-type:circle; color: red}
.sideMenu li {float:left; margin:0 0 0 10px;}
.sideMenu li a {color:#666666; font-size:12px; text-decoration:none; padding:0 15px 0 0; }
.sideMenu li a:hover {color:#42b7d4; text-decoration:underline;}
*/

.sideMenu {list-style-type:none; color: red}
.sideMenu li {float:left; margin:0 0 7px 10px;}
.sideMenu li a {color:#666666; font-size:12px; text-decoration:none;  }
.sideMenu li a:hover {color:red;}

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

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

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

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

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

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

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

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

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

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

.previous {background:url(../images/buttons/previousButton.png) no-repeat top right; width:24px; height:23px; float:left; display:block; cursor:pointer;}
.next {background:url(../images/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(../images/buttons/thumbPlay.png) no-repeat center center; position:absolute; display:block; width:100%; height:100%; cursor:pointer;}
.videoThumb:hover span {background:url(../images/buttons/thumbPlayHover.png) no-repeat center center;}

/* ######## Main Blocks ######## */
#header {background: transparent;}
#breadcrumbs {background: #f0f0f0; height:40px; margin-top: 0;}
#center {background: #fff !important; padding-top:30px; min-height:500px;}
#footer {background: #f5f5f5; margin-top:60px; border-top: 1px solid #ddd;}

/* ######## Top Header which contains the top menu and the search box ######## */
#topHeader {height:50px; background: linear-gradient(180deg, #2d2d2d 0%, #1a1a1a 100%);}
#topHeader .simpleMenu {height:50px; line-height:50px; float:left;}

#topHeader .search {float:right; position:relative; height:21px; margin-right:10px; margin-top:13px;}
#topHeader .search .textInput {
	background:url(../images/forms/searchBg.png) no-repeat top right;
	font-size:11px;
	border:0; 
	height:17px; 
	width:127px; 
	color:#fff;
	padding:4px 25px 0 10px; 
}
#topHeader .search .textInput:focus {outline:none;}
#topHeader .search .button {	
	background:url(../images/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(../images/buttons/searchButtonHover.png) no-repeat center center;}

/* ######## Main header contains the main menu, the logo and description ######## */
#mainHeader {background: linear-gradient(135deg, #00a0d2 0%, #0088b3 100%); height:98px; position:relative;}
#mainHeader .left {margin-left:-40px; }
#mainHeader .right {height:98px; margin-right:-40px; padding:0 70px 0 70px;}

#mainHeader .title {float:left; margin-top:0px; margin-right:0px;}
#mainHeader .description {float:left; color:#def7fb; margin-top:0px; font-size:14px; line-height:12px;}
#mainHeader .description .orange {color:#faa61a;}

#mainHeader .mainMenu {list-style-type:none; float:right; line-height:32px; margin-top:30px;}
#mainHeader .mainMenu li {float:left; margin-left:12px; height:35px; padding:0 0 0 12px;}
#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:12px;
	font-size:14px; 
	letter-spacing:1px;
}
#mainHeader .mainMenu li:hover {background:url(../images/mainMenuHoverL.png) no-repeat top left;}
#mainHeader .mainMenu li:hover a {
	background:url(../images/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(../images/mainMenuDownL.png) no-repeat top left; outline:none;}
#mainHeader .mainMenu li:active a {
	background:url(../images/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(../images/mainMenuDownL.png) no-repeat top left; outline:none;}
#mainHeader .mainMenu .current a {
	background:url(../images/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 {margin:15px 0 0 0; padding-bottom:15px; overflow:hidden; clear:both;}
#heading h5 {color:#32b0cc; line-height:26px;} 

/* ######## Home Page Slider ######## */
#slider {margin:10px 0 0 0; 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:#373737; font-size:14px; line-height:35px;}

#slider .thumbnail {height:330px; position:relative;}
#slider .thumbnail img {position:absolute; top:2px; 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(../images/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 h3 {line-height:42px; float:left; color: #1c9ad6; font-weight: bold;}

#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(../images/greyArrow.gif) no-repeat right 4px; padding-right:12px; cursor:pointer;}
#breadcrumbs ul.crumbs li a:hover {color:#66ccff;}

/* ######## Content ######## */
#content hr {margin:15px 0;}
#content ul, #content ol {margin-left:35px;}
#content li {line-height:1.5em;}
#content p {margin: 10px 10px 10px 0;}
#content img {border:0px solid #cccccc; padding:2px; background-color:none;}
#content img:hover {border:0px 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 table {border:1px solid #d8d8d8; border-collapse:collapse; margin:5px 0 20px 0;}
#content td {border:1px solid #d8d8d8; padding:5px 10px 5px 10px;}
#content th {border:1px solid #d8d8d8; padding:5px 10px 5px 10px; background-color: #EFEDEE;}
#content caption {margin-bottom:10px; font-size:18px;}

#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 h2 {margin-bottom:-4px;}
#content .column h3 {margin-bottom:-4px;}
#content .column h2 a:hover {color:#42B7D4; text-decoration:none; margin-bottom:-4px;}
#content .column h3 a:hover {color:#42B7D4; text-decoration:none; 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;}

#content .config ul, #content .config ol {margin-left:35px; margin-top:5px;}
#content .config li {line-height:1.5em;}
#content .config p {margin-bottom:10px; margin-top:5px;}
#content .config h3 {margin-bottom:0px; font-weight: bold;}
#content .config h3 a:hover {color:#42B7D4; text-decoration:none; margin-bottom:-4px;}

/* ######## Admin & Control Panel ######## */
#content .report {font-size:12px;}
#content .report2 {font-size:14px;}
#content .warning h3 {color:red;}
#stripes table tr:nth-child(even) {background-color:#EFEDEE;} /* tabloların satırlarını tek(odd) veya çift(even) sayılarda değişimli olarak renk farklığı göstermeye yarıyor */

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

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

#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(../images/projectBg.gif) repeat-x left top; height:271px; margin:30px 10px 0 0;}
#projectBrowser .project .left {background:url(../images/projectBgL.png) no-repeat top left; margin-left:-10px;}
#projectBrowser .project .right {
	background:url(../images/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:14px;}
#projectBrowser .project .simpleButton2 {font-size:20px;}

#projectBrowser .thumbnail {margin-right:0; margin-left:20px;}
#projectBrowser .info {margin-left:0;}
#projectBrowser .info .text {padding:0 10px 0 5px;}
#projectBrowser .info .text h4 {color:#42b7d4}

#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(../images/tabL.png) no-repeat top left; height:39px;}
#content #projectBrowser .navigation {padding:0 0 0 10px;}
#projectBrowser .navigation div {
	background:url(../images/tab.png) no-repeat top right;
	height:39px; 
	display:block; 
	padding:10px 13px 0 3px;
}

#projectBrowser .controlsBottom .navigation {background:url(../images/tabBottomL.png) no-repeat top left;}
#projectBrowser .controlsBottom .navigation div {background:url(../images/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(../images/projectGallery.gif) repeat-x left top; height:530px; margin:0 10px 20px 0;}
#center .projectPage .projectGallery .left {background:url(../images/projectGalleryL.png) no-repeat top left; margin-left:-10px;}
#center .projectPage .projectGallery .right {
	background:url(../images/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(../images/relatedProjects.gif) repeat-x left top; height:206px; margin:30px 10px 0 0;}
#center .projectPage .relatedProjects .left {background:url(../images/relatedProjectsL.png) no-repeat top left; margin-left:-10px;}
#center .projectPage .relatedProjects .right {
	background:url(../images/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; margin-left:0;}

#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(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#priceTable .priceTabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;}
#priceTable .priceTabs li:active {background:url(../images/tabDownL.png) no-repeat top left;}
#priceTable .priceTabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;}

#priceTable .priceTabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#priceTable .priceTabs .active a {
	background:url(../images/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;}

#priceTable .middle {overflow:hidden; /*background: url(../images/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:#666666; margin-left:10px;}
#priceTable .noBorder{float:none; margin-top:20px; margin-bottom: 20px;}

#priceTable .price {background:url(../images/tagline.jpg) repeat-x left bottom; height:80px; border-top:1px solid #cccccc;}
#priceTable .price .left {background:url(../images/taglineLeft.jpg) no-repeat bottom left; }
#priceTable .price .right {background:url(../images/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:26px;}
#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 .sexy .list-wrapper ul {list-style-type:none; padding:0; margin:0; height:200px;}


#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:11px;}

#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 .required {margin-top:0px; margin-bottom:0px;}
#contactForm .required 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:15px;}

#contactForm .textInput {
	background:url(../images/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(../images/forms/textInput340.png) no-repeat left top; height:14px;}
#contactForm .textarea .bottom {background:url(../images/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 .sendButton, .clearButton {
	text-indent:-9999px; 
	height:24px; 
	width:69px;
	display:block; 
	float:right; 
	border:0;
}
#contactForm .sendButton {background:url(../images/buttons/send.png) no-repeat left top;}
#contactForm .sendButton:hover {background-position: left -24px;}
#contactForm .sendButton:active {background-position: left -48px;}
#contactForm .clearButton {background:url(../images/buttons/clear.png) no-repeat left top; margin-right:20px;}
#contactForm .clearButton:hover {background-position: left -24px;}
#contactForm .clearButton:active {background-position: left -48px;}

#content .postDate {background:url(../images/postDateR.png) no-repeat right bottom; float:left; height:62px; margin-left:10px; margin-right:20px;}
#content .postDate .left {
	background:url(../images/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(../images/postMeta.gif) repeat-x left top; height:40px; margin:20px 10px 0 0; font-size:12px; color:#cccccc;}
#content .postMeta .left {background:url(../images/postMetaL.png) no-repeat top left; margin-left:-10px;}
#content .postMeta .right {
	background:url(../images/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(../images/blueArrow.gif) no-repeat right 4px; padding-right:10px;}
#content .previousPosts {float:left; background:url(../images/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(../images/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 .required {font-size:11px; color:#42b7d4; line-height:11px; display:block;}

#content #commentsForm .textarea {
	background:url(../images/forms/textareaInput.gif) repeat-x left top;
	height:100px; 
	position:relative; 
	margin:0 15px; 
	margin-bottom:20px;
}
#content #commentsForm .textarea .left {background:url(../images/forms/textareaInputL.png) no-repeat top left; margin-left:-15px;}
#content #commentsForm .textarea .right {background:url(../images/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(../images/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(../images/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(../images/blueArrow.gif) no-repeat left 9px; padding-left:10px; margin-left:10px;}
#sidebar .widgetTitle20 {font-size:20px; background:url(../images/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(../images/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;}

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

/* ######## Testimonials Widget ######## */
#sidebar .testimonial {background:url(../images/quotesL.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(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#tabs li:hover a {background:url(../images/tab.png) no-repeat top right; color:#666666; text-decoration:none;}
#tabs li:active {background:url(../images/tabDownL.png) no-repeat top left;}
#tabs li:active a {background:url(../images/tabDown.png) no-repeat top right; outline:none;}

#tabs .active {float:left; background:url(../images/tabL.png) no-repeat top left; height:39px; padding:0 0 0 10px;}
#tabs .active a {
	background:url(../images/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(../images/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:0px solid #42b7d4;}
#tabContainer .tabContent li:first-child {border-top:none; padding-top:16px;}

#tabContainer .tabContent img {border:0px 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(../images/buttons/upButton.png) no-repeat top right;}
#tabNav .next {background:url(../images/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(../images/portofolioSlider.png) repeat-x left top; height:271px; margin-top:60px; margin-left:0; margin-right:0; width:960px;}
#portofolioSlider .left {background:url(../images/portofolioSliderL.png) no-repeat top left;}
#portofolioSlider .right {background:url(../images/portofolioSliderR.png) 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(../images/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:80px; padding-top:10px; position:relative;}
#newsletter .highlight {background:url(../images/newsletterHighlight.png) repeat-x left top; height:90px;  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(../images/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 h6 {color:#66CCFF; font-weight:bold;}
#footerWidgets h6 a {color:#66CCFF; font-weight:bold;}
#footerWidgets h6 a:hover {color:#faa61a; text-decoration:none;}
#footerWidgets p {color:#FFF; line-height:1.45em;}
/* #footerWidgets hr {margin-top:4px; margin-bottom:15px; border:0 #66CCFF solid; border-top-width:1px; clear:both; height:0;} */
#footerWidgets hr {margin:5px 0px 5px 0px; border:0 #66CCFF solid; border-top-width:1px; clear:both; height:0;}
#footerWidgets img {border:0px solid #cccccc; padding:2px; background-color:none; float:left; margin:3px 10px 0 0;}
#footerWidgets img:hover {border:0px 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:8px; margin-top: 10px; font-size: 12px;}

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

.sitemapMenu {list-style-type:none;} 
.sitemapMenu li {float:none; margin:0 0 0 0px;}
.sitemapMenu li a {color:#fff; font-size:11px; text-decoration:none; padding:0 5px 0 5px;}
.sitemapMenu li a:hover {color:#faa61a; text-decoration:none;}

/* ######## 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(../images/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(../images/forms/textAreaBlack.png) no-repeat left top; height:13px; margin-bottom:-1px;}
#footerWidgets .contactForm .textarea .bottom {background:url(../images/forms/textAreaBlack.png) no-repeat left -18px; height:13px; margin-top:-4px;}
#footerWidgets .contactForm .textarea textarea {
	background:url(../images/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(../images/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(../images/buttons/send.png) no-repeat left top;
	text-indent:-9999px; 
	height:24px; 
	width:69px;
	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; color:#fff; height:30px; line-height:30px; text-align:right;}

/* ######## Login lightbox ######## */
#loginContainer {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.5); z-index:9999;}
#login {width:280px; background:#fff; margin:100px auto; padding:30px; border-radius:8px; box-shadow:0 5px 30px rgba(0,0,0,0.3);}
#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(../images/forms/textInput280.png) no-repeat top right;
	font-size:12px;
	border:0; 
	height:22px; 
	width:250px; 
	color:#42b7d4;
	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(../images/buttons/radioButton.png) no-repeat 3px 4px;}
.customRadio label {background:url(../images/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(../images/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(../../images/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: -8px;
	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(../../images/nyroModal/prev.gif);}
a.nyroModalNext {right: 0; background-position: right 20%;}
a.nyroModalNext:hover {background-image: url(../img/../images/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;}

fieldset { border:none; clear:both;}
fieldset label {font-size:14px; font-weight:bold; color:#666;}
fieldset label a{font-size:14px; font-weight:bold; color:#666;}

legend {
    margin-bottom: 20px;
    font-weight: bold;
    text-decoration: underline;
}
dl {clear:both; }
dl.submit {clear:both; width:100%; text-align:center; padding:0 0 0 90px;}

dt {float:left; text-align:right; width:150px; padding:0 10px 10px 0;}
dd {float:left;  margin:0 0 10px 0;}
dt small {display: block; font-size:12px; }

input,
textarea,
select {
  font-size: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;  
  padding: 5px;
  color: #777;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0px;
}

.errorText {text-align:right; clear:both; display:block; color:#FE3131; display:none; font-size:11px; line-height:12px;}

div.box {
  width: 425px;
  font-weight: normal;
  padding: 7px;
  margin: 5px 15px 5px 15px;
  color: #777;
  border-top: solid 1px #aaa;
  border-left: solid 1px #aaa;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  outline: 0;  
}

div.box h4 {
    text-align: right;
    background-color: #7bd1e5;
    padding-right: 15px;
    letter-spacing: 4px;
    text-transform:uppercase;
    font-family:monospace;
    margin-bottom: 10px;
}

/* for validation */
.error {
   color:lightcoral;
   display: block;
}


#langSwitcher {
    width: 75px;
    height: 25px;
    padding: 0px;
    margin:10px 0 0 0;
    background-color: #323332;
    border:3px solid #fff;
    color:#fff;
}


a.ovalbutton{
background: transparent url('../images/buttons/oval-orange-left.gif') no-repeat top left;
display: block;
float: left;
font: normal 13px Tahoma; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #494949; /*button text color*/
}

a.ovalbutton span{
background: transparent url('../images/buttons/oval-orange-right.gif') no-repeat top right;
display: block;
padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

/* Modern button replacements for old image-based buttons */
.learnMore, .buyNow, .readMore, .hireNow, .joinUs, .signUpButton, .inviteFriendButton, .logIn, .signIn {
    display: inline-block;
    padding: 10px 20px;
    background: linear-gradient(180deg, #ff8533 0%, #ff6600 100%);
    color: #fff !important;
    text-decoration: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    border: none;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.learnMore:hover, .buyNow:hover, .readMore:hover, .hireNow:hover, .joinUs:hover,
.signUpButton:hover, .inviteFriendButton:hover, .logIn:hover, .signIn:hover {
    background: linear-gradient(180deg, #ff6600 0%, #e65c00 100%);
    color: #fff !important;
}
.sendButton, .clearButton {
    display: inline-block;
    padding: 10px 20px;
    background: #00a0d2;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}
.sendButton:hover { background: #0088b5; }
.clearButton { background: #999; }
.clearButton:hover { background: #777; }
.cancel {
    display: inline-block;
    padding: 10px 20px;
    background: #e74c3c;
    color: #fff !important;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.cancel:hover { background: #c0392b; }
/* Fluid container with max-width */
.container_12,
.container_16 {
    width: 95%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Full-width grid fills container */
.container_16 .grid_16,
.container_12 .grid_12 {
    width: calc(100% - 20px);
}

/* Common sidebar layouts as percentages */
.container_16 .grid_12 { width: calc(75% - 20px); }
.container_16 .grid_13 { width: calc(81.25% - 20px); }
.container_16 .grid_14 { width: calc(87.5% - 20px); }
.container_16 .grid_4 { width: calc(25% - 20px); }
.container_16 .grid_3 { width: calc(18.75% - 20px); }
.container_16 .grid_8 { width: calc(50% - 20px); }

/* Breadcrumbs */
#breadcrumbs .container_16 { width: 95%; max-width: 1400px; }

/* Fix breadcrumb alignment */
#breadcrumbs .container_16 {
    text-align: left;
}

/* Fix breadcrumb container */
#breadcrumbs .container_16,
#breadcrumbs .container_12 {
    width: 95%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}