/*
Theme Name: Mor Vimmer 2009
Author: Mor Vimmer
Author URI: http://www.morvimmer.com
*/

/******************************
	GENERAL
*******************************/

/******************************
	FLOATS AND CLEARS
*******************************/
.cleardiv{
  clear:both;
}
.float_left, .alignleft{
 float:left;
}

.float_right{
 float:right;
 }
.space{
	margin-right:20px;
}
.dsp_blck{
	display:block;
	}
 /******************************
	COLORS
*******************************/
.drk_red{
	color:#610d0d;
}


/******************************
	FONTS AND TEXT SIZE
*******************************/
.fnt_8{
	font-size:8px;
}
.fnt_14{
	font-size:14px;
}
.fnt_16{
 font-size:16px;
 }
.fnt_bold{
	font-weight:bold;
}
.fnt_norml{
	font-weight:normal;
}
.fnt_itlc{
	font-style: italic;
}
h1,h2, h3, h4, h5{
	font-family:Cambria,Georgia,Times,"Times New Roman",serif;
}	
h2{
 font-size:21px;
 margin-bottom:20px;
}
#fullview-details h2{
font-style: italic;
color:#7e2121;
}
h3{
 font-size:18px;
 margin-bottom:12px;
font-style: italic;
color:#8fa524;
}
h4{
 font-weight:bold;
 font-size:14px;
 margin-bottom:10px;
}
h5{
 font-weight:bold;
 font-size:12px;
 margin-bottom:8px;
}
p{
 font-size:14px;
 line-height:1.4em;
 padding-bottom:15px
}

ul{
font-size:14px;
 line-height:1.2em;
 padding-bottom:15px;
}
.error-list{
	font-size:1.9em;
	}
li{
 margin-bottom:5px;
}
.disc-item li{
	 list-style-type: disc;
	 margin-left:10px;
}
/******************************
LINKS
*******************************/
a{
	color:#610d0d;
	font-weight:bold;
}	
a:hover{
	color:#C7856A;
	}
#portfolio-list-wrapper a, #portfolio-list-wrapper a:hover{
	color:white;
	font-family:Cambria,Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	text-decoration:none;
	font-weight:normal;
}	
#portfolio-list-wrapper a:hover{color:#232B00;}
#backto{
	height:15px; 
	font-family:Cambria,Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	text-decoration:none;
	font-weight:bold;
	padding:3px 5px 8px 20px;
	font-size:1.4em;
}	
#visit-site-wrapper a{
text-indent:-99999px;
float:left;
height:22px;
width:85px;
}
#visit-site-wrapper a:hover{ background-position: 0 -22px;}
/******************************
	BACKGROUND
*******************************/
body{background:transparent url(../images/topbg.jpg) repeat-x 0 0;}	
#Home_tab{
background:transparent url(../images/menu/Menu-home.jpg) no-repeat scroll 0 -66px;
width:189px;
}
#about_tab{
background:transparent url(../images/menu/Menu-about.jpg) no-repeat scroll 0 -66px;
width:189px;
}
#services_tab{
background:transparent url(../images/menu/Menu-services.jpg) no-repeat scroll 0 -66px;
width:188px;
}
#portfolio_tab{
background:transparent url(../images/menu/Menu-portfolio.jpg) no-repeat scroll 0 -66px;
width:189px;
}
#contact_tab{
background:transparent url(../images/menu/Menu-contact.jpg) no-repeat scroll 0 -66px;
width:189px;
}
#tabs{background:transparent url(../images/home-tabs-bg.jpg) no-repeat scroll 0 0;}
#tab1{background:transparent url(../images/tabs/homepage-tab-webdesign.jpg) no-repeat scroll 0 0;}
#tab2{background:transparent url(../images/tabs/homepage-tab-webdev.jpg) no-repeat scroll 0 0;}
#tab3{background:transparent url(../images/tabs/homepage-tab-cms.jpg) no-repeat scroll 0 0;}
.ui-tabs-panel{background:transparent url(../images/homepage-tabs-txt-bg.jpg) no-repeat scroll 0 0;}
.view-work{background:transparent url(../images/buttons/viewwork.png) no-repeat scroll 0 0;}
.get-qoute{background:transparent url(../images/buttons/getqoute.png) no-repeat scroll 0 0;}
#footer-container{background:transparent url(../images/footer-bg.jpg) repeat-x 0 0;}
.testimonial-top{ background:transparent url(../images/testimonial-top.png) no-repeat scroll 0 top;	}
.testimonial-cointainer-sm .testimonial-top{ background:transparent url(../images/testimonial-sm-top.png);}
.testimonial{background:transparent url(../images/testimonial-bottom.png) no-repeat scroll 0 bottom;	} 
.testimonial-cointainer-sm .testimonial{background:transparent url(../images/testimonial-sm-bottom.png) no-repeat scroll 0 bottom;	} 
.page-devider{background:transparent url(../images/page-devider.png) no-repeat scroll 0 0;	} 
#linkedIn{background:transparent url(../images/mor-linkedin.png) no-repeat scroll 0 0;}
#flowers{background:transparent url(../images/flowers.png) no-repeat scroll 0 0;}
#web-design{background:transparent url(../images/headers/Services-design.jpg) no-repeat scroll 0 0;}
#web-development{background:transparent url(../images/headers/Services-dev.jpg) no-repeat scroll 0 0;}
#cms-integration{background:transparent url(../images/headers/Services-cms.jpg) no-repeat scroll 0 0;}
#consultation{background:transparent url(../images/headers/consult-header.png) no-repeat scroll 0 0;}
#information-architecture{background:transparent url(../images/headers/ia-header.png) no-repeat scroll 0 0;}
#design{background:transparent url(../images/headers/design-header.png) no-repeat scroll 0 0;}
#development{background:transparent url(../images/headers/dev-header.png) no-repeat scroll 0 0;}
.workflow-devider{background:transparent url(../images/workflow-arrow.gif) no-repeat scroll 0 0;}
#backtoptop-link{background:transparent url(../images/backtotop.png) no-repeat scroll 0 0;}
.view-details-right{background:transparent url(../images/buttons/ViewDetails-button.png) no-repeat scroll 0 0;}
#backto{background:transparent url(../images/backto-arrow.png) no-repeat scroll left 4px;}
#visit-site-wrapper a{background:transparent url(../images/buttons/visit-site.png) no-repeat scroll 0 0;}
#more-info{background:transparent url(../images/about-sidebar-bg-2.jpg) no-repeat scroll 0 0;}
#more-info-title{background:transparent url(../images/headers/more-info-header.png) no-repeat scroll 0 0;}
/******************************
	STRUCTURE
*******************************/
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Calibri,'Lucida Grande',Verdana, Arial,Helvetica,sans-serif;
	color: #000;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color:#ffffff;
}
#page, #footer{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
}
#header{
	height:81px;
}
.tabbar{
	height:66px;
	margin-bottom:10px;
	margin-top:1px;
}
#content{
	width:960px;
}
.two-column-wrapper{
float:left;
margin-bottom:15px;
}
.left-column{
width:490px;
	float:left;	
	margin-right:65px;
}
#footer-container{
	min-height:300px; 
	padding-top:50px;
}
#footer-top-wrapper{
	margin-bottom:25px;
	float:left;
}
/******************************
 HEADER 
 ******************************/
 #logo{
  float:left;
  }
/******************************
MAIN MENU
******************************/
.tabbar, .tabbar li{
 float:left;
 }
.tabbar a{
 text-indent:-99999px;
 float:left;
height:66px;
 }
 .tabbar li.tab a#Home_tab:hover, .tabbar li.tabselected a#Home_tab, .tabbar li.tab a#about_tab:hover, .tabbar li.tabselected a#about_tab,
.tabbar li.tab a#services_tab:hover, .tabbar li.tabselected a#services_tab, .tabbar li.tab a#portfolio_tab:hover, .tabbar li.tabselected a#portfolio_tab,
.tabbar li.tab a#contact_tab:hover, .tabbar li.tabselected a#contact_tab{background-position: 0 0px;}
 
 /******************************
WELCOME
******************************/
#welcome p{
font-family:Cambria,Georgia,Times,"Times New Roman",serif;
font-size:1.9em;
}
#welcome-header{
	font-size:1.4em;
}
/******************************
TABS
******************************/
#tabs{width:960px;height:236px;padding-top:30px;}
#tabs ul{float:left;}
#tabs li{margin-bottom:0;}
.ui-tabs-nav #tab-links a{line-height:58px;}
#tabs .ui-tabs-nav a:hover, .ui-tabs-selected a{background-position: -253px 0px; }
.ui-tabs-nav a{text-indent:-99999px;}
#tab1, #tab2,#tab3{width:253px; display:block;}
#tab1,#tab2,#tab3{height:56px; }
.ui-tabs-panel{float:left; height:212px; width:707px;}
.ui-tabs-panel p.tab-txt{ font-size:1.6em; padding:20px 18px;width:280px;}
.ui-tabs-panel p{ float:left;}
.ui-tabs-panel .tab-img{position:relative; top:-20px; width:389px; height:261px; }
.buttons{ margin-top:20px;}
/******************************
BUTTONS
*******************************/
.buttons a{width:124px; height:32px; line-height:32px; float:left; margin-right:10px;}
.buttons a:hover {background-position: 0px -32px; }
/******************************
	MAIN AREA
*******************************/	
/*****Services ******/
#services-top, #workflow-bottom{margin-bottom:15px; float:left;}
#workflow-bottom{margin-top:15px;}
.services{width:280px;float:left;margin-right:40px;}
.workflow{width:180px;float:left;margin-right:24px;}	
.workflow h2{margin-top:10px; padding-left:10px;}
.services-page-header{
text-indent:-99999px; height:48px; margin-bottom:15px;
}
.workflow-header-div{
	padding-left:60px;
	height:56px;
}
.workflow-devider{
	float:left;
	height:30px;
	margin-right:24px;
	margin-top:150px;
	width:22px;
}
#skills{margin-top:15px;}
#skills h3{padding-top:33px; color:black;}
#skills p{ padding-left:15px;}
#skills img{ padding-right:15px;}
#skill .skill-link{float:left;}
.tip{font-size:1.4em;}
/*******************************
PORTFOLIO PAGE (SIngle and all view)
*******************************/
#portfolio-list-wrapper, .project-wrapper{float:left;}
.project-wrapper{margin-right:19px;margin-bottom:25px; width:302px;}
#portfolio-list-wrapper .last-div{ margin-right:0;}
.view-details-left{
height:22px;
text-align:left;
float:right;
}
.view-details-right{
height:22px;
margin:0;
width:107px;
float:left;
text-indent:-99999px;
}
.view-details-left a:hover {
background-position:0 -22px;
}
.project-header{
margin-bottom:10px;
width:150px;
float:left;
font-size:1.2em;
line-height:1.3em;
}
.project-wrapper p{padding-bottom:8px;}
#fullview-image-wrapper{
	width:570px;
	float:left;
	margin-right:20px;
	margin-top:15px;
	
}
#fullview-details{
	width:340px;
	float:left;
	margin-top:15px;
}
.pro-details-tag{
color:#610d0d;
font-family:Cambria,Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	font-weight:bold;
	padding-right:5px;
	font-size:1.2em;
}
/*******************************
ABOUT PAGE
*******************************/
#personal-wrapper{float:left; margin-top:15px;}
#personal h3{color:#610d0d;}
#more-info{
	float:left;
	width:404px;
   min-height:243px;
}
#more-info h3{ text-indent:-999999px; height:67px; width:256px;}
#about-list{padding-left:80px;}
#about-list li{
	font-weight:bold;
	font-family:Cambria,Georgia,Times,"Times New Roman",serif;
	font-style: italic;
	font-size:1.2em;
	color:#610d0d;
}
#about-list li a{text-decoration:none;}	
.sidebar-info{margin-top:80px; margin-left:80px;}
/******************************
	IMAGES
*******************************/
.float_left img{
	padding-right:10px;
	padding-bottom:10px;
}
#about-list li img{
padding-left:10px;
position:relative;
top:5px;
}
/*****************************
TESTIMONIALS
******************************/
.testimonial-cointainer, .testimonial-cointainer-sm{width:410px; float:left; margin-right:70px;}
.testimonial-cointainer-sm{width:305px; margin-right:14px;}
.testimonial{width:370px;padding:0 40px 30px 30px;}
.testimonial-cointainer-sm .testimonial{width:260px;}
.testimonial p{
font-size:14px;
padding-bottom:5px;
padding-right:15px;
}
.testimonial-top{height:30px;}
.qoute{font-weight:bold; font-family:Cambria,Georgia,Times,"Times New Roman",serif;}
.testimonial-sign{
	display:block;
	font-family:Cambria,Georgia,Times,"Times New Roman",serif;
	font-size:1.3em;
	font-style:italic;
	font-weight:bold;
	margin-top:10px;
}
.testimonail-author{
	float:right;
	margin-right:30px;
	text-align:right;
	}
.testimonial-content{position:relative; top:-10px;}
.testimonial-plc{display:block; font-size:0.8em; color:#666; padding-left:10px;padding-top:5px;}
.testimonial-cointainer .testimonial-plc p, .testimonial-cointainer-sm .testimonial-plc p{padding:0; margin:0; line-height:1.1em;}
#singlePage-testimonial{ margin-top:50px;}
#singlePage-testimonial .testimonail-author{
	float:left;
	margin-left:30px;
	text-align:left;
	}
	#singlePage-testimonial .testimonial-plc{padding-left:0;}
/******************************
CONTACT FORM
******************************/
#contact-form-container{
float:left; width: 460px; 
}
#contact-form-container p{font-size:1.6em;}
#form-footer-container{
	padding:10px;
	background-color:#eff3db;
	width: 460px; 
}
#contact-page .cf-sb{ margin-top:20px;}
/******************************
	FOOTER
*******************************/	
#footer-bottom a{font-family:Cambria,Georgia,Times,"Times New Roman",serif; text-decoration:none;}
#left-links{float:left;}
#right-links{float:right;}
#right-links *{float:right;}
#footer-bottom a#linkedIn{text-indent:-99999px;height:21px; width:73px;}
.link-space{padding-left:14px; padding-right:14px;}
#flowers{float:right;
height:148px;
position:relative;
top:-20px;
width:130px;}
/*****************************
MISC.
*******************************/
#back-to-top{float:right;margin-top:-65px;}
#backtoptop-link{width:132px; height:49px;float:right;text-indent:-99999px;}
.page-devider{width:960px; height:10px; }