/* reset */
*{
	margin: 0;
	padding: 0;
	border: 0;
}

/** Global **/
body {
	color: white;
	background: url("../images/body-bg.jpg") top center no-repeat #222121;
	font-family: Arial, serif;
	font-size: 12px;
	line-height: 18px;
}

body#about ,
body#services {
	background: url("../images/content-body-bg.jpg") top center no-repeat #222121;
}

body#portfolio {
	background: url("../images/portfolio-body-bg.jpg") top center no-repeat #222121;
}

body#contact {
	background: url("../images/contact-body-bg.jpg") top center no-repeat #222121;
}

.clear {
	clear: both;
}

#page-wrap {
	width:900px;
	margin: 0 auto;
}

#header {
	height: 130px;
}

#logo {	 
	float: left;
	width: 448px;
}

#logo-extra {
	float: right;
	width: 425px;
	text-align: right;
}


#vision {
	height: 55px;
	padding-right: 30px;
	padding-top: 30px;
}

#vision span {
	color: orange;
}

#nav {
	text-align: right;
	width: 410px;
	margin-left:15px;
}

#nav ul {
	list-style: none;
}

#nav ul li {
	float: left;
	text-align: center;
	height: 31px;
}

#nav ul li#home-menu {
	width: 66px;
}

#nav ul li#about-menu {
	width: 71px;
}

#nav ul li#services-menu {
	width: 88px;
}

#nav ul li#portfolio-menu {
	width: 90px;
}

#nav ul li#contact-menu {
	width: 88px;
}


#nav ul li a {
	color: white;
	text-decoration: none;
	font-size: 16px;
	line-height: 31px;
	height:31px;
	font-weight: bold;
}

#content {
	border-bottom: solid 1px #493f3f;
}

#content-inner {
	margin-top: 5px;
	margin-bottom: 10px;
}

#main-content {
	float: left;
	width: 609px;
}

#sidebar {
	float: right;
	width: 290px;
	border-left: solid 1px #493f3f;
}

#sidebar-content {
/*
	width: 285px;
	height: 803px;
	background: url("../images/right_bg.jpg") top left no-repeat;
	margin-left: 5px;
*/
	width: 285px;
	height: 730px;
	background: url("../images/contact_right_bg.jpg") top left no-repeat;
	margin-left: 5px;
}


#footer-top {
	height: 30px;
	border-bottom: solid 1px #493f3f;
}

#bottom-nav {
	float: left;
	width: 270px;
	margin-top:4px;
}

#bottom-nav a {
	color: white;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
}

#bottom-nav a:hover {
	text-decoration: underline;
}

#copyright {
	float: right;
	width: 630px;
	text-transform: uppercase;
	color: #564f44;
	font-size: 9px;
	margin-top:5px;
	text-align: right;
}

#footer-bottom {
	margin-top: 5px;
	margin-bottom: 20px;
}

#validator-links {
	float: left;
	width: 300px;
}

#terms {
	float: right;
	margin-right: 10px;
}

#terms a {
	text-decoration: none;
	color: #8e8e8e;
}

#terms a:hover{
	text-decoration: underline;
}


#sidebar-content-inner {
	padding: 10px 26px;
	color: black;
}

#sidebar-content-inner h3 {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 18px;
	line-height:26px;
	font-weight: bold;
}

#sidebar-content-inner #telephone {
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 22px;
	line-height:28px;
	font-weight: bold;
}

#latest-work,
#latest-wallpaper{
	margin-bottom: 30px;
}

#latest-work-wrapper,
#latest-wp-wrapper{
	width: 226px;
	margin-top: 10px;
	background: white;
	border: solid 2px #ddd;
}

#work-image-wrapper,
#wp-image-wrapper{
	margin-top: 3px;
	margin-left: 6px;
	margin-bottom: 4px;
}

#work-image-wrapper a,
#wp-image-wrapper a{
	display: block;
	width: 214px;
	height: 171px;
	text-decoration: none;
}

#work-descr,
#wp-descr{
	height: 25px;
	background: #eee;
	border-top: solid 2px #ddd;
	padding-top: 5px;
	text-align: center;
}

#latest-work-brief,
#latest-wp-brief {
	float: left;
	width: 160px;
}

#latest-work-link,
#latest-wp-link{
	float: right;
	margin-right: 8px;
}

#latest-work-link a,
#latest-wp-link a,
#submit_email a{
	display: block;
	border-bottom: solid 4px orange;
	text-decoration: none;
	color: black;
}

/** Home **/

/* Front Page Slider
------------------------------------------------------*/
#slider1 {
    width: 597px; /* important to be same as image width */
    height: 332px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

.smallbanners #slider1 {
	height: 194px;
}

#slider1 h2 {
	font-size:16px;
	color:#000;
	margin-bottom:0px;
}
#slider1 h3 {
	font-size:14px;
	color:#000;
	margin-bottom:8px;
}
#slider1Content {
    width: 597px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.slider1Image {
    float: left;
    position: relative;
	display: inline;
}

.slider1Image span {
    position: absolute;
	font-size:12px;
    width: 597px;
    background-color: #FFF;
	padding: 15px;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
	-khtml-opacity: 0.4;
    opacity: 0.4;
    color: black;
    display: block;
}

#slide-pager {
	border-top: solid 1px #493f3f;
	margin-top:5px;
	height: 35px;
	padding-top:5px;
}

#slide-pager a {
	text-decoration: none;
	display: inline-block;
	padding: 1px 6px;
	background: #193B7E;
	color: white;
	margin-right: 10px;
	font-style: italic;
	cursor:pointer;
	cursor:hand;
}

#slide-pager a.active {
	background: #2A7EA0;
}

#slide-pager a#pagebtn1 {
	background: #728b20;
}

#slide-pager a#pagebtn1.active {
	background: #55661c;
}

#slide-pager a#pagebtn2 {
	background: #b4a284;
}

#slide-pager a#pagebtn2.active {
	background: #908168;
}

#slide-pager a#pagebtn3 {
	background: #f89839;
}

#slide-pager a#pagebtn3.active {
	background: #d18133;
}

#slide-pager a#pagebtn4 {
	background: #deb407;
}

#slide-pager a#pagebtn4.active {
	background: #b2910a;
}

#slide-pager a#pagebtn5 {
	background: #b6834a;
}

#slide-pager a#pagebtn5.active {
	background: #966c3d;
}

#slide-pager a#pagebtn6 {
	background: #5c9293;
}

#slide-pager a#pagebtn6.active {
	background: #466e6f;
}

#slide-pager p {
	margin-bottom : 0;
}


.bottom {
	left:0;
	bottom:0;
}

.carousel-wrap {
	height: 292px !important;
}

.smallbanners .carousel-wrap {
	height: 154px !important;
}

div#banner-title {
	color:#f2f167;
	font-size: 18px;
	float: left;
	width: 400px;
	font-weight: normal;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	margin-top:2px;
}

div.carousel-pagination {
	float: right;
	width: 197px;
	text-align: right;
}


/** New Slideshow **/

#slideshow_info {
	margin-top: 5px;
	padding-top: 7px;
	border-top: solid 1px #493f3f;
	height: 30px;
	width: 598px;
}

#slideshow_title {
	float: left;
	width: 350px;
	color:#f2f167;
	font-size: 18px;
	font-weight: normal;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}

#slideshow_page_info {
	float: right;
	margin-right: 2px;
}

#slideshow_page_info a {
	text-decoration: none;
	display: inline-block;
	padding: 1px 6px;
	background: #b4a284;
	color: white;
	margin-right: 10px;
	font-style: italic;
	cursor:pointer;
	cursor:hand;
}

#slideshow_page_info a.activeSlide {
	background:  #f89839;
}


div#home-welcome {
	border-top: solid 1px #493f3f;
	border-bottom: solid 1px #493f3f;
	padding-top:4px;
	padding-bottom: 5px;
	width: 597px;
}

div#home-welcome p {
	margin-bottom: 10px;
	width: 597px;
}

div#home-welcome .learn-more {
	width: 597px;
	text-align: right;
}

div#home-welcome .learn-more a {
	text-decoration: none;
	color: #b4a284;
	font-style: italic;
}

div#home-welcome span.highlight {
	color: #f2f167;
	font-style: italic;
}


div#services-list {
	float: left;
	width: 300px;
	/* background: url("../images/services_list_bg.jpg") top right no-repeat; */
}

div#services-list-inner {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 20px;
	color: #f2f167;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
}

#services-list-inner a {
	color: #f2f167;
	text-decoration: none;
}

#services-list-inner a:hover{
	text-decoration: underline;
}

div#services-sample1, 
div#services-sample2, 
div#services-sample3 {
	float: left;
	width: 97px;
}


div#webdesign-service {
	float: left;
	width: 300px;
	border-left: solid 1px #493f3f;
	padding-left: 8px;
	padding-top: 8px;
}

div#webdesign-service p {
	width: 295px;
	margin-bottom: 10px;
}

div#webdesign-service h2 {
	color:#f2f167;
	font-size: 18px;
	font-weight: normal;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	margin-bottom: 8px;
}

div#webdesign-service #rolling {
	margin-bottom: 10px;
}

#rolling a {
	color:#f2f167;
	font-size: 18px;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	text-decoration: none;
}

div#webdesign-service #free-mockup {
	margin-bottom: 10px;
}

div#webdesign-service #free-mockup a {
	text-decoration: none;
	color: #b4a284;
}

#telephone {
	margin-top: 20px;
}

#sidebar-email a {
	color: #73714f;
	font-weight: bold;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 16px;
	text-decoration: none;
}


/** About **/
#about-content {
	width: 597px;
	margin-top: 5px;
	border-top: solid 1px  #493f3f;
	padding-bottom: 20px;
	border-bottom: solid 1px  #493f3f;
}

#about-content-inner {
	width: 585px;
}

#about-content-inner h2 {
	font-size: 22px;
	line-height: 28px;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	color:#f2f167;
	font-weight: normal;
	margin-top: 10px;
}

#about-content-inner p {
	margin-bottom: 20px;
}


#about-footer {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 597px;
	text-align: right;
}


/** Services **/
#services-content {
	width: 597px;
	margin-top: 5px;
	border-top: solid 1px  #493f3f;
	padding-bottom: 20px;
	border-bottom: solid 1px  #493f3f;
}

#services-content-inner {
	width: 585px;
	height: 350px;
}

#services-content-inner h2 {
	font-size: 22px;
	line-height: 28px;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	color:#f2f167;
	font-weight: normal;
	/*margin-top: 5px; */
	margin-bottom:6px;
	cursor: pointer;
	cursor: hand;
}

#services-content-inner p {
	margin-bottom: 10px;
}


#services-footer {
	margin-top: 20px;
	margin-bottom: 10px;
	width: 597px;
	text-align: right;
}


/** Contact **/
#contact-main {
	width: 596px;
	height: 422px;
	background: url("../images/contact_bg.jpg") top left no-repeat;
}

#contact-confirm-main {
	margin-top: 1px;
	width: 596px;
	height: 422px;
}

#contact-form {
	float: left;
	width: 350px;
}

#contact-address {
	float: left;
	width: 230px;
}

#contact-send {
	width: 230px;
	margin-top: 10px;
	padding-left: 45px;
}

#address-detail {
	margin-top: 110px;
}

#contact-captcha {
	margin-top: 4px;
	height: 30px;
	width: 220px;
}

#contact-captcha img {
	float: left;
	margin-left: 10px;
}

#contact-captcha input {
	float: left;
	width: 70px;
	margin-left: 30px;
	margin-top: 2px;
	color: #b6834a;
	border-color:#777777 #CCCCCC #EEEEEE #777777;
	border-style:solid;
	border-width:1px;
}

#form-from {
	margin-top: 125px;
	padding-left: 100px;
}

#form-subject {
	padding-left: 100px;
	margin-top: 30px;
}

#form-email {
	padding-left: 100px;
	margin-top: 30px;
}

#form-message {
	padding-left: 35px;
	margin-top: 60px;
}

#form-from input,
#form-email input,
#form-subject input {
	width: 190px;
}

#form-message textarea {
	width: 255px;
	height: 75px;
}



body#contact #sidebar-content {
	width: 285px;
	height: 730px;
	background: url("../images/contact_right_bg.jpg") top left no-repeat;
	margin-left: 5px;
}

/*
body#contact #latest-work, body#contact  #latest-wallpaper {
	margin-bottom:15px;
}
*/

/** Subscription Email in the sidebar **/
#subscription-inner {
	margin-top: 5px;
	width: 230px;
	margin-bottom: 15px;
}

#subscription-inner img {
	float: left;
	margin-right: 5px;
}

#subscription-inner input {
	float: left;
	margin-right: 3px;
}

#subscription-inner #captcha_email {
	width: 80px;
}

#subscribe_email, 
#captcha_email {
	border-top: solid 1px #777;
	border-left: solid 1px #777;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #eee;
}

#captcha_email {
	line-height: 18px;
	height: 19px;
	color: #b6834a;
}

#subscribe_email {
	line-height: 18px;
	height: 19px;
}

#submit_email {
	float: right;
	width: 60px;
	margin-right: 8px;
	margin-top: -3px;
}


/** Portfolio **/
body#portfolio #main-content {
	float: left;
	width: 899px;
}


#portfolio-nav {
	float: left;
	width: 252px;
	padding-left: 8px;
}

#portfolio-nav #nav-guide {
	margin-bottom: 10px;
	color: #f2f167;
}

#portfolio-nav-list {
	height: 500px;
}

#portfolio-nav ul {
	list-style: none;
}

#portfolio-nav ul li a {
	outline: none;
	outline: 0;
}

#portfolio-nav ul li a:actived,
#portfolio-nav ul li a:focus {
	outline: none;
	outline: 0;
}

#portfolio-contact {
	margin-top: 10px;
	margin-bottom: 10px;
}

#portfolio-contact #portfolio-contact-tel{
	display: block;
	color: white;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 26px;
	line-height: 29px;
	font-weight: bold;
	padding-left: 5px;
}


#portfolio-contact #portfolio-contact-email{
	display: block;
	color: #f2f167;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 17px;
	line-height: 24px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 8px;
}

#portfolio-gallery {
	float: left;
	width: 625px;
}

.image-long-desc {
	height: 40px;
	margin-top: 20px;
	width: 870px;
	padding-top: 10px;
	overflow: auto;
	margin-left: -250px;
}


.image-long-desc h2 {
	color:  #f2f167;
	font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
	font-size: 20px;
	line-height: 20px;
	font-weight: normal;
	float: left;
	margin-right: 10px;
}

.image-long-desc .left-desc {
	float: left;
	width: 720px;
}


.image-long-desc .large-image {
	float: right;
	width: 120px;
	margin-top: 3px;
	text-align: right;
	margin-right: 2px;
}

span.ad-slideshow-start,
span.ad-slideshow-stop {
	display: none;
}


p.ad-image-description p {
	float: left;
	margin-top: 6px;
}

p.ad-image-description p a {
	color: white;
	text-decoration: underline;
}

a.read-more {
	color:  #f2f167;
	text-decoration: none;
}

a.read-more:hover{
	text-decoration: underline;
}

a.back-link {
	color:  #aaa;
	text-decoration: none;
}

a.back-link:hover{
	text-decoration: underline;
}

#accordion p a {
	color: #F2F167;
	text-decoration: none;
}

#accordion p a:hover{
	text-decoration: underline;
}



/* slideshow ------------------------------------------------------------*/

div#slideshow{
	overflow: hidden;
	position: relative;
	height: 360px;
	margin-bottom: 5px;
	width: 900px;
}

div#slideshow ul#slides{
	margin: 0 auto;
	width: 890px;
	height: 316px;
	position: absolute;
	top:20px;
	left: 5px;
}

div#slideshow-arrows{
	margin: 0 auto;
	z-index: 900;
	width: 1000px;
	height: 57px;
}



div#slideshow img#prev{
	position: absolute;
	top:155px;
	left: 1px;
	z-index: 20;
}

div#slideshow img#next{
	position: absolute;
	top: 155px;
	right: 2px;
	z-index: 21;
}



div#slideshow span{
	background: url("../images/slideshow-border.png") no-repeat;
	width: 900px;
	height: 360px;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 10;
	cursor: default;
}

#slideshow-nav{
	display: block;
	position: absolute;
	overflow: hidden;
	bottom: 40px;
	right: 20px;
	z-index: 20;
}

#slideshow-nav a { 
	display: block;
	float: left;
	background: url("../images/slidebutton.png") no-repeat; 
	height: 15px;
	width: 15px;
	text-indent: -9000px;
	margin-right: 5px;
}

#slideshow-nav a.activeSlide { 
	background: url("../images/slidebutton-over.png") no-repeat; 
}

/** Ticker **/
#hidenewsticker {
	display: none;
}

#home-news-ticker {
	height: 40px;
	margin-top: -20px;
}

#home-news-ticker a {
	color: white;
	text-decoration: none;
}

.anim_recent {
	margin:0;
	padding-left:5px;
	height:35px;
	line-height:35px;
	color:#e5e5e5
}

.anim_recent a {
	color:#FFF;text-shadow:#000 1px 1px 0px;padding-right:7px;
	background:url("../images/blink.gif") scroll right center no-repeat
}

.anim_recent a:hover {
	color:#AAA
}

#home-sub-links {
	margin-bottom: 20px;
}

.home-sub-item {
	float: left;
	width: 212px;
	margin-right: 17px;
}

.home-sub-item-last {
	margin-right: 0;
}

.home-sub-item-thumb {
	/*margin-bottom: 10px;*/
	height: 145px;
	background: url("../images/thumb-shadow.png") bottom center no-repeat;
}

.home-sub-item-thumb img {
	border: solid 2px white;
}

.home-sub-item-link {
	margin-top: -10px;
}

.home-sub-item-link a {
	color: white;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	width: 212px;
	text-align: center;
	display: block;
	text-shadow:#000 1px 1px 0px;
}


#news-ticker-title {
	float: left;
	margin-right: 5px;
	height: 35px;
	line-height: 35px;
	color: #f89839;
}

#main-area-box {
	margin-top: 5px;
	height: 400px;
}

#about-main-content {
	
	float: left;
	margin-right: 12px;
	width: 430px;
	height: 338px;
}

#about-main-images {
	float: left;
	width: 430px;
	height: 33px;
}

#main-area-box-inner {
	padding-top: 17px;
	padding-left: 8px;
}

#about-main-content-inner {
	height: 270px;
	width: 370px;
	padding-top: 25px;
	padding-left: 25px;
}

#about-main-content-inner h2 {
	color:#f2f167;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 8px;
}

#about-main-content-inner p {
	margin-bottom: 8px;
	font-size:12px;
	line-height:20px;
}


#contact-wrapper {
	margin-top: 23px;
	margin-left: 152px;
	margin-bottom: 77px;
}


#thumbnail-post2,
#thumbnail-post3,
#thumbnail-banner2,
#thumbnail-banner3 {
	display: none;
}