/*
Theme Name: Duro-Lenz
Theme URI: http://wordpress.org/
Author: Malvolio
Version: 1.1
Tags: none
*/


/* =Reset default browser CSS. 
-------------------------------------------------------------- */


/* ----- GLOBAL FONTS & TYPE ----- */
body {
    font-family: 'Century Gothic', Helvetica, sans-serif;
    font-size:   13px;
    padding:     0px;
    margin:      0px;
	color: #000000;
	background: #000000;
}

p {
	padding: 0px 0px 12px 0px;
	margin: 0px;
}


h1 {
	color: #00A0AF;
	font-size: 31px;
	margin: 0 0 12px 0;
	padding: 0px;
}

h2 {
	color: #00A0AF;
	font-size: 17px;
	margin: 0 0 15px 0;
	padding: 0px;
}

h3 {
	color: #69737B;
	font-size: 15px;
	margin: 0 0 15px 0;
	padding: 0px;

}



#content a {
	color: #00A0AF;
	text-decoration: none;
}

#content a:hover {
	color: #00A0AF;
	text-decoration: underline;
}

a img {
	border: none;
}

hr {
	border: none;
	border-top: 1px solid #69737B;
	clear: both;
}

#grey-border {
	width: 940px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#grey-border-col {
	width: 940px;
	background: #ABB3BA;
	float: left;
}
	

#centered {
	width: 920px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}

#centered-col {
	width: 920px;
	background: #ffffff;
	float: left;
}

#header {
	width: 920px;
	height:155px;
	float:left;
	background: url(images/header.png);
}

#header-text {
	float: left;
	width: 290px;
	margin: 15px 0 0 330px;
	text-align: center;
}

.phone, .phone a {
	color: #ffffff;
	font-size: 38px;
	font-weight: bold;
	text-decoration: none;
}	

.email, .email a {
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
}	

.tagline {
	color: #ffffff;
	font-size: 14px;
	letter-spacing: 3px;
	text-transform: uppercase;
	display: block;
	margin-top: 20px;
}

#ddmenu {
	float: left;
	width: 920px;
	height: 46px;
}

#prodmenu {
	float: left;
	width: 920px;
	height: 167px;
	background: #596269;
}

.pmenu {
	width: 138px;
	height: 143px;
	float: left;
	display:block;
	margin: 12px 7px;
}

.pmenu .title {
	float: left;
	margin-top: 115px;
	width: 138px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}

.pmenu .title2 {
	float: left;
	margin-top: 115px;
	width: 138px;
	color: #ffffff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 10px;
}

.dl {
	background: url(images/domed-labels.png);
}

.dc {
	background: url(images/duro-chrome.png);
}
.nb {
	background: url(images/name-badges.png);
}
.kt {
	background: url(images/key-tags.png);
}
.pc {
	background: url(images/phone-cases.png);
}
.cb {
	background: url(images/colour-branding.png);
}
.ld {
	background: url(images/labels-decals.png);
}

#slideshow {
	width: 920px;
	height:320px;
	float:left;
}


#content {
	width: 640px;
	float: left;
	margin: 30px 0 15px 20px;
}

#content ul {
	margin-top: 0px;
}

#content li {
	padding-bottom: 5px;
}

#sidebar {
	width: 215px;
	float: right;
	margin: 30px 20px 15px 0;
}

li.widget-container {
	width: 185px;
	float: left;
	padding: 15px;
	background: #D1D6DB;
	margin-bottom: 15px;
	list-style-type: none;
	list-style-image: none;
	color: #69737B;
	font-size: 13px;
}


.widget-container ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
}

.widget-container a {
	color: #69737B;
	text-decoration: none;
	vertical-align: central;
}

#footer {
	width: 920px;
	height: 125px;
	background: url(images/footer.png);
	float: left;
	color: #ffffff;
	font-size: 15px;
}

#footer a {
	color: #ffffff;
}


#f-tag {
	color: #ffffff;
	font-size: 24px;
	letter-spacing: 3px;
	text-transform: uppercase;
	float:right;
	text-align: right;
	margin: 15px 20px 0 0;
}

#contact {
	float: left;
	margin: 24px 0 0 215px;
}

#contact p {
	margin-bottom: 5px;
}

.contact-title {
	font-size: 17px;
	font-weight: bold;
}

.rhsimg {
	float: right;
	width: 233px;
	margin-left: 10px;
	text-align: center;
	font-weight: bold;
}

.rhsimg img {
	margin-bottom: 8px;
	border: 1px solid #000000;
}

.testimonial {
	padding: 15px;
	background: #EBEEF0;
	font-style: italic;
	width: 357px;
	margin-top: 12px;
}

h4 {
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 0 12px 0;
	font-style: normal;
	letter-spacing: 1px;
}

.sbsimg img {
	margin: 0 11px 11px 0;
	border: 1px solid #000000;
	float: left;
}

.ngg-gallery-thumbnail-box {
	margin-bottom: 8px;
}

/* ----- FORMS ----- */

input[type="text"], input[type="password"],
textarea {
	padding:3px;
	font-family: 'Century Gothic', Helvetica, sans-serif;
	color:#000000;
	font-size:   13px;
	background: #D1D6DB; 
	vertical-align:top;
	border: 0;
	margin-bottom: 4px;
}

#sidebar input[type="text"] {
	width: 179px;
	background: #ffffff;
}

#sidebar input.button, input[type="submit"] {
	-moz-border-radius: 8px;
	border-radius: 8px;
	font-family: 'Century Gothic', Helvetica, sans-serif;
	color:#FFFfff;
	font-size:   13px;
	background:#69737B;
	text-align: center;
	border: 0;
	width: 100px;
	padding: 4px;
	margin-top: 3px;
}

.gfield_required {
	display: none;
}



/* ----- SIDE MENU ----- */

ul#menu-side-menu, ul#menu-club-merchandise-logged-in {
list-style:none;
float:left;
width:100%;
padding: 0;
}
 
ul#menu-side-menu li, ul#menu-club-merchandise-logged-in li{
position:relative; /* hey Submenu ULs, appear below! */
}
 
ul#menu-side-menu li.menu-item-414 a, ul#menu-club-merchandise-logged-in li.menu-item-440 a {
	 padding-top: 0 !important;
 }
 
 .widget_nav_menu h3 {
	 margin-bottom: 0px;
 }
 
ul#menu-side-menu li a, ul#menu-club-merchandise-logged-in li a {
	padding: 5px;
	width: 175px;
	font-size: 13px;
	color: #69737B;
	border-bottom: 1px solid #69737B;
	text-decoration: none;
	display: block;
}
 
/* Style the link hover and active links */
ul#menu-side-menu li a:hover, ul#menu-club-merchandise-logged-in li a:hover  {
color: #00A0AF;
}
	 
/* Displays the link as blocks. */
ul#menu-side-menu li ul a, ul#menu-club-merchandise-logged-in li ul a {
display:block;
}
 
 
/* ----- IMAGES ----- */


#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 0px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter {
	margin-bottom: 12px;
}