@charset "utf-8";

/*div.tb_container {position:absolute;float:left;top:0;left:0; z-index:1000; width:100%;height:116px;}*/
div.tb_bg {width: 900px; margin: 0 auto -116px auto; padding: 0 5px; height: 116px;background: transparent url(../../../../../images/template/top-bg.png) top center no-repeat;}

BODY {
	background-image: url(../../../../../images/template/grass_spider2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin:0px;
	padding:0px;
	line-height: 18px;
}

#content-container {
	margin-top: 150px;
}

#content-cell {
	background-image: url(../../../../../images/template/content-bg.png);
	background-repeat: repeat-y;

}
#content-bottom {
	background-image: url(../../../../../images/template/content-bottom.png);
	height: 14px;
}
#footer {
	background-image: url(../../../../../images/template/footer_new.png);
	background-repeat: no-repeat;
	background-position:bottom;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
}

#footer a {
	color: #FFFFFF;
}
#top-grad {
	background-image: url(http://www.artattack.com.au/images/template/images/template/content-top-grad.png);
	background-repeat: repeat-x;
	height: 37px;
	margin-right: 2px;
	margin-left: 2px;
}
#top-grad-home {
	background-image: url(http://www.artattack.com.au/images/template/content-top-grad-front.png);
	background-repeat: repeat-x;
	height: 53px;
	margin-right: 2px;
	margin-left: 2px;
}
#graphic-box {
	background-image: url(http://www.artattack.com.au/images/template/images/template/graphic-box-bg.png);
	height: 156px;
	width: 424px;
	margin-top: 10px;
	margin-left:15px;
	float:left;
}
#content-left {
	float: left;

	margin-left:20px;
	margin-top:40px;
	padding-left:20px;
}
h1 {
    font-family: "Trebuchet MS",Verdana,Sans-Serif;	
	font-size: 22px;
	font-weight: bold;
	color: #94c948;
	margin: 0px;
	padding: 0px;
}
h2 {
    font-family: "Trebuchet MS",Verdana,Sans-Serif;	
	font-size: 16px;
	font-weight: bold;
	color: #6b3595;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: "Trebuchet MS",Verdana,Sans-Serif;	
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
	color: #666666;
	margin-top: 5px;
	padding: 0px;
}
.news {
	font-family: "Trebuchet MS",Verdana,Sans-Serif;
	font-size: 10px;
	margin:0px;
	padding-right: 25px;
	color: #666666;
	line-height: 16px;
}
.tabletext {
	font-family: "Trebuchet MS",Verdana,Sans-Serif;
	font-size: 10px;
	margin:0px;
	color: #666666;
	line-height: 14px;
}
.tabletitle {
	font-family: "Trebuchet MS",Verdana,Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	margin:0px;
	color: #94c948;
	line-height: 14px;
}
.phone {
	font-family: "Trebuchet MS",Verdana,Sans-Serif;
	font-size: 18px;
	font-weight: bold;
	margin:0px;
	color: #ffffff;
	text-align:center;
	width:200px;

}
.phone span {
	font-size:22px;
	padding-left:10px;
}

#slogan {
	position: relative;
	height: auto;
	width: 300px;
	left: 580px;
	top: -65px;
}
#login {
	position: relative;
	height: auto;
	width: 300px;
	left: 580px;
	top: -15px;
	color: #666666;
	font-weight: bold;
}
#search {
	position: relative;
	width: 200px;
	top: -108px;
	left: 640px;
	color: #FFFFFF;
	font-weight: bold;
}

#client-area {
	margin:0px;
	padding:0px;
}
.client-cell {
	border: 1px solid #CCCCCC;
	height: 130px;
	width: 174px;
	float: left;
	margin: 4px;
	overflow:hidden;
}

.client-cell:hover {
	border: 1px solid #333333;
	height: 130px;
	width: 174px;
	float: left;
	margin: 4px;
}

.client-next {
	padding-top: 20px;
	float: right;
}

.client-previous {
	padding-top: 20px;
	float: left;
}

.client-next a, .client-previous a {
	color: #000;
}

.client-next a:hover, .client-previous a:hover {
	color: #666666;
}

#content-right {
	float: right;
	width: 200px;
}


#web-box {
	background-image: url(../../../../../images/template/web-box.png);
	height: 156px;
	width: 424px;
	margin-top: 10px;
	margin-left:15px;
	float:left;
}


#sub-nav {
	background-color: #6b3595;
	height: 30px;
}



div.tb { position: relative; width: 900px; color:#707070; margin: 0 auto 116px auto; padding: 0 6px; height: 116px;}


#page-container {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align:left;
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#nav{
	overflow:hidden;
	height: 29px;
	width: 819px;
	list-style: none;
	padding-left: 3px;
	margin:0px;
	padding-left:0px;
}
#nav li{
	float: left;
	height: 29px;
	width: 133px;
	margin-right: 2px;
	
}
#nav li a{
	display: block;
	overflow:hidden;
	text-indent:-10000px;
	height:29px;
	background-image: url(../../../../../images/template/buttons.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0px;

}
#nav li #nav-home {
	background-position:0 0;
}
#nav li #nav-home:hover {
	background-position:0 -106px;
}
#nav li.selected #nav-home, #nav li.selected #nav-home:hover  {
	background-position:0 -52px;
}
#nav li #nav-about {
	background-position:-136px 0;
}
#nav li #nav-about:hover {
	background-position:-136px -106px;
}
#nav li.selected #nav-about, #nav li.selected #nav-about:hover {
	background-position:-136px -52px;
}
#nav li #nav-services {
	background-position:-272px 0;
}
#nav li #nav-services:hover {
	background-position:-272px -106px;
}
#nav li.selected #nav-services, #nav li.selected #nav-services:hover {
	background-position:-272px -52px;
}
#nav li #nav-portfolio {
	background-position:-408px 0;
}
#nav li #nav-portfolio:hover {
	background-position:-408px -106px;
}
#nav li.selected #nav-portfolio, #nav li.selected #nav-portfolio:hover {
	background-position:-408px -52px;
}
#nav li #nav-packages {
	background-position:-544px 0;
}
#nav li #nav-packages:hover {
	background-position:-544px -106px;
}
#nav li.selected #nav-packages,#nav li.selected #nav-packages:hover {
	background-position:-544px -52px;
}
#nav li #nav-contact {
	background-position:-680px 0;
}
#nav li #nav-contact:hover {
	background-position:-680px -106px;
}
#nav li.selected #nav-contact, #nav li.selected #nav-contact:hover  {
	background-position:-680px -52px;
}
#sub {

	height: 30px;
	background: #6b3595;
	color: #FFF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 10px;
	margin: 0px
}
#sub li {
	float: left;
	list-style: none;
	padding: 3px 3px 5px 0;
	margin: 8px 0 0 0;

}
#sub li a{
	color: #FFF;
	padding: 3px 9px 5px 14px;
}
#sub li a:hover {
	text-decoration:underline;
}
#sub li.current {

	padding: 3px 3px 5px 0;
	border: none !important;
	position: relative;
	left: -1px;
	top: 0;
}
#sub li.current a {
	color: #444;
	padding: 3px 10px 5px 15px;
}
.last-li {
	border: none;;
}
li.packages_list {
	color:#A5DB33;
	margin-left:10px;
	padding-left:10px;
}
span.packages_sub_li {
	padding-left:30px;
	}

ul.packagesbox{
	padding-top:0px;
}
	
ul.packagesbox li {
	color:#87B842;
	padding-top:0px;
	margin-top:0px;
}

ul.packagesbox a {
	color:#FFFFFF;
}

a {
	color:#0453C8;
}

a:hover {
	color:#2D80FB;
}

a:visited {
	color:#0453C8;	
}

#support_ticket label {
	width:150px;
	float:left;
	margin-bottom:5px;
}


#support_ticket input {
	margin-bottom:5px;
}

#support_ticket legend {
    font-family: "Trebuchet MS",Verdana,Sans-Serif;	
	font-size: 16px;
	font-weight: bold;
	color: #6b3595;
	margin: 0px;
	padding: 0px;
	padding-left:5px;
	padding-right:5px;
}



















.postmetadataalt {
	font-size:0.81em; 
}
.pagetitle {
	padding:12px 0px 0px 17px;
	margin:0px 0px 0px 0px;
}

.article {
	padding:0px 0px 0px 0px;
}
.post {
	padding:0px 30px 0px 40px;
}

.normal { 
	font-size:1.01em; 
	font-family:tahoma, arial; 
} 
.big { 
	font-size:1.11em; 
	font-family:tahoma, arial; 
}
.small { 
	font-size:0.91em; 
	font-family:tahoma, arial; 
}


h2 a { 

	color:#6d44c4;

} 

#respond { 
	color:#000000;
	font-size:1.01em;
	text-transform:uppercase;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
} 
.content_txt h2 a {
	color:#6d44c4;
	text-decoration:none;
}

.content_txt h2 a:visited {
	color:#6d44c4;
	text-decoration:none;
}

.main_div {
	width:909px;
	
	text-align:left;
}

.menu {
	height:85px;
	background:url(images/menu.jpg) left center no-repeat;
	
	text-align:right;
}
.menu ul {
	padding:33px 0px 10px 230px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.menu ul li {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
	display:inline;
	color:#1D1D1D;
}
.menu ul li a {
	background:url(images/menu_bg.jpg) left top no-repeat;
	color:#1D1D1D;
	font-weight:bold;
	text-decoration:none;
	padding:1px 16px 2px 20px;
	margin:0px 0px 0px 0px;
}
.menu ul li a:hover {
	text-decoration:underline;
	font-weight:bold;
	color:#1D1D1D;
}


.co_name {
	padding:70px 35px 30px 270px;
	color:#ffffff;
}
.co_name a {
	color:#ffffff;
	text-decoration:none;
}
.co_name a:hover {
	color:#ffffff;
	text-decoration:none;
}
.slogan {
	padding:3px 2px 0px 0px;
	color:#3A3A33;
	font-weight:bold;
	font-size:0.91em;
}

.footer {
	
	padding:19px 20px 30px 20px;
	color:#000000;
	line-height:1.21em;
}
.footer a {
	color:#000000;
	text-decoration:underline;
}
.footer a:hover {
	color:#000000;
	text-decoration:none;
}

.bbg {
	background:url(images/bbg.jpg) left top repeat-y;
	
	text-align:left;
	width:909px;
}
.top_bg {
	background:url(images/top_bg.jpg) left top no-repeat;
	
	text-align:left;
	width:909px;
	height:100%;
}
.bot_bg {
	background:url(images/bot_bg.jpg) left bottom no-repeat;
	
	text-align:left;
	width:909px;
	height:100%;
}
.table { 
	width:909px; 
	
	display:table; 
	text-align:left; 
} 
.table_row { 
	width:909px;
	height:100%; 
	
	display:table-row; 
	text-align:left; 
} 
.line1 { 
	width:5px;
	
	text-align:left; 
	display:table-cell;
}
.line2 { 
	width:0px;
	
	text-align:left; 
	display:table-cell;
}
.line3 { 
	width:13px;
	
	text-align:left; 
	display:table-cell;
}
.left { 

	
	text-align:left; 

}
.right { 
	width:521px; 
	
	text-align:left; 
	display:table-cell; 
}

.sub_right {
	
	text-align:left;
}
.head_top {
	background:url(images/head_top.jpg) left top no-repeat #ffffff;
	
}
.head_bot {
	background:url(images/head_bot.jpg) left bottom no-repeat;
	
	height:100%;
}
.table1 { 
	width:521px; 
	
	display:table; 
	text-align:left; 
} 
.table_row1 { 
	width:521px;
	height:100%; 
	
	display:table-row; 
	text-align:left; 
} 
.left1 { 
	width:200px;
	
	text-align:left; 
	display:table-cell;
}
.right1 { 
	width:113px; 
	
	text-align:left; 
	display:table-cell;
	background:url(images/date_bg.jpg) left top no-repeat; 
	margin-left:40px;
}
.head {
	padding:12px 10px 10px 17px;
	line-height:1.41em;
	color:#60371D;
}
.head a {
	color:#000000;
	text-decoration:none;
}
.head a:hover {
	color:#000000;
	text-decoration:underline;
}
.date {
	color:#000000;
	font-weight:bold;
	line-height:normal;
	padding:20px 10px 13px 25px;
}
.content_txt {
	
	padding:16px 7px 23px 16px;
	line-height:1.31em;
	text-align:justify;
}
.content_txt strong {
	color:#3C3C3C;
}
.content_txt a {
	color:#3C3C3C;
	text-decoration:underline;
}
.content_txt a:hover {
	color:#3C3C3C;
	text-decoration:none;
}
.comment {
	padding:17px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#AD0101;
	text-align:right;

}
.commentlist {
	
	padding:5px;
}
.comment a {
	color:#AD0101;
	text-decoration:underline;
}
.comment a:hover {
	color:#AD0101;
	text-decoration:none;
}

.widget_style {
	
	text-align:left;
	padding:0px 0px 5px 0px;
	color:#4F4D4D;
}
.widget_style a {
	text-decoration:underline;
	color:#4F4D4D;
}
.widget_style a:hover {
	text-decoration:none;
	color:#4F4D4D;
}
.widget_style ul {
	padding:3px 5px 0px 15px; 
	margin:0px 0px 0px 0px;
}
.widget_style li {
	list-style:none;
	background:url(images/li_bg.gif) left top no-repeat;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 0px;
	
	line-height:1.61em;
	color:#4F4D4D;
}
.widget_style ul li a {
	text-decoration:underline;
	color:#4F4D4D;
}
.widget_style li a:hover {
	text-decoration:none;
	color:#4F4D4D;
}
.cats_top {
	background:none;
	
	text-align:left;
	margin-top:40px;
}
.cats_bot {
	background:none;
	height:100%;
	
	text-align:left;
}
.widget_style h3 { 
	color:#60371D;
	font-size:1.01em;
	line-height:1.01em;
	text-transform:none;
	padding:13px 10px 12px 12px;
	margin:0px 0px 0px 0px;
}

#contentTop {
	background:url(images/contentTop.jpg) left top no-repeat;
	height:9px;
}

#categories .cats_top {
	background:url(images/cats_top.jpg) left top no-repeat;
	
	text-align:left;
}
#categories .cats_bot {
	background:url(images/cats_bot.jpg) left bottom no-repeat;
	height:30px;
	
	text-align:left;
}
#categories h3 { 
	color:#ffffff;
	font-size:1.01em;
	line-height:1.01em;
	text-transform:none;
	padding:13px 10px 12px 12px;
	margin:0px 0px 0px 0px;
} 
#categories li {
	list-style:none;
	background:url(images/li_bg.gif) left top no-repeat;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 0px;
	
	line-height:1.61em;
	color:#4F4D4D;
}
#categories ul li a {
	text-decoration:none;
	color:#4F4D4D;
}
#categories li a:hover {
	text-decoration:underline;
	color:#4F4D4D;
}

#links_with_style ul {
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}
#links_with_style ul ul {
	padding:3px 5px 0px 15px; 
	margin:0px 0px 0px 0px;
}
#links_with_style li h3 { 
	color:#60371D;
	font-size:1.01em;
	line-height:1.01em;
	text-transform:none;
	padding:13px 10px 12px 12px;
	margin:0px 0px 0px 0px;
}
#links_with_style ul li {
	list-style:none;
	background:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	
	line-height:1.01em;
	color:#4F4D4D;
}
#links_with_style ul li ul li {
	list-style:none;
	background:url(images/li_bg.gif) left top no-repeat;
	padding:0px 0px 0px 12px;
	margin:0px 0px 0px 0px;
	
	line-height:1.61em;
	color:#4F4D4D;
}

.navigation {
	padding:10px 0px 10px 16px;
	color:#000000;
}
.navigation a {
	color:#000000;
}

#statusbar {
	color:#4F4D4D;
	text-align:justify;
	width:140px;
	margin-bottom: 10px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#statusbar p {
	padding:0px; 
	margin:0px;
}
#statusbar a {
	text-decoration:underline;
	color:#000000;
}
#statusbar a:hover {
	text-decoration:none;
	color:#000000;
}

#archives {
	
}
#links_with_style {
	
}
#meta  {
	
}
#recent-comments  {
	
}
#recent-posts  {
	
}
#categories  {
	
}
#calendar {
	
}
#calendar_wrap a {
	text-decoration:underline;
	font-weight:bold;
}
#calendar_wrap a:hover {
	text-decoration:none;
	font-weight:bold;
}
#google-search  {
	
}
#gsearch {
	text-align:left;
}
#pages  {
	
}
#text-1 {
	
}
#delicious {
	
}
#delicious-box {
	text-align:left;
}
#calendar_wrap {
	
	padding:15px 5px 0px 15px;
}
.textwidget {
	text-align:left;
	padding:15px 5px 0px 15px;
}

.left #search {
	padding:13px 5px 5px 15px;
	color:#60371D;
	
	text-align:left;
}
.left #search strong {
	color:#60371D;
}
.left #search input {
	font-size:11px; 
	color:#4F4D4D;
	font-family:Tahoma, arial;
	width:162px;
	height:19px;
	border:inset 1px #D4D0C8;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	
}
.left #search .input {
	width:51px;
	height:20px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 111px;
	
}

.right #search {
	padding:15px 0px 0px 0px;
	color:#000000;
	
	text-align:left;
}
.right #search strong {
	color:#000000;
}
.right #search input {
	font-size:11px; 
	color:#000000;
	font-family:Tahoma, arial;
	width:254px;
	height:19px;
	border:inset 1px #D4D0C8;
	padding:0px 0px 0px 0px;
	margin:0px 7px 0px 8px;
	vertical-align:middle;
}
.right #search .input {
	width:51px;
	height:20px;
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:middle;
}


/*------------blog text article style----------------*/
.blog_text_container {
	width:635px;
	clear:both;
	padding-bottom:30px;
	padding-top:30px;
	border-bottom:1px solid #cccccc;
}
.blog_text_container img {
	border:0px;
}
.blog_text_header h2 a {
	color:#6d44c4;
	text-decoration:none;
}

.blog_text_header h2 a:hover {
	color:#6d44c4;
	text-decoration:underline;
}
.blog_text_header h2 a:visited {
	color:#6d44c4;
	text-decoration:none;
}
.blog_text_header h2 a:visited:hover {
	color:#6d44c4;
	text-decoration:none;
}

.blog_text_header h2 a {
	color:#6d44c4;
	text-decoration:none;
}
.blog_text_date {
	float:right;
}
.blog_text_more {
	float:left;
}
.blog_text_comments {
	float:right;
}