/*
Theme Name: 	Tattooads
Theme URI: 		http://www.tattooads.com.au
Description: 	Powered by Wordpress, Tattooads can now squat a metric tonne. IRL bro?
Version: 		2.0
Author: 		Breon Schmidt
Author URI: 	http://www.blinkcreative.com.au
Tags: 			naked, clean, basic
*/

/*-----------------------------------------------------------------------
Reset
------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video,input, textarea, button 
{
    background:transparent;
    border:0;
    font-size:100%;
	list-style:none;
    margin:0;
    outline:0;
    padding:0;
    vertical-align:baseline;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary 
{ 
    display:block;
}

nav ul 
{
    list-style:none;
}

blockquote, q 
{
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after 
{
    content:'';
    content:none;
}

a 
{
    background:transparent;
    border:0;
    font-size:100%;
    margin:0;
    padding:0;
    vertical-align:baseline;
}

ins 
{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark 
{
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del 
{
    text-decoration: line-through;
}

abbr[title], dfn[title] 
{
    border-bottom:1px dotted #000;
    cursor:help;
}

table 
{
    border-collapse:collapse;
    border-spacing:0;
}

hr 
{
    border:0;   
    border-top:1px solid #cccccc;
    display:block;
    height:1px;
    margin:1em 0;
    padding:0;
}

input, select 
{
    vertical-align:middle;
}

/*-----------------------------------------------------------------------
Fonts
------------------------------------------------------------------------*/

@import url("//hello.myfonts.net/count/27a66a");
  
@font-face 
{
	font-family: 'swiss';
	src: url('fonts/27A66A_0_0.eot');
	src: url('fonts/27A66A_0_0.eot?#iefix') format('embedded-opentype'),url('fonts/27A66A_0_0.woff') format('woff'),url('fonts/27A66A_0_0.ttf') format('truetype');
}

/*-----------------------------------------------------------------------
Control Panel
------------------------------------------------------------------------*/

body
{
	background:#e51937;
	font-family:Arial, Helvetica, sans-serif;
}

.wrapper
{
	margin:0 auto;
	padding:30px;
	position:relative;
	width:665px;
}

.float-left
{
	float:left;
}

.float-right
{
	float:right;	
}

.clear
{
	clear:both;	
}

/*-----------------------------------------------------------------------
Layout
------------------------------------------------------------------------*/

#frame-header,
#frame-content,
#frame-gallery
{
	background:#ffffff;
	position:relative;
}

.column1,
.column2,
.column3
{
	float:left;
}

.column1
{
	padding:0 30px 0 0;
	width:176px;
}

.column2
{
	padding:0 30px 0 0;
	width:215px;
}

.column3
{
	padding:0 0 100px;
	width:200px;
}

/*--Header--------------------------------------------------------------*/

#frame-header
{
	margin-top:30px;	
}

#byline
{
	position:absolute;
	right:0;
	top:0;	
}

/*--Navigation---------------------------------------------------------*/

#frame-navigation 
{
    margin: 25px 0 0;
    position: relative;
    z-index: 999;
}

#frame-navigation ul
{
	position:relative;	
}

#frame-navigation li
{
	color:#000000;
	font-family:swiss;
	font-size:36px;
	letter-spacing:-2px;
	line-height:36px;
	text-transform:lowercase;
	width:150px;
}

#frame-navigation li ul
{
    background: url("images/rtbracket.gif") no-repeat scroll 20px 0 transparent;
    height: 207px;
	display:none;
    left: 113px;
    padding: 66px 0 0 90px;
    position: absolute;
    top: 12px;
}

#frame-navigation li a
{
	display:block;
	color:#000000;
	text-decoration:none;	
}

#frame-navigation li a:hover,
#frame-navigation li.current_page_item > a,
#frame-navigation li.current_page_ancestor > a
{
	color:#e51937;
}

#frame-navigation li:hover > a
{
	color:#e51937;
}

#frame-navigation li.current_page_ancestor ul
{
	display:block;
}

#frame-navigation li li
{
    font-size: 16px;
    letter-spacing: 0;
    line-height: 20px;
    width: 200px;
}

/*--Content---------------------------------------------------------*/

#face,
#subpage-image img
{
	position:absolute;
	left:0;
	bottom:0;	
}

#frame-content .column1
{
	min-height:1px;
}

#frame-content .copy
{
    float: left;
    min-height: 200px;
    padding: 0 0 100px;
    width: 459px;
}

#frame-content .copy h1
{
	color:#58595B;
	width:100%;
}

#frame-content .copy h2
{
	color:#E51937;
	font-size:14px;
	width:100%;
}

#frame-content .copy li
{
	background:url(images/bullet-square-red.png) no-repeat 0 3px;
	color:#58595B;
    font-size: 12px;
    list-style: none outside none;
    margin-bottom: 9px;
    padding-left: 18px;
	width:350px;
}

#frame-content h1
{
	color:#000000;
	font-family:swiss;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:0 0 10px;
	text-transform:lowercase;
	width:180px;
}

#frame-content h2
{
	color:#000000;
	font-family:swiss;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:0 0 10px;
	text-transform:lowercase;
	width:190px;
}

#frame-content p
{
	color:#58595B;
	font-size:12px;
	line-height:16px;
	margin:0 0 10px;	
}

#frame-content p a,
#frame-gallery p a
{
	color:#e51937;
}

#frame-content p a:hover,
#frame-gallery p a:hover
{
	text-decoration:none;
}

#frame-content .button-quote
{
	margin:0 0 20px;	
}

#frame-content .button-quote a
{
	background:url(images/sprite-icons.jpg);
	display:block;
	height:41px;
	text-indent:-9999px;
	width:192px;
}

#frame-content .button-quote a:hover
{
	background-position:0 -41px;	
}

#frame-content .phone-no
{
	color:#e51937;
	font-family:swiss;
	font-size:35px;
	font-weight:normal;
	letter-spacing:-1px;
	margin:0 0 15px;
	width:auto;
}

#frame-content .email-address
{
	font-family:swiss;
	font-size:18px;
	font-weight:normal;
	letter-spacing:-1px;
}

#frame-content .email-address a
{
	color:#e51937;
	text-decoration:none;	
}

#frame-content .email-address a:hover
{
	text-decoration:underline;	
}

#frame-content .column3 li
{
	background:url(images/bullet-square-red.png) no-repeat 0 5px;
	color:#58595B;
    font-size: 15px;
    list-style: none outside none;
    margin-bottom: 9px;
    padding-left: 18px;
}

#frame-content .column3 #brand-logo
{
	bottom:30px;
	right:35px;
	position:absolute;
}

#brand-logo-subpage
{
	position:absolute;
	right:30px;
	bottom:30px;	
}

/*--Gallery--o-------------------------------------------------------*/

#frame-gallery
{
	margin-top:22px;	
}

#frame-gallery h2
{
	color:#000000;
	font-family:swiss;
	font-size:18px;
	font-weight:normal;
	line-height:20px;
	margin:0 0 10px;
	text-transform:lowercase;
	width:190px;
}

#frame-gallery p
{
	color:#58595B;
	font-size:12px;
	line-height:16px;
	margin:0 0 10px;		
}

#frame-gallery .calltoaction img
{
	position:absolute;
	top:0;
	right:0;	
}

#frame-gallery .calltoaction .align-bottom
{
	position:absolute;
	bottom:30px;
	left:232px;	
}

#frame-gallery .button-gallery a
{
	background:url(images/sprite-icons.jpg) -203px 0;
	display:block;
	height:41px;
	text-indent:-9999px;
	width:150px;
}

#frame-gallery .button-gallery a:hover
{
	background-position:-203px -41px;	
}

#frame-gallery .calltoaction .align-bottom p
{
	color:#58595B;
	font-size:12px;
	line-height:41px;
	margin:0 0 0 10px;		
}

/*--Footer----------------------------------------------------------*/

/*--Footer--*/

#frame-footer
{
	background:#000000;
	margin-top:22px;
	margin-bottom:20px;
}

#get-quote
{
	margin:0 0 40px;	
}

#get-quote h2
{
    color: #FFFFFF;
    font-family: swiss;
    font-size: 32px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 34px;
    text-transform: lowercase;
}

#get-quote p
{
    color: #FFFFFF;
    font-family: swiss;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: -0.5px;
    line-height: 22px;
    margin: 11px 0 0;
    text-transform: lowercase;
    width: 300px;
}

#contact h3
{
    color: #FFFFFF;
    font-family: swiss;
    font-size: 22px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 24x;
    padding: 0 0 10px;
    text-transform: lowercase;
}

#contact p,
#contact legend
{
	border-top:1px solid #ffffff;
	color:#ffffff;
	line-height:24px;
	font-size:11px;
	width:100%;
}

#contact dl
{
	margin:10px 0 0;	
}

#contact dt,
#contact dd
{
	color:#ffffff;
	font-size:12px;
	line-height:14px;
	padding:10px 0 0;
	float:left;
}

#contact dt
{
	clear:both;
	margin:0 10px 0 0;
	font-weight:bold;
	width:40px;
}

#contact dd
{
	width:126px;
}

#by-email
{
	position:relative;
	width:459px;	
}

.input-fields
{
	margin:10px 0 0;
	width:150px;	
}

#by-email input
{
    background: url("images/sprite-icons.jpg") no-repeat scroll 0 -106px transparent;
    border: medium none;
    color: #000000;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    height: 19px;
    margin: 10px 0 0;
    padding: 5px;
    width: 140px;
}

#by-email textarea
{
    background: url("images/sprite-icons.jpg") no-repeat scroll -203px -101px transparent;
    border: medium none;
    color: #000000;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 92px;
    margin: 20px 0 0;
    overflow: hidden;
    padding: 8px;
    resize: none;
    width: 275px;
}

.message-field
{
	width:285px;
}

#by-email button
{
     -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    background: none repeat scroll 0 0 #E51937;
    border-radius: 20px 20px 20px 20px;
    bottom: 0;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    float: right;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 26px;
    line-height: 25px;
    margin: 13px 0 0;
    position: absolute;
    right: 0px;
    text-align: center;
    text-decoration: none;
    width: 100px;
}

#by-email button:hover
{
	background:#bd1221;
}

/*--Sitemap--------------------------------------------------------*/

#sitemap
{
	margin:30px 0 0px;	
}

#sitemap .home
{
	border-bottom:1px solid #ffffff;
	width:52px;	
}

#sitemap .home a
{
	border:none;
    background: url("images/sprite-icons.jpg") no-repeat scroll -399px 0 transparent;
    display: block;
    height: 35px;
    text-indent: -9999px;
    width: 40px;
}

#sitemap ul
{
	margin:20px 0 0;	
}

#sitemap li
{
	float:left;
	font-size:12px;
	font-weight:bold;
}

#sitemap li a
{
	border-bottom:1px solid #ffffff;
	display:block;
	color:#ffffff;
	text-decoration:none;
	height:35px;
	line-height:35px;
	width:153px;
}

#sitemap li li
{
	width:auto;
	float:none;
	height:auto;
	clear:both;
	border:none;
	font-weight:normal;	
	margin:0 0 5px;
}

#sitemap li li a
{
	color:#ffffff;
	text-decoration:none;	
	width:auto;
	float:none;
	line-height:16px;
	height:auto;
	clear:both;
	border:none;
}

#sitemap li li a:hover
{
	text-decoration:underline;	
}

#copyright
{
	padding:0 0 20px;
	font-size:11px;
	color:#ffffff;
	width:725px;
}

#copyright a
{
	color:#ffffff;
	text-decoration:none;	
}

/*--Form--*/

#contact .frm_error_style img
{
	display:none;	
}

#contact .with_frm_style .frm_message, 
#contact .with_frm_style .frm_message p 
{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    color: #E51937;
    font-size: 11px;
    left: 84px;
    line-height: 12px;
    padding: 5px;
    position: absolute;
    top: 99px;
    width: 279px;
}

#contact .frm_error
{
    color: #E51937;
    font-size: 11px;
	margin:10px 0 0;
}

#contact .frm_error_style
{
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #e51937;
    font-size: 11px;
    left: 170px;
    line-height: 12px;
    padding: 0 0 18px;
    top: 200px;
    width: auto;
}

.frm_checkbox input
{
	background:none !important;
    float: left;
    width: auto !important;
	height:auto !important;
}

.frm_checkbox label
{
    color: #ffffff;
    display: block;
    float: left;
    font-size: 11px;
    line-height: 33px;
    padding: 9px 0 0 8px;
    text-indent: 10px;
}

.blog #frame-content .copy li,
.single #frame-content .copy li
{
	background:none;
	margin:0;
	padding:0;
}

.blog time,
.single time
{
	display:block;
	color:#000000;
	margin:0 0 10px;	
}

.blog #frame-content .copy h2,
.blog #frame-content .copy h2 a,
.single #frame-content .copy h2,
.single #frame-content .copy h2 a
{
	color:#000000;
    font-family: swiss;
    font-size: 24px;
	text-decoration:none;
    letter-spacing: -1px;
    line-height: 24px;
    text-transform: lowercase;
}

.single #frame-content .copy .featured-image
{
	margin:0 0 10px;	
}

.nav-previous a,
.nav-next a
{
	display:block;
	float:left;
	text-decoration:none;
	font-size:12px;
	background:#E51937;
	color:#ffffff;
	padding:5px 10px;
	margin:20px 20px 20px 0;	
}

#subpage-image h2
{
    color: #58595B;
    font-family: swiss;
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
    margin: 0 0 10px;
    text-transform: lowercase;
}

.recent-posts li a
{
	display:block;
	border-top:1px solid #efefef;
	color:#58595B;
	font-size:12px;
	text-decoration:none;
	margin:5px 0 5px;
	padding:10px 0 5px;
}

#tags
{
	font-weight:bold;
	font-size:10px;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
	padding:10px 0;
	margin:0 0 10px;	
}

#tags a
{
	font-weight:normal;
	font-size:10px;
	color:#E51937;
	text-decoration:none;
}


/*--Quote Overlay--------------------------------*/

#quote-intro
{
	text-align:center;
	margin:50px 0 20px;	
}

#quote-intro img.close
{
	display:block;
	margin:0 auto 40px;	
	cursor:pointer;
}

#quote-overlay
{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
}

#quote-background
{
	background:#000000;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1000;	
}

#quote-form
{
	width:940px;
	margin:0 auto;
	position:relative;
	z-index:2000;
}

#quote-form #frm_field_cptch_number_container
{
	margin: 0 auto;
    right: 0;
    text-align: center;
    top: 160px;
    width: auto;
}

#quote-form h2
{
    color: #ffffff;
    font-family: swiss;
    font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    margin:30px 0 0;
    text-transform: lowercase;
}

#quote-form h3
{
	border-bottom:1px solid #ffffff;
    color: #ffffff;
    font-family: swiss;
    font-size: 20px;
    font-weight: normal;
    line-height: 20px;
    margin:30px 0 20px;
	padding:0 0 20px;
    text-transform: lowercase;
}

#quote-form .input-field
{
	float:left;
	width:460px;
}

#quote-form input
{
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 20px;
	background:#ffffff;
	width:420px;
}

#quote-form textarea
{
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:20px;
	background:#ffffff;
	width:900px;
	height:100px;
	margin:0 0 20px 0;
	resize:none;

}

#quote-form .select
{
	width:460px;
	float:left;
	position:relative;
}

#quote-form .select input
{
	display:none;	
}

#quote-form .select-field
{
	background:#ffffff url(images/arrow-down.png) right 10px center no-repeat; 
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	padding:10px 20px;
	cursor:pointer;
}

#quote-form .selector
{
    background: #e51937 none repeat scroll 0 0;
    left: 17px;
    position: absolute;
    width: 425px;
    z-index: 99;
	display:none;
}


#quote-form .selector .option
{
	color:#ffffff;
	font-size:14px;
	padding:10px 20px;
	cursor:pointer;
}

#quote-form .selector .close-it
{
	cursor:pointer;
	font-size:14px;
	color:#E51937;
	background:#ffffff;
	padding:10px 20px;
}

#quote-form .selector .option:hover
{
	background:#000000;	
}


#quote-form .multi .selector .option
{
	background:url(images/circle.png) right 30px center no-repeat;	
}

#quote-form  .multi .selector .option:hover
{
	background:url(images/circle.png) right 30px center no-repeat #000000;	
}

#quote-form .multi .selector .option.active
{
	background:url(images/tick.png) right 30px center no-repeat;	
}

#quote-form .multi .selector .option.active:hover
{
	background:url(images/tick.png) right 30px center no-repeat #000000;	
}


#quote-form .field-section .input-field:nth-child(2n-2)
{
	clear:both;
	margin:0 20px 20px 0;	
}

#quote-form .field-section .select:nth-child(2n-2)
{
	clear:both;
	margin:0 20px 20px 0;	
}

#quote-form p
{
	color:#dddddd;
	font-family:arial, sans-serif;
	margin:10px 0 0;
	font-size:18px;
}

#quote-form p strong
{
	color:#ffffff;	
}

#quote-form button
{
	clear:both;
	display:block;
	color:#ffffff;
	background:#E51937;
    font-family: swiss;
	border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	margin:25px auto 0;
	width:150px;
	padding:8px 25px;
	font-size:18px;
	cursor:pointer;
	text-transform:lowercase;
}

#quote-form button:hover
{
	background:#ffffff;
	color:#E51937;
}

#quote-form input,
#quote-form textarea,
#quote-form .select-field
{
	font-family:arial, sans-serif;
	font-size:14px;
	color:#000000;	
}

.frm_error
{
	margin:10px 0 0;
	color:#E51937;
	font-size:11px;
}

@media (max-width:992px)
{
	#quote-form
	{
		width:600px;
	}
	
	#quote-form p
	{
		width:420px;
		margin:10px auto 0;	
	}	
	#quote-form .field-section .input-field,
	#quote-form textarea
	{
		width:560px;
		margin:0 0 20px;
	}
	
	#quote-form .field-section input,
	#quote-form .select-field
	{
		width:560px;	
	}
		
	#quote-form .select,
	#quote-form textarea
	{
		margin:0 0 20px !important;
	}

}

@media (max-width:650px)
{
	#quote-form
	{
		width:400px;
	}
	
	#quote-form p
	{
		width: auto;	
	}
	

	#quote-form .field-section .input-field,
	#quote-form textarea
	{
		width:360px;
		margin:0 0 20px;
	}
	
	#quote-form .field-section input,
	#quote-form .select,
	#quote-form .select-field
	{
		width:360px;	
	}
		
	#quote-form .select,
	#quote-form textarea
	{
		margin:0 0 20px !important;
	}

}

@media (max-width:450px)
{
	#quote-form
	{
		width:250px;
	}
	
	#quote-form p
	{
		width: auto;	
	}
	

	#quote-form .field-section .input-field,
	#quote-form textarea
	{
		width:210px;
		margin:0 0 20px;
	}
	
	#quote-form .field-section input,
	#quote-form .select,
	#quote-form .select-field
	{
		width:210px;	
	}
		
	#quote-form .select,
	#quote-form textarea
	{
		margin:0 0 20px !important;
	}

}

#backup-image
{
	position:absolute;
	bottom:0;
	left:0;	
}

#backup-image img
{
	display:block;	
}

#form_contact2
{
	position:relative;	
}

#frm_field_cptch_number_container
{
    position: absolute;
    right: 0;
    top: 160px;
    width: 285px;
}


#frm_field_cptch_number_container label
{
	color:#ffffff;
    font-size: 14px;
    line-height: 31px;
    width: 100%;
}

#frm_field_cptch_number_container input 
{
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	margin:0;
}

#frm_field_cptch_number_container input
{
	background-image:none;	
}