/*
	
			    1. PORTFOLIO HOMEPAGE
			    2. PHOTOGRAPHY HOMEPAGE
			    3. BUSINESS / CORPORATE HOMEPAGE
			    4. PROJECT / BLOG / GALLERY / SERVICE / CONTACT / ABOUT  
			    
*/

/*-----------------------------------------------------------------------------------------------------------*/



/* ///////////////// 1. PORTFOLIO HOMEPAGE  //////////////// */

.featured_project {
        float: left;

        width: 380px;
        height: 330px;
        padding: 9px 10px 9px 10px;
        margin: 10px 25px 0 0;
        background-color: transparent;  
        background-image: url('../img/fp_bg.png');
        background-repeat: no-repeat;
        border: 0px #BBBBBB solid;                
}
.prevnext {
        width: 240px;        
        margin: 30px auto;
        cursor: pointer;         
}
span.prev {
        float: left;
        width: 119px;
        height: 35px;
        background: rgba(255, 255, 255, 0.7);
        background-image: url('../img/arw_l.png');
        background-repeat: no-repeat; 
        border-right: 1px #CCCCCC solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;             
}
span.next {
        float: left;
        width: 120px;
        height: 35px;
        background: rgba(255, 255, 255, 0.7);
        background-image: url('../img/arw_r.png'); 
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;        
}
span.prev:hover {
        background: #FFFFFF;
        background-image: url('../img/arw_l.png');
}
span.next:hover {
        background: #FFFFFF;
        background-image: url('../img/arw_r.png');  
}
.project_thumbnail_mini {
        float: left;
        width: 510px;
        padding: 0px;
        margin-top: -10px;        
}
.project_box_mini {
        float: left;
        width: 140px;
        height: 150px;
        padding: 10px;
        margin: 10px 0 0 10px;
        overflow: hidden; 
        background-color: transparent;
        background-image: url('../img/port_box.png');        
        border-top: 5px #F8F8F8 solid;          
}
.project_box_mini:hover {         
        background-image: url('../img/port_box.png');  
        border-top: 5px #DDDDDD solid;                                
}
.project_title_mini {       
        padding-bottom: 5px;
        margin-bottom: 8px;
        border-bottom: 1px #CCCCCC dashed;
}
p.name_mini {        
        width: 120px;
        height: 15px;       
        overflow: hidden;
}

/*-----------------------------------------------------------------------------------------------------------*/


/* ///////////////// 2. PHOTOGRAPHY HOMEPAGE  //////////////// */
/* To Stylize Photography Homepage, Please open module.css & edit 'Phoshoot Scroller Module' */


/*-----------------------------------------------------------------------------------------------------------*/


/* ///////////////// 3. BUSINESS HOMEPAGE  //////////////// */
/* To Stylize Photography Homepage, Please open corporate.css & edit 'Corporate Slider Module' */


/*-----------------------------------------------------------------------------------------------------------*/


/* ///////////////// 4. PROJECT / BLOG / GALLERY / SERVICE / CONTACT / ABOUT  //////////////// */

#diag_wrapper { 
        position: relative;
        top: 50px;
        margin-bottom: 80px;      
        background-color: transparent;
        background-image: url('../img/diogonal_lines_bg.pn');
        border-top: 0px #DEDEDE solid;
        border-bottom: 0px #DEDEDE solid;
}
.project { 
        width: 860px;               
        padding: 40px 40px 0px 40px;
        margin: 0  auto;
        background: #FFFFFF;
        border-left: 1px #DEDEDE solid;
        border-right: 1px #DEDEDE solid; 
        border-bottom: 1px #DEDEDE solid;
        border-top: 1px #DEDEDE solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-box-shadow: 0 0 5px #DBDBDB;
        -webkit-box-shadow: 0 0 5px #DBDBDB;
        box-shadow: 0 0 5px #DBDBDB;
}
#content {
        float: left;
        width: 540px;
        padding: 30px 20px 0 0;
        border-right: 1px #DEDEDE dotted;
}
.full {
        width: 100%;
        padding: 30px 20px;
}
.fullwidth {
        width: 820px;
}
.featured_project_full {
        width: 820px;
        height: 360px;  
        padding: 10px;
        background: #FFFFFF;
        background-image: url('../img/full_img_bg.png');
        background-repeat: no-repeat;       
}
.featured_project_mid { 
        width: 520px;
        height: 330px;       
        padding: 10px;
        background: #FFFFFF;
        background-image: url('../img/featured_project_full_bg.png'); 
        background-repeat: no-repeat;      
}
.blog_header_img {
        width: 500px;
        height: 280px;
        padding: 10px 10px 30px 10px;
        background: #FFFFFF;
        background-image: url('../img/featured_project_full_bg.png'); 
        background-repeat: no-repeat;      
}
img.service {
        position: relative;
        float: left;
        top: 30px;
        margin: 0 10px 0 0;
	overflow: auto;
}
.service {
        margin-bottom: 15px;
}
.project_detail {
        width: 800px;        
        margin-top: 20px;
        padding: 20px 10px;
        background: #F8F8F8; 
        border: 1px #DDDDDD solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
.intro_text {
        float: left;
        width: 400px;
        padding: 0 10px 0 0;
        border-right: 1px #DDDDDD dotted;
}
div.awards {
        float: left;
        width: 180px;
        border-right: 1px #DDDDDD dotted;
        padding:0 10px 0 10px;
}
.project_status {
	   position: relative;
        float: left;
        width: 150px;
        padding: 0 0 0 20px;
        left: 15px;
}
#flickr li {
        float: left;
        padding: 5px;
        margin: 2px;
        border: 1px #CCCCCC solid; 
}
#flickr li:hover {
        opacity: 0.8;
        filter: alpha(opacity=80);   
}
.special_detail {
        width: 800px;        
        margin: 20px 0;
        padding: 20px 10px;
        background: #F8F8F8; 
        border: 1px #DDDDDD solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
.special_text {
        width: 800px;
        padding: 0 10px 0 0;
        border-right: 1px #DDDDDD dotted;
}
.quotes {        
        background-image: url('../img/quote.png');
        background-repeat: no-repeat; 
        margin: 10px 0 25px 0;        
}
.quotes p {        
        margin: 20px 0 0 60px;
        font-family: Times new roman;
        font-size: 15px;
        font-style: oblique;          
}
.dropcap {
        display: block;
        float: left;
	   margin: 0 8px 0 0;
	   font-size: 50px;
	   line-height: 50px;
	   font-family: Georgia, "Arial";

}
.last {
        border-right: 0px #CCCCCC solid;
        border-bottom: 0px #CCCCCC dashed;
}
.bold {
        font-family: Calibri;
        color: #000000;
        font-weight: bold;
}
.bolder {
        font-family: Calibri;
        font-size: 13px;
        font-weight: bold;
}

/* ----- Project Sidebar ----- */

#sidebar {
        float: left;
        width: 280px;    
        padding-left:19px;
        padding: 20px 0 10px 19px;
        background-image: url('../img/sidebar_bg.png');
        background-repeat: repeat-y;               
}
.sidebar_item {
        padding: 25px 0;
        border-bottom: 1px #CCCCCC dashed;
}
ul.sidebar_tags li {
        float:left;
        padding: 7px 10px;
        margin: 3px;
        font-family: Courier New;
        background: #F2F2F2;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
ul.sidebar_tags li:hover {        
        background: #DDDDDD;        
}
ul.sidebar_tags li a {        
        color: #666666;
        text-decoration: none;        
}
ul.sidebar_tags li a:hover {        
        color: #666666;
        text-decoration: underline;      
}
ul.sidebar_list {                
        padding: 5px 0 0 0;          
}
ul.sidebar_list li {      
        list-style-image: url("../img/link_marker.gif");      
        margin: 0 0 5px 15px;
}
ul.sidebar_list li a {
        color: #666666;                
        text-decoration: none;
}
ul.sidebar_list li a:hover {
        color: #666666;  
        text-decoration: underline;
}


/* ----- Two Column Image Gallery ----- */

#two_column_gallery {
        margin: 10px 0 20px 0;
}
.two_c {
        float: left;
        width: 375px;
        padding: 25px 25px 0 25px;
}
.two_c p {        
        padding: 0 20px 10px 20px;
        border-left: 3px #EEEEEE solid;
        border-bottom: 1px #EEEEEE solid;
        
}
.two_c_img {
        width: 375px;
        height: 220px;
        padding: 10px;
        background-image: url('../img/2c_gallery_bg.png');
        background-repeat:no-repeat;
}
.two_c_img a span {
        position: absolute;
        display: none;
        width: 355px;                
        height: 190px;  
        background-image: url('../img/zoom.png'); 
        background-position:center;
        background-repeat: no-repeat;
        z-index: 100;
}


/* ------ Three Column Image Gallery ------ */

#three_column_gallery {
        margin: 20px 0 20px 10px;
}
.three_c {
        float: left;
        width: 230px;
        padding: 25px 25px 0 25px;
}
.three_c p {        
        padding: 0 20px 10px 20px;
        border-left: 3px #EEEEEE solid;        
}
.three_c_img {
        width: 230px;
        height: 150px;
        padding: 10px;
        background-image: url('../img/3c_gallery_bg.png');
        background-repeat: no-repeat;
}
.three_c_img a span {
        position: absolute;
        display: none;
        width: 210px;                
        height: 125px;  
        background-image: url('../img/zoom.png'); 
        background-position: center;
        background-repeat: no-repeat;
        z-index: 100;
}

/* ------ BreadCrumb Bar ------ */

#breadcrumb_bar {
        position: relative;
        width: 100%;
        margin: 20px 0 0 0;
        background-image: url('../img/diogonal_lines_bg.png');
        border: 1px #DEDEDE solid;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border-bottom: 1px #DEDEDE solid; 
        z-index: 10;            
}

/* ------ Blog List-Verticle ------ */

img.blog_list_img {
        position: relative;
        top: 28px;
        float:left;
	margin: 0 10px 0 0;
	padding: 5px;
        border: 0px #CCCCCC solid; 
	overflow: auto;
}
.blog_list {
	width: 515px;
	margin-bottom: 15px;
}
.blog_list_detail {
        padding: 5px 0px;
        border-top: 1px #DDDDDD dotted;
}
.blog_list p {
	overflow-y: hidden;
}


/* ------ Project Tags ------ */

ul.design_tags {
	   overflow: auto;
}
ul.design_tags li {
        float:left;
        padding: 5px 10px;
        margin: 2px;
        font-family: Courier New;
        background: #666666;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
}
ul.design_tags li:hover {        
        background: #2775D6;        
}
ul.design_tags li a {        
        color: #FFFFFF;
        text-decoration: none;        
}
ul.design_tags li a:hover {        
        color: #FFFFFF; 
}
span.tag {
        padding: 3px 10px;
        margin: 0 2px;
        font-family: Courier New;
        background: #FFFFFF;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}
span.tag:hover {        
        background: #E5E5E5;        
}


/* ------ Project List-Styles ------ */

/* -- Detail List	--*/

ul#detail_links {
        padding: 10px 5px 22px 5px;
}
ul#detail_links li {
        float: left;
        padding: 0 10px;        
        border-right: 1px #AAAAAA solid;  
}
ul#detail_links li a {
        color: #666666;
        text-decoration: none;  
}

/* -- Address List --*/

ul.address_list {                
        padding: 5px 0 0 0;          
}
ul.address_list li {  
        margin: 0 0 5px 15px;
}
ul.address_list li a {
        color: #666666;                
        text-decoration: none;
}
ul.address_list li a:hover {
        color: #666666;  
        text-decoration: underline;
}
ul.address_list li.address {      
        list-style-image: url("../img/address.png"); 
}
ul.address_list li.timing {      
        list-style-image: url("../img/time.png"); 
}
ul.address_list li.fax {      
        list-style-image: url("../img/fax.png"); 
}
ul.address_list li.phone {      
        list-style-image: url("../img/phone.png"); 
}
ul.address_list li.email {      
        list-style-image: url("../img/email.png"); 
}

/* -- Social / Award List --*/

ul.social_bar {
        padding: 20px 0;
        margin: 20px 0;
        border-top: 1px #CCCCCC dashed;
        border-bottom: 1px #CCCCCC dashed;
        overflow: auto;
}
ul.social li, ul.social_bar li, ul.awards li {
        float: left;
}
ul.social li a, ul.social_bar li a, ul.awards li a {               
        padding: 0px 5px;        
}
ul.social li:hover, ul.social_bar li:hover, ul.awards li:hover {        
        opacity: 0.7;
        filter: alpha(opacity=70);   
}