/*
Theme Name: Brilliant Webdesign Blog
Theme URI: http://www.brilliant-webdesign.com
Author: Brilliant Webdesign
Version: cs3
*/

/************************************************
	Global     									
************************************************/

body{
	background:#f8f8f8 url(../images/body.gif) top left repeat-x;
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#505050;
	padding:0 0 0 0;
	margin:0;
	}	
		
div, p, h1, h2, h3, h4, h5, h6, form, label, input, select{
	padding:0;
	margin:0;
	border:0;
	outline:0;
	}
	
img{
	padding:0;
	margin:0;
	border:none;
	}	

.spacer{
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
	}
	
.left{
	float:left;
	width:auto;
	}
	
.right{
	float:right;
	width:auto;	
	}	
	
/*::-moz-selection {
	background: #1f67a7; 
	color: #fff;
	}*/
	
/*::selection {
	background: #1f67a7; 
	color: #fff;
	}*/	

/************************************************
	Headings     									
************************************************/

h1{
	font-size:20px;	
	background-color:#f8f8f8;
	color:#2178c6;
	line-height:26px;	
	margin-bottom:15px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	/*text-shadow:1px 1px 0px #fff;*/
	}
	
h2{
	font-size:18px;
	background-color:#f8f8f8;
	color:#2178c6;
	line-height:22px;	
	margin-bottom:15px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	/*text-shadow:1px 1px 0px #fff;*/
	}
	
h3{
	font-size:13px;
	background-color:inherit;
	color:#074e8e;
	line-height:16px;	
	margin-bottom:8px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	/*text-shadow:1px 1px 0px #fff;*/
	}
/************************************************
	Anchors     									
************************************************/

a {
	outline: 0;
	color:#0071bc;
	background-color:inherit;
	}
	
a img {
	border: 0px; 	
	text-decoration: none;
	}
	
a:link, a:visited {
    color:#0071bc;
	background-color:inherit;
    text-decoration:underline;
	}
	
a:hover, a:active {
    color:#003d72;
	background-color:inherit;
    text-decoration:none;
	}

/************************************************
	Paragraphs     									
************************************************/

p {margin-bottom:20px;}
	/*p:last-child {margin-bottom:20px;}*/

p.doublepading{margin-bottom:30px;}
/*p.doublepading:last-child{margin-bottom:20px;}*/

strong, b {font-weight: bold;}
em, i {font-style: italic;}

/************************************************
	lists     									
************************************************/

ul{
	padding:0;
	margin:0;
	list-style-type:none
	}
	
#wrapper{
	width:1000px;
	margin:0 auto;
	padding:0px;
	background:url(../images/topbg.jpg) top left no-repeat;
	}
	
/************************************************
	Top Header     									
************************************************/

.topheader{	
	width:1000px;
	height:147px;
	position:relative;
	}
	
.topheader img.logo{	
	margin:80px 0 0 69px;
	}
	
.topheader_links{
	position:absolute;
	top:18px;
	right:20px;
	color:#0071bc;
	background-color:inherit;
	}
	
.topheader_socialmedia{
	position:absolute;
	top:80px;
	right:20px;
	color:#444444;
	background-color:inherit;
	font-size:12px;
	font-weight:bold;
	width:160px;
	height:22px;
	text-align:right;
	}
	
.topheader_socialmedia img{
	float:right;
	margin-left:8px;
	}		
	
.topheader_twitter{
	position:absolute;
	top:23px;
	left:558px;
	height: 64px;
	width: 66px;
	}
	
.topheader_email{
	position:absolute;
	top:112px;
	right:20px;	
	/*width:245px;*/
	text-align:right;
	}	
	

/************************************************
	Navigation     									
************************************************/	
	
.navigation{
	padding:27px 0 10px 0;
	width:1000px;
	height:30px;
	/*voice-family: "\"}\"";
	voice-family: inherit;*/
	position:relative;
	}

.nav{
	list-style:none; 
	}

.nav li{
	display: inline; 
	float:left;
	color:#676767;
	background-color:inherit;		
	}

.nav li a, .nav li a:visited{
	font-size:18px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding:0px 21px;	
	line-height:20px;	
	color:#676767;
	background-color:inherit;	
	float:left;
	}

.nav li a:hover, .nav li a.current, .nav li a:visited.current{
	text-decoration:none;
	color:#1963a5;
	background-color:inherit;	
	}
	
.leaf{
	position:absolute;
	top:18px;
	left:504px;
	}
	

/************************************************
	Body container    									
************************************************/

#bodyContainer {
	width:1000px;
	margin:0 auto 20px auto;	
	overflow:hidden;
	height:100%;
	padding:0 0 0 0;
}

/****************************
	Left Panel   									
*****************************/
	
#leftPanel {
	width:227px;
	overflow:hidden;
	float:left;
	}

.leftNav{
	width:227px;
	padding:62px 0 50px 0;
	overflow:hidden;	
	}
	
.leftNav ul{
	list-style:none;
	}
	
.leftNav ul li{
	height:40px;
	display:block;
	float:right;	
	}
	
.portfolio-img{
	width:227px;
	height:77px;
	display:block;
	margin-bottom:40px;
	}
		
.testimonials-box{
	background:url(../images/testimonials-bg.gif) top left no-repeat;
	padding:57px 25px 32px 25px;
	margin-bottom:25px;
	color:#003371;
	line-height:16px;
	font-size:11px;
	background-color:#f8f8f8;
	}
	
.chat-box{
	width:227px;
	overflow:hidden;
	list-style:none;
	}
	
.chat-box li{	
	background:url(../images/line.gif) bottom right no-repeat;
	background-color:#f8f8f8;
	font-family:Arial, Helvetica, sans-serif;
	color:#7a7a7a;
	font-size:12px;
	float:right;
	text-align:right;
	padding:1px 0px;
	display:block;
	width:227px;
	}
	
.chat-box li a:link, .chat-box li a:visited{	
	color:#7a7a7a;
	background-color:inherit;
	text-decoration:none;
	}
	
.chat-box li a:hover, .chat-box li a:active {
	color:#0071bc;
	background-color:inherit;
	text-decoration:underline;
	}

/******************************************
	middle container    									
******************************************/

#middleContainer{
	width:747px;	
	overflow:hidden;
	height:100%;
	float:right;	
	}	
	
#middleContainer div.globe{
	width:342px;
	margin:0 auto;
	background:url(../images/globe.jpg) top left no-repeat;
	padding-left:405px;
	height:362px;
	}
	
#middleContainer div.globe img.hire-designer{
	margin-top:70px;
	}		
	
#middleContainer div.globe ul{
	list-style:none;
	margin:30px 0 0 15px;
	}	
	
#middleContainer div.globe ul li{
	display:inherit;
	}
	
#middleContainer div.globe ul li a{
	color:#2079be;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	text-decoration:none;
	background:url(../images/right-icon.gif) 0 50% no-repeat;
	background-color:#f8f8f8;
	padding:2px 0 2px 30px;
	width:310px;
	float:left;	
	}
	
#middleContainer div.globe ul li a:hover{
	color:#4fa7eb;
	background-color:inherit;
	text-decoration:none;
	}	
	
#middleContainer .list,
#middleContainer .list2{
	list-style: none;
	padding-bottom: 15px;	
	margin-right:25px;	
	}
	
#middleContainer .list_left{
	list-style: none;
	padding-bottom: 15px;	
	margin-right:25px;
	float:left;	
	width:220px;
	}
   	  
#middleContainer .list li,
#middleContainer .list_left li{
	background: url(../images/icon.gif) 0 6px no-repeat;
	color: #505050;
	font-weight: normal;
	padding:1px 20px;
	text-decoration: none;
   }
   
#middleContainer .list2 li{
	background: url(../images/green-tick.gif) 0 6px no-repeat;
	color: #505050;
	font-weight: normal;
	padding:1px 20px;
	text-decoration: none;
	
   }
    
#middleContainer .list li a,
#middleContainer .list2 li a,
#middleContainer .list_left li a{
	background-image: none;
	color: #505050;	
	text-decoration: none;
   }
   
#middleContainer .list li a:hover,
#middleContainer .list2 li a:hover,
#middleContainer .list_left li a:hover{
	background-image: none;
	color: #003d72;
	text-decoration: none;
   }   
     
/*#middleContainer .list:last-child,
#middleContainer .list2:last-child{ 
	margin-right:0;
	}*/	
	

		

/*********************
	middle panel   									
**********************/

.middlePanel{
	width:555px;
	margin:0 auto;
	overflow:hidden;
	float:left;	
	}
	
.middlePanel div.mid-wrapper{
	width:555px;
	margin-bottom:15px;
	overflow:hidden;
	height:100%;
	padding-bottom:15px;
	}	

.imgflot{
	float:left;
	padding:0 10px 10px 0;
	}
	
.testimonials{
	background:url(../images/comma.gif) top left no-repeat;
	width:520px;
	margin-bottom:15px;
	overflow:hidden;
	height:100%;
	padding:0 0 15px 35px;
	border-bottom:2px dotted #c9c9c9	
	}
	
/*********************
	tab menu for portfolio page 									
**********************/	
#tabmenu ul{
	list-style-type: none;
	width:auto;	
	}

#tabmenu li{
	display:inline;
	margin:0;
	padding:0;
	}
	
#tabmenu a{
	float:left;
	display:block;	
	padding:8px 15px;
	font-weight:bold;
	color:#f8f8f8;
	margin-right:4px;
	text-decoration:none;
	background:#2f7abd;
	border-width:1px 1px 0px 1px;
	border-color:#236aaa;
	border-style:solid;
	}

/*#tabmenu a:hover{
	color:#2f1b07;
	background:#ccc;	
	text-decoration:none;
	}*/

#tabmenu li.selected a{ /*Selected Tab style*/	
	color:#05335b;
	background:#f8f8f8;	
	text-decoration:none;
	border-width:1px 1px 0px 1px;
	border-color:#dcdcdc;
	border-style:solid;
	}

#tabmenu a:hover, #tabmenu li.selected a:hover{ /*onMouseover style*/	
	color:#666;	
	background:#dcdcdc;
	text-decoration:none;
	border-width:1px 1px 0px 1px;
	border-color:#D8D8D8;
	border-style:solid;
	}	
	
.tabmenubar{	
	width:555px;
	height:36px;
	padding:10px 0 0 0;
	font-size:12px;
	line-height:normal;	
	margin-bottom:0px;
	border-bottom:3px solid #e7e2d2;
	position:relative;
	}
	
.tabmenu_item{
	width:545px;		
	padding:0 0px 0 10px;	
	position:absolute;
	bottom:-3px;
	left:0;	
	}	
	
.tabcontainer{
	width:545px;
	margin:0 auto;	
	padding:20px 0px 0px 0px;	
	overflow:hidden;	
	}
	
.displaynone{
	display:none;
	}
	
a.thumb-img {
	width:240px;
	height:180px;
	background:#eaeaea;
	padding:3px;
	float:left;
	display:block;
	border:1px solid #CCCCCC;
	margin:0 9px 20px 10px;
	}
	
a.thumb-img:hover {
	background:#5aa7ec;	
	border:1px solid #347ab8;	
	}
		
.middle-container-foliopage{
	width:960px;	
	overflow:hidden;
	height:100%;	
	padding:20px;
	text-align:center;	
	}	
	
.large-img{		
	border:4px solid #cccccc;
	margin:0 auto 20px auto;
	display:block;
	width:auto;
	}
	
.top{
	text-align:right;
	padding:10px;
	display:block;
	}
	
.dottedbox{
	width:520px;
	border:2px dashed #dadada;
	background:#f2f2f2;
	padding:15px;
	margin-bottom:20px;
	}
	
/*********************
	contact form  									
**********************/	

.quotation_form{
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 10px 30px;
	width: 500px;
   }
   
.quotation_form input, select{
	background: #F2F2F2;
	border-color: #666 #ccc #ccc #666;
	border-style: solid;
	border-width: 1px;
	color: #555;
	font-size: 11px;
	height: 18px;
	padding: 2px 0 0 2px;
	width: 230px;
   }
   
.quotation_form textarea{
	background: #F2F2F2;
	border-color: #666 #ccc #ccc #666;
	border-style: solid;
	border-width: 1px;
	color: #555;
	font-size: 11px;
	height: 120px;
	padding: 2px 0 0 2px;
	width: 330px;
   }
   
.quotation_form .btn input{
	background: url(../images/btn.jpg) top left no-repeat;
	border: none;
	color: #fff;
	cursor: pointer;
	font-size: 14px;
	height: 26px;
	padding: 0;
	text-align: center;
	width: 90px;
	}
   
.quotation_form span {
	background-color: inherit;
	color: #FF0000;
	font-size: 12px;
	font-weight:bold;
   }
   
.note{
	background: #FAFAFA;
	border: 1px dashed #ccc;
	padding: 10px;
   }
   
.button{
	background: url(../images/btn.jpg) top left no-repeat;
	border: none;
	color: #fff;
	font-size: 14px;
	height: 26px;
	padding: 0;
	text-align: center;
	width: 90px;
   }



/*********************
	right panel   									
**********************/

.rightPanel{
	width:190px;
	margin:0 auto;
	overflow:hidden;
	float:right;
	text-align:right;	
	}

/************************************************
	footer  									
************************************************/	
	
.footerbg{
	width:1000px;
	margin:0 auto;
	padding-top:24px;
	background:url(../images/footerbg.gif) top left no-repeat;
	font-family:Arial, Helvetica, sans-serif;
	}

.footerbg div.footerbox{
	width:970px;
	margin-bottom:24px;
	overflow:hidden;
	padding:0 15px 10px 15px;
	line-height:24px;
	}
		
.footerbg div.footerbox h6{
	color:#1f67a7;
	background-color:inherit;
	font-size:13px;
	font-weight:bold;
	padding-bottom:15px;
	}
	
.footerbg div.footerbox div.footer_left{
	width:230px;
	margin-right:30px;
	float:left;
	}

.footerbg div.footerbox div.footer_mid{
	width:516px;
	margin-right:30px;
	float:left;
	}

.footerbg div.footerbox div.footer_right{
	width:160px;	
	float:left;
	}

.border-bot{
	background:url(../images/border-bot.gif) bottom left repeat-x;
	}
	
.align-center{
	text-align:center;
	}	
		
.footer_category{
	list-style:none;	
	float:left;
	padding:0 25px 10px 0;		
	}
	
.footer_category li{
	display:inherit;
	line-height:16px;
	color:#858383;
	background-color:inherit;	
	}
	
.footer_category li a, .footer_category a:visited{
	font-size:11px;
	line-height:16px;
	padding:1px 0px;
	color:#858383;
	background-color:inherit;
	font-weight:normal;			
	text-decoration:none;	
	}	
	
.footer_category li a:hover, .footer_category li a.active{	
	color:#303030;	
	background-color:inherit;
	text-decoration:underline;
	}
	
.footer_category li.footer_categoryhead{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
	line-height:normal;
	color:#505050;
	background-color:inherit;
	font-weight:bold;
	padding-bottom:8px;	
	text-decoration:none;	
	}
	
.category_tag{
	width:440px;	
	float:right;
	display:block;
	padding:0 0px 0 0!important;
	color:#858383;
	background-color:inherit;
	line-height:22px!important;		
	}
	
.tag13{
	font-size:13px;	
	}	

.tag14{
	font-size:14px;	
	}
	
.tag15{
	font-size:15px;
	font-weight:normal;
	}
	
.tag16{
	font-size:16px;
	font-weight:normal;
	}
	
.sitemitter{
	float:right;
	padding:5px 10px 0 0;
	}
	
.wc3{
	float:right;
	padding:5px 10px 0 0;
	}
	
.padin-right{	
	float:right;
	padding:5px 50px 0 0;
	}