@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{margin:0; padding:0; border:0; outline:0; /*vertical-align:baseline;*/ /*background:transparent;*/}
body{line-height:1}
ol, ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none}


:focus{outline:0}

ins{text-decoration:none}
del{text-decoration:line-through}

table{border-collapse:collapse; border-spacing:0}
img { border:none; }
#main_container {
	width:100%;
	float:left;
	background-image:url(../images/web-designer-sydney-fbg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
p {
	margin-top:0px;
	line-height:28px;
	margin-bottom:10px;
	padding-bottom:10px;
	margin-bottom:10px;
	padding-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
}
h1 {
	font-family: 'PT Sans', arial, serif;
	font-size:25px;
	color:#014698;
}
h2 {
	font-family: 'PT Sans', arial, serif;
	font-size:16px;
	color:#014698;
}
h3 {
	font-family: 'PT Sans', arial, serif;
	font-size:14px;
	margin:20px 0 0 0;
	padding:10px 0 20px 20px;
	color:#002b56;
	background-image:url(../images/webdesigner-sydney-heading-bg.jpg);
	background-repeat:no-repeat;
}
#wrapper {
	width:1000px;
	margin:0 auto;
}
#top-div {
	width:1000px;
	height:100px;
	float:left;
	padding-top:13px;
}
#banner-div {
	width:1000px;
	height:385px;
	float:left;
}
#menu-div {
	width:1000px;
	height:39px;
	float:left;
}
#banner-box1 {
	width:214px;
	margin:30px 0 0 10px;
	float:left;
	padding:10px 15px 10px 15px;
}
#banner-box1 ul {
	margin:15px 0 0 0;
	list-style-image:url(../images/banner-bullet.jpg);
	padding-left:20px;
}
#banner-box1 li {
	line-height:28px;
}
#banner-box1 ul a {
	text-decoration:none;
	color:#FFF;
}
#banner-box1 ul a:hover {
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
#banner-box2 {
	width:204px;
	margin:30px 0 0 10px;
	float:left;
	padding:10px 15px 10px 15px;
}
#banner-box2 ul {
	margin:15px 0 0 0;
	list-style-image:url(../images/banner-bullet.jpg);
	padding-left:20px;
}
#banner-box2 li {
	line-height:28px;
}
#banner-box2 ul a {
	text-decoration:none;
	color:#FFF;
}
#banner-box2 ul a:hover {
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}

.details-button a {
	width:69px;
	display:block;
	height:21px;
	padding:10px 5px 5px 20px;
	text-decoration:none;
	color:#006;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	margin:10px  0 0 10px;
	background:url(../images/service-details.png) 0 0 no-repeat;
}
.details-button a:hover {
	color:#006;
	background-position:0 -41px;
}
.search-div {
	width:242px;
	padding:9px 0 6px 0;
	float:right;
}
.menu-div-inner {
	padding:9px 12px 6px 0;
	float:left;
}
.menu-div-inner a {
	display:inline;
	font: bold 18px sans-serif;
	color:#FFF;
	text-decoration: none;
	padding:0 8px 0 8px;
}
.menu-div-inner a:hover {	
	color: #99cc33;
	background-repeat:repeat-x;
}
.menu-div-inner a:active {
	color:#6CF;
}
.logolink {
	float:left;
	margin:0;
	padding:0;
}
.logotxt {
	float:left;
	margin:65px 0 0 0;
	padding:0;
}
.c-number {
	float:right;
	margin:10px 0 0 0;
	padding:0;
	width:240px;
}
.cntext{
	font-family: 'PT Sans', arial, serif;
	font-size:35px;
	text-align:left;
	line-height:38px;
	color:#036;
	float:right;
	width:240px;
	padding-top:10px;
}
.txt20px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#333;
}
.txt11px {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}
.soc-div-inner {
	float:left;
	width:80px;
	margin-left:280px;
}
.soc-div-inner a {
	display:inline;
	width:35px;
	font: bold 18px sans-serif;
	color:#FFF;
	text-decoration: none;
	padding:0 8px 0 8px;
}
#content-wrapper {
	float:left;
	width:1000px;
	margin-top:30px;
}
#content-left {
	float:left;
	width:680px;
}
#content-left ul {
	margin:10px 0 0 0;
	padding-left:10px;
	list-style-type:none;
	font-size:16px;
}
#content-left ul li {
	background:url(../images/side_bullet.jpg) no-repeat left center;
	border-bottom:dotted 1px #544037;
	line-height:28px;
	padding-left:14px;
}
#content-right {
	float:right;
	width:294px;
	margin-left:24px;
}
.right-buttons {
	float:right;
	width:294px;
	margin-bottom:0;
}
.right-buttons1 {
	float:right;
	width:294px;
	margin-top:15px;
}
#cu3er-container {width:294px; outline:0; margin-bottom:15px; height:186px !important;}
.right-buttons1 ul {
	margin:10px 0 0 0;
	padding-left:10px;
	list-style-type:none;
	font-size:16px;
}
.right-buttons1 ul li {
	background:url(../images/side_bullet.jpg) no-repeat left center;
	border-bottom:dotted 1px #544037;
	line-height:28px;
	padding-left:14px;
}
.linkb,a.linkb:link,a.linkb:visited {
	padding:0;
	margin:0;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#360;
}
a.linkb:hover {
	padding:0;
	margin:0;
	text-decoration:none;
	color:#000;
}
.green-text,a.green-text:link,a.green-text:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#690;
	text-align:justify;
	font-weight:bold;
}
a.green-text:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#069;
	text-align:justify;
	font-weight:bold;
}
.blue-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#06C;
	font-weight:bold;
	text-align:justify;
}
.linker,a.linker:link,a.linker:visited {
	text-decoration:none;
	color:#002b56;
}
a.linker:hover {
	text-decoration:underline;
	color:#002b56;
}
.linker1,a.linker1:link,a.linker1:visited {
	text-decoration:none;
	border-bottom:1px solid #036;
	color:#002b56;
}
a.linker1:hover {
	text-decoration:none;
	border-bottom:1px solid #039;
	color:#06C;
}
#work-thumb {
	width:675px;
	float:left;
	margin:10px 0 10px 0;
	background-color:#CCC;
}
#tier2 {
	width:1000px;
	float:left;
	margin:50px 0 0 0;
	background-image:url(../images/web-design-strategy-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
}
#strategy {
	width:680px;
	height:300px;
	float:left;
	margin:5px 0 0 5px;
}
#testimonial-div {
	width:280px;
	float:right;
	margin:20px 15px 0 15px;
}
.testimonials {
	border:none;
	margin-top:10px;
	padding:8px;
	text-align:left;
}
.read-more a {
	margin-top:5px;
	width:94%;
	padding:4px;
	float:left;
	text-align:left;
	text-decoration:none;
	color:#000;
}
.read-more a:hover {
	color:#F00;
	text-decoration:underline;
}
.ttext1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	text-align:left;
	line-height:16px;
}
.ttext2 {
	color:#ff3300;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	line-height:23px;
}
.ttext3 {
	color:#06C;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#tier3 {
	width:1000px;
	float:left;
	padding:15px 0 0 0;
}
#tier4 {
	width:1000px;
	float:left;
	margin:20px 0 0 0;
}
.tier4-content {
	float:left;
}
.tier4-content ul li{
	list-style:none;
	display:inline;
	list-style-type:none;
	padding-right:10px;
}
.tier4-content1 {
	float:right;
}
.tier4-content1 ul li{
	list-style:none;
	display:inline;
	list-style-type:none;
	padding-left:10px;
}
.tier4-imgs {
	float:left;
	padding-right:10px;
}
#tier5 {
	width:1000px;
	float:left;
	margin:17px 0 0 0;
}
.white-head-banner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	text-decoration:none;
}
.email-head-banner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#030;
	text-align:left;
	text-decoration:none;
}
.green-head-banner {
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#b0cf62;
	text-align:left;
	text-decoration:none;
}



#banner-box1 {
	width:214px;
	margin:30px 0 0 10px;
	float:left;
	padding:10px 15px 10px 15px;
}
#banner-box1 ul {
	margin:15px 0 0 0;
	list-style-image:url(../images/banner-bullet.jpg);
	padding-left:20px;
}
#banner-box1 li {
	line-height:28px;
}
#banner-box1 ul a {
	text-decoration:none;
	color:#FFF;
}
#banner-box1 ul a:hover {
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
#banner-box2 {
	width:204px;
	margin:30px 0 0 10px;
	float:left;
	padding:10px 15px 10px 15px;
}
#banner-box2 ul {
	margin:15px 0 0 0;
	list-style-image:url(../images/banner-bullet.jpg);
	padding-left:20px;
}
#banner-box2 li {
	line-height:28px;
}
#banner-box2 ul a {
	text-decoration:none;
	color:#FFF;
}
#banner-box2 ul a:hover {
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
#banner-box3 {
	width:207px;
	margin:30px 0 0 18px;
	float:left;
	padding:10px 15px 10px 10px;
}
#banner-box3 ul {
	margin:15px 0 0 0;
	list-style-image:url(../images/banner-bullet.jpg);
	padding-left:20px;
}
#banner-box3 li {
	line-height:28px;
}
#banner-box3 ul a {
	text-decoration:none;
	color:#FFF;
}
#banner-box3 ul a:hover {
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
#banner-box4 {
	width:207px;
	margin:30px 0 0 18px;
	float:left;
	padding:10px 15px 10px 10px;
}
.tbox {
	width:197px;
	height:20px;
	background-image:url(../images/text-box-bg.png);
	background-repeat:repeat-x;
	border:1px solid #693;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.search-box {
	width:150px;
	height:20px;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
	border:none;
	background:none;
}
.tarea {
	width:197px;
	height:40px;
	background-image:url(../images/tarea-bg.jpg);
	background-repeat:repeat-x;
	border:1px solid #693;
	padding-left:5px;
	padding-top:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.foot-link {
	width:200px;
	float:left;
	margin-right:10px;
}
.foot-link-t {
	width:220px;
	float:left;
	margin:0;
	padding:0;
}


.foot-link-t ul {
	margin:10px 0 0 0;
	padding-left:10px;
	list-style-type:none;
	font-size:16px;
}
.foot-link-t ul li {
	background:url(../images/web-designer-footer-bullet.jpg) no-repeat left center;
	border-bottom:dashed 1px #39C;
	line-height:28px;
	padding-left:14px;
}
.foot-link-t ul li a {
	text-decoration:none;
	color:#FFF;
}
.foot-link-t ul li a:hover {
	text-decoration:none;
	color:#0CF;
}






.foot-link ul {
	margin:10px 0 0 0;
	padding-left:10px;
	list-style-type:none;
	font-size:16px;
}
.foot-link ul li {
	background:url(../images/web-designer-footer-bullet.jpg) no-repeat left center;
	border-bottom:dashed 1px #39C;
	line-height:28px;
	padding-left:14px;
}
.foot-link ul li a {
	text-decoration:none;
	color:#FFF;
}
.foot-link ul li a:hover {
	text-decoration:none;
	color:#0CF;
}
.copyright {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	float:left;
	color:#69F;
	padding:5px 8px 10px 0;
}
.copyright a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	color:#69F;
	text-decoration:none;
}
.copyright a:hover {
	color:#FFF;
	text-decoration:underline;
}
.copyright1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:right;
	float:right;
	color:#69F;
	padding:5px 25px 10px 0;
	background-image:url(../images/wazza-footer-icon.jpg);
	background-position:right;
	background-repeat:no-repeat;
}
.copyright1 a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:left;
	color:#69F;
	text-decoration:none;
}
.copyright1 a:hover {
	color:#FFF;
	text-decoration:underline;
}
.wh-text {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	float:left;
	color:#033;
	font-weight:bold;
}
.wh-text1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	float:left;
	color:#FFF;
	font-weight:bold;
}
.wh-text2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	float:left;
	color:#F60;
	font-weight:bold;
}
.wh-text3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:left;
	float:left;
	color:#FFF;
	font-weight:bold;
}
.cruise-ahead {
	width:290px;
	float:right;
	background-image:url(../images/cruise-ahead-bg.jpg);
	background-repeat:no-repeat;
	background-position:top;
	padding:50px 10px 40px 10px;
}
.cruise-ahead-inner {
	width:240px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
	margin:0 15px 5px 15px;
	padding-bottom:3px;
}
.cruise-ahead-inner1 {
	width:240px;
	float:left;
	margin:25px 15px 5px 15px;
	padding-bottom:3px;
}
#social-main {
	width:100px;
	float:left;
	padding-top:10px;
	padding-left:12px;
}
.env-footlinks {
	float:left;
	width:648px;
	margin:0;
	padding:0;
}

  .clear{
	  clear:both;
  }
  .captcha_wrapper{
	 width:98px; 
 }
 .captcha_img{
	 width:53px;
	 float:left;
	 margin:0 0 0 1px;
	 /*padding:4px 0 0 0;*/
 }
 .captcha_ans{
	 /*width:32px;*/
	 float:right !important;
	 margin:0;
 }
 .c_txtbox{
	  width:16px;
	  border:1px solid #83c201;
	  background-image:url("../images/tarea-bg.jpg");
	  background-repeat:repeat-x;
	  border:1px dotted #669900;
	  padding:0 0 0 5px;
 }
 
 .captcha_ans input[type=text]{
	 padding:0 !important;
	 margin:6px 5px 6px 0 !important;
	 font-size:18px !important;
	 float:right;
	 width:103px !important;
 }
 #twitter_update_list li {

list-style-type: none;
padding-top:10px;
border-bottom:1px dashed #0CF;
padding-bottom:2px;

}

#twitter_update_list span a

{

display: inline;
color: #008080;
}


#twitter_update_list span a:hover


{


text-decoration: underline;
color: #66CCFF;


}


#twitter_update_list span {
color: #333;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-align:left;
}

#twitter_update_list li a:link,#twitter_update_list li a:visited{
	text-decoration:none !important;
	color:#0CF !important;
	font-size:11px !important;
}

#twitter_update_list li a:hover{
	text-decoration:underline !important;
	color:#fff !important;
	font-size:11px !important;
}


/* carousel */

.crsl-container{
	width:999px; float:left;
}
.client-container{
	width:1000px; float:left; margin-top:20px;
}
.jcarousel-skin-tango .jcarousel-container {
    background: #f9f9f9;
    border: 1px solid #e0e0e0;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 925px;
    padding: 20px 35px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  925px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 170px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 20px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background:url(../images/nxt-prv-btns.jpg) no-repeat 0 0;
}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background:url(../images/nxt-prv-btns.jpg) no-repeat -24px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}