/*
Theme Name: SGNgroup Theme
Theme URI: http://www.companyurl.com
Description: SGNgroup custom template created by Blue Fountain Media
Version: 1.0
Author: Blue Fountain Media
Author URI: http://www.bluefountainmedia.com
*/

/* CLEAR ALL STYLING */
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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0 none;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	margin:0;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:0;
	padding:0;
	vertical-align:baseline;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#464646;
	height:100%;
	line-height:1.6em;
	background:url(images/main-ptn.png) repeat-x #b8b8b8;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
}
/* Hide from IE Mac \*/
.clearfix {
	display:block;
}
/* End hide from IE Mac */




/*PRIMARY BLOCKS*/

#container {
	background:url(images/bg-image.jpg) no-repeat top center;
	width:100%;
	min-height:720px;
}

#page {
	width:980px;
	min-height:701px;
	margin:0 auto 0 auto;

}

.topbar {
	width:980px;
	height:106px;
	background:url(images/top-transparency.png) no-repeat;

}

.bodycontent {
	width:946px;
	min-height:512px;
	background:#FFF;

}

.bodycontent#pad {
		padding:16px 17px 13px 17px;
}


.subpagebanner {
	width:946px;
	height:144px;
	margin:0px 0px 24px 0px;
}


.sidebar {
	width:255px;
	min-height:400px;
	float:left;
	padding:0px 14px 0px 0px;
	border-right:1px solid #d2cfcf;
}


.bodybox {
	width:660px;
	min-height:400px;
	padding:0px 0px 0px 16px;
	float:left;


}



/*HEADER*/


.topbar h1 a {
    background: url(images/sgn-logo.png) no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 47px;
    position: absolute;
    text-indent: -3000px;
    width: 206px;
	margin:53px 0px 0px 12px;
	outline:none;
}

.rightbar ul li {
	float:right;
	height:14px;
	padding:0px 6px 16px 0px;
	color:#FFF;

}

.rightbar ul li:first-child {
	padding-right:1px;
}
.rightbar ul li:last-child {
	padding-right:7px;
}




.topbar .rightbar {
	width:359px;
	height:28px;
	float:right;
	padding:67px 15px 0px 0px;
	
}

.topbar .rightbar a.fbicon {
	width:21px;
	height:21px;
	background:url(images/fb-icon.gif) no-repeat;
	display:block;
	padding:0px 5px 0px 0px;
	float:left;


}


.topbar .rightbar a.tticon {
	width:21px;
	height:21px;
	background:url(images/tt-icon.gif) no-repeat;
	display:block;
	float:left;


}


.topbar .rightbar div.top-title {
	background:url(images/top-title.png) no-repeat;
	text-indent: -3000px;
	display:block;
	width:309px;
	height:19px;
	float:left;
	margin:0px 3px 0px 0px;

}


.navbox {
	width:947px;
	height:48px;
	background:url(images/nav-ptn.png) repeat-x;
	margin-bottom:6px;
}

ul#nav li {
	float:left;
	list-style:none;
}

ul#nav li a.about-btn {
	background:url(images/about-us.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 79px;
}

ul#nav li a.about-btn:hover {
	background:url(images/about-us.png) no-repeat left bottom;
}

ul#nav li a#selected {
	background-position:left bottom;
}
	


ul#nav li a.services-btn {
	background:url(images/services.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 105px;
}

ul#nav li a.services-btn:hover {
	background:url(images/services.png) no-repeat left bottom;
}


ul#nav li a.clients-btn {
	background:url(images/clients.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 107px;
}

ul#nav li a.clients-btn:hover {
	background:url(images/clients.png) no-repeat left bottom;
}


ul#nav li a.partners-btn {
	background:url(images/partners.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 109px;
}

ul#nav li a.partners-btn:hover {
	background:url(images/partners.png) no-repeat left bottom;
}


ul#nav li a.press-btn {
	background:url(images/press.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 97px;
}

ul#nav li a.press-btn:hover {
	background:url(images/press.png) no-repeat left bottom;
}



ul#nav li a.news-btn {
	background:url(images/news.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 103px;
}

ul#nav li a.news-btn:hover {
	background:url(images/news.png) no-repeat left bottom;
}



ul#nav li a.contact-btn {
	background:url(images/contact.png) no-repeat left top;
    cursor: pointer;
    display: block;
    height: 38px;
    text-indent: -9999px;
    width: 111px;
}

ul#nav li a.contact-btn:hover {
	background:url(images/contact.png) no-repeat left bottom;
}


.textfield input {
	background:#FFF;
	width:180px;
	height:21px;
	border:none;
	color:#777777;
	font-style:italic;

}

.btn_search input {
	background:url(images/search-btn.png) no-repeat;
	width:21px;
	height:23px;
	text-indent:-3000px;
	border:none;
	cursor:pointer;
	float:right;
	text-transform:capitalize;



}

form#searchform {
	width:210px;
	height:21px;
}

#searchform .textfield {
	width:180px;
	height:21px;
	float:left;
}

#searchform .btn_search {
	width:21px;
	height:23px;
	float:left;
	*padding-top:1px;
}

#searchform {
	margin:8px 0px 0px 26px;
}



/*BODY CONTENTS*/


.nbtm {
	margin-bottom:0px !important;
}

.hleftbar {
	width:550px;
	min-height:400px;
	float:left;
	padding:0px 23px 0px 0px;

}

.hleftbar ul li {
	width:267px;
	height:144px;
	float:left;
	margin:0px 0px 16px 0px;
	position:relative;
}

.hleftbar ul li.ypad {
	margin-right:16px;
}

.hrightbar {
	float:left;
	width:373px;
}


.hrightbar h1 {
	font-size:18px;
	font-weight:bold;
	color:#000;
	padding:0px 0px 10px 0px;
}

ul li, ul {
	list-style:none;
}

a {
	text-decoration:none;
}


.hrightbar ul li {
	background:url(images/list-arrow.gif) no-repeat 0px 7px;
	padding:0px 0px 5px 13px;
}

a.learnbtn {
	background:url(images/submit-btn.png) no-repeat left top;
	width:122px;
	height:24px;
	display:block;
	text-indent:-9999px;
}

a.learnbtn:hover {
	background-position:left bottom;
}


.hrightbar h2.fashionnews {
	background:url(images/title-one.gif) no-repeat;
	width:102px;
	height:12px;
	text-indent:-9999px;
	float:left;

	
}



.hrightbar h2.insidescoop {
	background:url(images/title-two.gif) no-repeat;
	width:102px;
	height:12px;
	text-indent:-9999px;
	float:left;

	
}

.hrightbar .box {
	width:100%;
	min-height:88px;
	float:left;
	margin:33px 0px 0px 0px;
}

.box .title {
	width:100%;
	height:12px;
	border-bottom:1px solid #d2cfcf;
	margin:0px 0px 13px 0px;
	padding:0px 0px 5px 0px;
}

.alignright {
	float:right;
}

.alignleft {
	float:left;
}

.title a {
	color:#ff8f00;
	text-decoration:none;
	line-height:13px;

}

.box p {
	line-height:1.4em;
}

.title a:hover {
	color:#fda83c;
}

h1,h2,h3,h4 {
	font-weight:normal;
}


.hrightbar h3 {
	color:#000;
	padding:0px 0px 4px 0px;
	font-weight:bold;
}

.hleftbar ul li .desc {
	width:255px !important;
	height:136px !important;
	padding:4px 6px 4px 6px !important;
	background:url(images/hboxbg.png);
	position:absolute !important;
	bottom:0px !important;
	display:none;
	z-index:3;
	cursor:pointer;
	color:#dbdada;
	
}

.hleftbar ul li .desc a.ablock {
	width:267px;
	height:144px;
	display:block;
}




	


.breadbox {
	height:18px;
	width:100%;
	padding:0px 0px 30px 0px;
}

.breadbox li {
	background:url(images/arrow-breadcrumb.png) no-repeat right 7px;
	float:left;
	padding:0px 10px 0px 0px;
	margin:0px 5px 0px 0px;
}

.breadbox span.current {
	font-weight:bold;
}



.breadbox li a {
	color:#5b5b5b;
}


.sidebar ul li {
	min-height:24px;
	width:100%;
	background:url(images/sidebar-sep.png) no-repeat left bottom;
	padding:7px 0px 0px 0px !important;
}

.sidebar ul li ul.children li {
	padding:3px 0px 0px 0px;


	
}




.sidebar ul li ul.children li a {
	color:#ff9800;
	font-size:12px;
}

.sidebar ul li:first-child {
	padding:2px 0px 0px 0px;
}

.sidebar ul li a:hover {
	background:url(images/sidebar-arrow.png) no-repeat right 7px;
	
}



.sidebar ul li a {

	font-size:14px;
	color:#000;
	display:block;
	width:100%;
}

.sidebar ul li.current_page_item a {
	font-weight:bold;
	background:url(images/sidebar-arrow.png) no-repeat right 7px;
}

.bodybox h1 {
	font-size:26px;
	font-weight:bold;
	color:#000;
	line-height:1em;
	padding:0px 0px 26px 0px;
}

.bodybox h2 {
	font-size:18px;
	font-weight:bold;
	color:#ff9800;
	line-height:1em;
	padding:18px 0px 3px 0px;
}


.nopad {
	padding-top:0px !important;
}
	



.bodybox strong {
	color:#ff9800;
}

.bodybox p {
	padding:0px 0px 20px 0px;
}


.narrowcolumn form input#searchsubmit {

	margin:7px 0px 0px 0px;
}

.narrowcolumn .hentry {
	border-bottom:1px dotted #CCC;
	padding:10px 0px 10px 8px;
	background:url(images/arrow-breadcrumb.png) no-repeat left 16px;
}
	
.narrowcolumn .hentry p{
	padding-bottom:5px;
}

small {
	font-weight:bold;
}


.hentry a img {
	border:1px dotted #CCC;
	padding:4px;
	margin:0px 7px 0px 0px;
	
}
	

.overview-brands {
    border-bottom: 1px dotted #CCC;
    min-height: 140px;
    margin-bottom: 8px;
    padding: 5px 0 13px;
    width: 100%;
	position:relative;
}

.overview h3, .overview-brands h3 {
    font-weight: bold !important;
    margin-bottom: 5px !important;
}

.overview-photo-brands img {
    height: auto;
    width: 177px;
}

.overview-photo-brands {
	float:left;
	height: 130px;
    width: 177px;
	padding:0px;
	border:1px dotted #CCC;
	margin-right: 18px;
	overflow:hidden;
}

#fashion p {
	padding-bottom:10px !important;
}

span.read-more  {
	position:absolute;
	bottom:5px;
	left:617px;
    font-size: 11px;
	height:21px;
	width:42px;
	display:block;

}

.bodybox a {
	color:#ff8f00;
}

.bodybox a:hover {
	color:#ffbc00;
	text-decoration:underline;
}

.overview-brands h2 {
	padding:0px 0px 3px 0px !important;
}

.overview-brands small {
	padding:0px 0px 14px 0px;
	display:block;
	font-style:italic;
	color:#5a5c5c;
	font-weight:normal;

}

small {
	display:inline-block;
	padding:0px 0px 8px 0px;
	font-style:italic;
	color:#5a5c5c;
	font-weight:bold;
}


form.wpcf7-form span.your-name input, form.wpcf7-form span.your-email input, form.wpcf7-form span.your-phone input, form.wpcf7-form span.your-company input  {
	border:1px solid #CCC;
	height:23px;
}

form.wpcf7-form span.your-message textarea {
	
	border:1px solid #CCC;
	height:150px;
}

form.wpcf7-form p input.wpcf7-submit {
	background:url(images/submit-btn.gif) no-repeat left top;
	height:31px;
	width:80px;
	text-indent:-9999px;
	text-transform:capitalize;
	cursor:pointer;
	border:none;
}

form.wpcf7-form p input.wpcf7-submit:hover {
	background-position:left bottom;
}


.navnexrig div.alignleft{
	padding:16px 0px 5px 0px;
	float:left !important;
	font-weight:bold;
	font-size:16px;
}

.navnexrig div.alignright {
	font-weight:bold;
	font-size:16px;
	padding:16px 0px 5px 0px;
}
.navnexrig {
	clear:both;
	height:25px;
}


.navnexrig div.alignleft.npad {
	padding-top:0px;
}
	
.hentry h3 a {
	font-size:18px;
	font-weight:bold;
}

.fbox ul {
	padding-bottom:9px;
}

.sep {
	width:100%;
	height:2px;
	border-bottom:1px dotted #CCC;
}

.wbox {
	width:98% !important;
}


.sidebar strong {
	font-weight:bold;
}



.bubbleInfo {
    position: relative;
	margin:0px 7px 10px 0px;
	float:left;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	width:255px;
	height:139px;
	background:url(images/pop-win.png) no-repeat;
	color:#dbdada;
	padding:4px 6px 4px 6px;

}

.bubbleInfo img {
	border:1px dotted #CCC;
	padding:2px;
	cursor:pointer;
}


.fbox {
	min-height:190px;
}



.entry li {
	background:url(images/arrowstyle.png) no-repeat 0px 6px;
	padding:0px 0px 10px 10px;
}

.entry ul {
	padding-bottom:10px;
}

/*FOOTER START HERE*/


.footer {
	height:18px;
	width:100%;
	clear:both;
	color:#000;
	padding:15px 0px 12px 0px;
}

div.leftz {
	float:left;
	width:400px;
}

div.rightz {
	float:right;
	width:400px;
	text-align:right;
}

.footer a {
	color:#000;
}

.footer a:hover {
	color:#ff9800;
}