/*

Theme Name: YourDesignOnline

Theme URI: http://www.yourdesignonline.com

Description: Theme for the new YourDesignOnline website.  

Version: 1.0

Author: Zach Nicodemous, Chris Hutchison, Rob Riggs

Author URI: http://www.yourdesignonline.com

*/



body{

	font-family:Arial, Helvetica, sans-serif;

	font-size:14px;

	color: #454545;

	background: #ffffff;

	margin:0;

	padding:0;

	line-height:normal;

	background-repeat:repeat-x;

	text-align:center;

}

h1{

	font-size:18px;

	text-decoration:none;

	margin:0;

	padding:0;

}

h2{

	font-size:17px;

	font-weight:normal;

	color:#487ab7;

	text-transform:uppercase;

	text-decoration:none;

	margin:0;

	padding:0;

}

h3,h4,h5,h6{

	font-size:16px;

	text-decoration:none;

	margin:0;

	padding:0;

}

a{text-decoration:none; color:#3F6EB5;}

a:hover{text-decoration:none; color:#3F6EB5;}

a img{border:0;}



p{padding:0; margin:0;}

p img{max-width: 100%;}



blockquote{

	margin: 10px 0 15px 20px;

	border-top: 2px solid #ddd;

	background: #f5f5f5;

}



blockquote p{

	padding: 10px;

}



blockquote blockquote{

	float: none;

	width: auto;

	margin: 0 10px;

	background: #fff;

}



dd{

	padding: 0 0 0 20px;

}



form,input,textarea{

	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;

}



img.centered{

	display:block;

	margin-left:auto;

	margin-right:auto;

}

img.alignright{

	margin: 3px 0 2px 10px;

	padding: 4px;

	border: 1px solid #ededed;

	display: inline;

}

img.alignleft{

	margin: 3px 10px 2px 0;

	padding: 4px;

	border: 1px solid #ededed;

	display: inline;

}



.alignleft{

	float:left;

}



.alignright{

	float:right;

}



.clear{

	margin:0;

	padding:0;

	clear:both;

}



small{

	font-size: 11px;

}

hr{color:#999;}



td{vertical-align:top;}



#wrapper{

	width:967px;

	margin:0 auto;

	text-align:center;

	padding-left:7px;

	background-image:url(images/wrapper-left-shadow.png);

	background-repeat:repeat-y;



}



#wrapperInset {



	background-image:url(images/wrapper-right-shadow.png);

	background-repeat:repeat-y;

	margin:0 auto;

	text-align:left;

	width:960px;

	background-position:right;

	padding-right:7px;

	

}



#wrapperInset2 { float:left; clear:both; }



#main-wrapper{

	position:relative;

	width:960px;

	height:auto;

	margin:0 auto;

}

#container{
	position:relative;

	width:960px;

	height:auto;

	float:left;

}

#header-container{

	position:absolute;

	width:100%;

	height:118px;

	overflow:hidden;

	background-image: url(images/header-bg.png);

	z-index:-1;

}

#featured-container{

	position:absolute;

	top:118px;

	width:100%;

	height:330px;

	overflow:hidden;

	background-color: #3C669E;

	z-index:-1;



}

#header{

	position:relative;

	width:960px;

	height:118px;

	margin:0 auto;

	background: url(images/header-bg.png);

}



#featured{

	position:relative;

	width:960px;

	height:330px;

	margin:0 auto;

}

#get-started-container{

	position:absolute;

	top:448px;

	width:100%;

	height:91px;

	background-color: #E6E6E6;

	z-index:-1;



}

#get-started{

	position:relative;

	width:960px;

	height:91px;

	margin:0 auto;

	float:left;

	background:url(images/get-started-bg.png);

}



#menu ul{

	list-style:none;

	margin:0;

	padding:0;

}

#menu ul li{

	float:left;

}

#menu ul li a{

	font-family:Arial, Helvetica, sans-serif;

	text-transform:uppercase;

	display:block;

	padding:6px 24px;

	text-decoration:none;

	color:#FFF;

}

#menu ul li a:hover{

	background:#000;

}

#menu li ul{

	position:absolute;

	float:left;

	width:160px;

	color:#000;

	margin-top:8px;

	display: none;

	background:url(images/menu-bg.png);

	z-index:999;


}

#mm_nav .mm_sub_nav { background:url(images/menu-bg.png); }

#menu li ul li {width:160px;}

#menu li ul li a {letter-spacing:normal; padding: 8px 8px; color:#FFF; text-transform:none; font-size:12px;}

#menu li ul li a:hover {color:#FFF;}

#menu li:hover ul { display: block; }



#menu li ul li ul { top:0px; margin-top:0; left:161px; }



#mm_nav .mm_sub_nav a:hover { background:#000; }



#content-container{

	position:relative;

	width:960px;

	height:auto;

	float:left;

	background: url(images/content-bg.png) repeat-x transparent;

}



#content{

float:left;

height:auto;

min-height:200px;

padding:20px 10px 20px 20px;

position:relative;

width:644px;

}



.navigation{

	margin:10px 0;

	border:1px solid #406DA5;

	padding:5px;

	background: #5089C2;

	line-height:20px;

	color:white;

}

.navigation a{

	color:#FFF;

}



.post{

	padding:10px 0;

	clear:both;

	font-size:14px;

}

.post h1{

	padding:0 0 2px 0;

}

.post h1 a{

	font-size:14px;

	font-weight:normal;

	color:#487ab7;

	text-transform:uppercase;

	text-decoration:none;

}

.post h1 a:visited{

	color:#487ab7;

}





.entry-content p{

	padding:0 0 12px 0;

}

.entry-content h1 {

	font-size:26px;

}

.entry-content h2 {

	font-size:22px;

}

.entry-content h3{

	font-size: 18px;

	font-weight: normal;

}

.entry-content h5{

	font-size: 14px;

}

.entry-content h6{

	font-size:12px;

}



#sidebar{

background:none repeat scroll 0 0 #FFFFFF;

float:right;

height:auto;

margin:0;

padding:15px;

position:relative;

width:255px;

}



#sidebar ul{

	list-style:none;

}



#sidebar ul li{

	background:url(images/bullet.png) 0 3px no-repeat;

	padding:0 0 0 15px;

}

#sidebar ul li:hover{

	background:url(images/bullet-on.png) 0 3px no-repeat;

}





#footer-container{

	position:relative;

	width:100%;

	float:left;

	clear:both;

	background-image: url(images/footer-bg.png);

	background-repeat:repeat-x;

	background-color:#2D2D2D;

	text-align:left;

}

#footer-wrapper{

	position:relative;

	width:960px;

	height:234px;

	margin:0 auto;

}

#footer{

	position:relative;

	width: 960px;

	height: 234px;

	padding:20px 0 0 0;

	float:left;

	background: url(images/footer-bg.png);

}

#footer h2{

	padding:0 0 7px 0;

	color:#FFF;

	font-weight:normal;

	font-size:13px;

	text-transform:uppercase;

	border-bottom: 5px solid #1b1b1b;

}



#footer a{

	text-decoration:none;

}

#footer ul{

	margin:0;

	padding:0;

	list-style:none;

}

#footer li{

	margin:0;

	color:#d1d1d1;

	font-size:12px;

	border-bottom:1px solid #4c4c4c;

	background:url(images/bullet-on.png) 0 10px no-repeat;

	padding:7px 0 7px 25px;

}



#footer li:hover{

	background:url(images/bullet.png) 0 10px no-repeat #222222;

}

#footer p{

	padding:5px 0px;

	font-size:12px;

	color:#d1d1d1;

}

#footer-box1-left{

	position:relative;

	width:198px;

	height:auto;

	float:left;

}

#footer-box1-right{

	position:relative;

	width:198px;

	height:auto;

	float:right;

}



#footerContactBox ul { margin:0; padding:0; float:left; clear:both; }

#footerContactBox li { margin:0; padding:0 0 5px 0; background:none; float:left; clear:both; border:none; }

#footerContactBox li:hover { margin:0; background:none; }



#footerContactBox span { float:left; display:block; height:28px; line-height:28px; }



#footerContactBox label {



width:32px;

margin-right:10px;

float:left;





}



.get-started{

	background:url(images/button.png) 0 0 no-repeat;

	width:221px;

	height:21px;

	padding:18px 0;

	display:block;

	color:#FFF;

	font-weight:bold;

	font-size:17px;

	text-align:center;

	text-transform:uppercase;

	text-decoration:none;

}

.get-started:hover{

	background:url(images/button.png) -239px 0 no-repeat;

}

input#s{

	background:url(images/search-bg.png);

	width:206px;

	height:21px;

	padding:4px 40px 4px 8px;

	border:0;

}

input#searchsubmit{

	position:absolute;

	background:url(images/search.png);

	width:24px;

	height:23px;

	border:0;

	left: 237px;

	top: 13px;

}



.widget-title{

	margin:5px 0 8px 0;

}

.widget-title-insights{

	margin:5px 0 8px 0;

	height:16px;

	padding:8px 0 8px 40px;

	background:url(images/icon-free-insights.png) no-repeat;

}

.widget-title-latest{

	margin:5px 0 8px 0;

	height:16px;

	padding:8px 0 8px 40px;

	background:url(images/icon-latest-insights.png) no-repeat;

}

.widget{

	margin:0 0 22px 0;

}

.widget ul{

	margin:0;

	padding:0;

}

.widget li{

	margin:0;

	padding:0;

}

.widget li a{

	color:#808080;

	font-size:13px;

	text-decoration:none;

}

.widget li a:hover{

	color:#808080;

	text-decoration:underline;

}



.twitter{

	background:url(images/twitter.png) 0 0 no-repeat;

	width:35px;

	height:35px;

	display:block;

	float:left;

}

.twitter:hover{

	background:url(images/twitter.png) -40px 0 no-repeat;

}

.facebook{

	background:url(images/facebook.png) 0 0 no-repeat;

	width:35px;

	height:35px;

	display:block;

	float:left;

}

.facebook:hover{

	background:url(images/facebook.png) -40px 0 no-repeat;

}

.youtube{

	background:url(images/youtube.png) 0 0 no-repeat;

	width:35px;

	height:35px;

	display:block;

	float:left;

}

.youtube:hover{

	background:url(images/youtube.png) -40px 0 no-repeat;

}

.rss{

	background:url(images/rss.png) 0 0 no-repeat;

	width:35px;

	height:35px;

	display:block;

	float:left;

}

.rss:hover{

	background:url(images/rss.png) -40px 0 no-repeat;

}





#header-logo {

	position:relative;

	width:292px;

	padding:35px 0 0 40px;

	float:left;

}

#header-menu {

	position:relative;

	width:540px;

	height:49px;

	padding:10px 60px 0 0;

	float:right;

	color:#FFF;

	font-size:12px;

	text-align: right;

}

#header-menu a{

	color:#FFF;

}

#menu {

	position:relative;

	width:570px;

	height:39px;

	float:right;

	padding:20px 0 0 30px;

}

#get-started-quote {

color:#808080;

float:left;

font-family:"Times New Roman",Times,serif;

font-size:16px;

font-style:italic;

height:61px;

line-height:28px;

padding:15px;

position:relative;

width:666px;

}

#get-started-button {

float:right;

height:61px;

padding:15px;

position:relative;

width:230px;

}

#footer-box1 {

	position:relative;

	width:400px;

	height:115px;

	float:left;

}

.footer-box2 {

	float:left;

	height:auto;

	margin-left:10px;

	position:relative;

	width:270px;

}

#footer-bottom {

clear:both;

color:#757676;

float:left;

font-size:10px;

height:13px;

margin-top:0;

padding-bottom:10px;

position:relative;

width:960px;

}

#footer-bottom-left {

	position:relative;

	width:360px;

	height:13px;

	float:left;

}

#footer-bottom-right {

	position:relative;

	width:300px;

	height:13px;

	float:right;

	text-align: right;

}



/*---HOME---*/



#home-content {

	position:relative;

	width:310px;

	height:auto;

	float:left;

}

#home-content p{

	padding:0 0 10px 0;

}

.home-case-study-container {

color:#808080;

float:right;

height:auto;

padding:0 0 0 10px;

position:relative;

width:312px;

}

.home-case-study{

	position:relative;

	width:312px;

	height:auto;

	margin:0 0 5px 0;

	float:left;

}

.home-case-study .post, .home-case-study .entry-content {



	margin-top:0;

	padding-top:0;

	float:left;

	clear:both;



}



#home-content-title {

	position:relative;

	width:287px;

	height:16px;

	padding:8px 0 8px 45px;

	background: url(images/icon-home.png) no-repeat;

}

.case-study-title {

	position:relative;

	width:267px;

	height:16px;

	padding:8px 0 8px 45px;

	margin:0 0 10px 0;

	background: url(images/icon-casestudy.png) no-repeat;

}



.case-study-title h2 { font-size:14px; }



#home-bottom-content {

background-image:url("images/services-bg.png");

float:left;

height:166px;

padding:10px 0 0 10px;

position:relative;

}

#home-bottom-content ul{

	margin:10px 0 0 0;

	padding:0;

	list-style:none;

}

#home-bottom-content li{

	background:url(images/bullet.png) 0 5px no-repeat;

	color:#808080;

	padding:3px 0 3px 15px;

}

#home-bottom-content li:hover{

	background:url(images/bullet-on.png) 0 5px no-repeat;

}



.case-study-thumbnail{

	position:relative;

	float:left;

	width:87px;

	height:90px;

	font-size:13px;

	padding:0 15px 0 0;

}

.case-study-text{

	position:relative;

	float:right;

	width:210px;

}



.case-study-text p {

	padding-bottom:3px;

}



.home-bottom-content-boxes {

float:left;

height:166px;

margin:0 11px 0 0;

position:relative;

}

.last {

	margin:0 0 0 0;

}

#home-bottom-boxes-title1 {

	position:relative;

	width:174px;

	height:16px;

	padding:8px 0 8px 40px;

	background: url(images/icon-customservices.png) no-repeat;

}

#home-bottom-boxes-title2 {

	position:relative;

	width:174px;

	height:16px;

	padding:8px 0 8px 40px;

	background: url(images/icon-gettingstarted.png) no-repeat;

}

#home-bottom-boxes-title3 {

	position:relative;

	width:174px;

	height:16px;

	padding:8px 0 8px 40px;

	background: url(images/icon-resources.png) no-repeat;

}



form#insights{

	margin:5px 0 35px 0;

}

input#name{

	background:url(images/field-bg-name.png);

	border:0;

	padding:3px 5px;

	margin:3px 0;

	width:245px;

	height:23px;

}

input#author{

	background:url(images/field-bg-name.png);

	border:0;

	padding:3px 5px;

	margin:3px 0;

	width:245px;

	height:23px;

}

input#email{

	background:url(images/field-bg-email.png);

	border:0;

	padding:3px 5px;

	margin:3px 0;

	width:245px;

	height:23px;

}

input#url{

	background:url(images/field-bg-url.png);

	border:0;

	padding:3px 5px;

	margin:3px 0;

	width:245px;

	height:23px;

}

input#submit{

	background:url(images/subscribe.png) 0 0 no-repeat;

	display:block;

	color:#FFF;

	border:0;

	width:90px;

	height:28px;

	float:right;

}

input#submit:hover{

	background:url(images/subscribe.png) -132px 0 no-repeat;

}

.read-more a{color:#8ccce6; font-size:11px; font-weight:bold;}



.post-by{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:12px; padding:0 0 10px 0;}

.posted-in{font-family:"Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:normal; margin:5px 0 15px 0;}



form.oosf-form input { color:#333; }


/*  Hanzala Subhani  */

#port-leftside-gallery{margin-top:0px;float:left;height:300px;clear:both;}
#port-rightside-gallery{width:520px;clear:both;}
#content_new{

float:left;

height:auto;

min-height:422px;

padding:20px 10px 12px 20px;

position:relative;

width:930px;

}

#content_new_team{

float:left;

height:auto;

min-height:520px;

padding:20px 10px 12px 20px;

position:relative;

width:930px;

}

.gi_right_text {margin:0 0 0 65px;width:200px; color:#333333; }

.gi_right_text_bold {margin:0 0 0 65px;width:200px; font-weight:bold; color:#333333}

#text_gallery{padding-left:525px; margin:-14px 0px 0px 0px;}

#image {position:absolute;margin:-260px 0 0 380px;float: left;height: 598px;width: 507px;}

#image1 {position:absolute;margin: -477px 0 0 286px;;float: left;width: 507px;padding-top:40px;}

#image1_team {position:absolute;margin: -585px 0 0 286px;;float: left;width: 507px;padding-top:40px;}

.button_next_prev{margin:0px 0px 63px 17px;}

.button_prev{margin:0px 0px 80px -50px;}

.button_next_prev1{ padding:0; margin: 10px 0px 18px 27px;}

.button_next_prev1 label{ padding:0; width:50px; float:left;}

.button_next_prev1 .leftnav{margin: 0px 0px 0px 0px;}

.button_next_prev1 .rightnav{margin: 0px 0px 0px 0px;}

/* Portfolio Slide Show  */

.prevButton{ float:left; width:29px; height:30px; padding:20px 0px 0px 30px; cursor:pointer;margin-top: 30px;}

.nextButton{ float:left; width:29px; height:30px; padding:6px 0px 0px 36px;cursor:pointer;margin: 7px 0 0 -19px;}

.slide_horozontal{padding:20px 0px 0px 50px;margin: 20px 30px 0;}

.roll_thumb { padding:0px; float:left;}

.roll_thumb ul li{position:relative; list-style-type:none;display:inline;cursor:pointer;}

.roll_thumb ul li img{width:75px; height:125px; cursor:pointer;}

#text_portfolio{padding-top:0px; padding-left:30px;}

#text_portfolio .dress-text{margin:20px 0 0 110px;width:225px;color:#333; text-align:justify;}

#image_portfolio {position:absolute;margin:-260px 0 0 380px;float: left;height: 598px;width: 507px;}

#image1_portfolio {position:absolute;margin:-310px 0 0 372px;;float: left;width: 507px;padding-top:20px; height:400px;}

#content-container-portfolio{

	position:relative;

	width:960px;

	height:auto;
	
	height:450px;

	float:left;

	background: url(images/content-bg.png) repeat-x transparent;

}

.slide_vertical{width:300px; padding:0px 0 0 0; margin-top:-20px;}

#container_portfolio_test{
	
	position:relative;

	width:960px;

	height:530px;

	float:left;

}