/* 

Farhat & Co. - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%}
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#545454;
	height:100%;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none; /* removes ugly dotted border but may make template more unsuable, up to you
					 if you want to keep it! */
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #c5c5c5;
	background-color: #c5c5c5;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.social-links {
	display:inline-block;
    list-style: none outside none;
    margin-top: -10px;
	margin-left:0px;
}
.social-links li {
    cursor: pointer;
    float: left;
    height: 28px;
    margin-right: 8px;
    width: 21px;

}


/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5 {margin-bottom:13px;	font-family:Georgia, "Times New Roman", Times, serif;	font-weight:normal; color:#000;}
h1 {font-size:30px; line-height:30px;}
h2 {font-size:24px; line-height:28px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:16px; line-height:18px;}
h5 {font-size:12px; margin:3px 0px; padding:0px; letter-spacing:1px;}

/* links */
a {color:#000;text-decoration:underline;}
a:hover{color:#000;}
a img{border:none}
.border{ border:1px solid #c5c5c5; padding:3px;}
.imgleft{float:left; padding-right:10px;}
.imgright{float:right; padding-left:10px;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	font-size:12px;
	line-height:18px;
	margin-bottom:20px;
	color:#545454;
}
ul, ol {
	margin:10px 0 35px 40px;
}
li ol,
li ul
{
	font-size:1.0em;
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	color:#6c6c6c;
	padding:10px 20px 10px 35px;
	background-image:url(../images/quote_top.png);
	background-repeat:no-repeat;
}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #dddddd;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#main_container{ background-image:url(../images/bg_container.gif); background-repeat:repeat-x; background-color:#efefef; min-height:82%;}
#main_container_inner{ background-image:url(../images/bg_container_inner.gif); background-repeat:repeat-x; background-color:#efefef; min-height:82%;}
#bottom_container{ background-image:url(../images/bg_container_bottom.gif); background-repeat:repeat-x; height:112px; }
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
#centercolumn{width:982px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/


/*** TOP ***/
#top{ height:112px; width:982px; padding-top:10px;}
#logo{ width:300px; float:left; margin-top:18px;}
#pad_logo{ padding:0px 0px 0px 18px;}
#topmenu{width:660px; float:left; height:100px;}
/* Top Navigation bar menu styling */
#nav {margin:0px; padding:36px 0px 0px 0px; float:right;}
#nav ul{ 
	padding:0;
	margin:0;
	width:auto;
	list-style: none;
	height:30px;
	position: relative;
	float:right;
}
#nav li{
	list-style:none;
	float:left;
	text-align:center;
	padding:0;
	font:normal 14px Georgia, "Times New Roman", Times, serif;
	line-height:26px;
}
#nav .lavaLamp li a {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px;
	color:#545454;
	text-decoration:none;
}
#nav .lavaLamp li a:hover {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#101010;
}
#nav .lavaLamp li .active {
	z-index: 10;
	display: block;
	float: left;
	height: 30px;
	position: relative;
	overflow: hidden;
	margin: auto 20px; 
	color:#101010;
}
#nav .lavaLamp li.back {

	height: 25px;
	z-index: 8;
	position: absolute;
	border-bottom:4px solid #212121;
}

/*** END OF TOP ***/

/*** HEADER ***/
/* header */
#header{background-image:url(../images/bg_header_content.gif); background-repeat:no-repeat; padding:30px 0px 0px 0px;}
#header_content{padding:10px 0px 0px 0px;}

/*** END HEADER ***/


/*** CONTENT ***/
#main_content{background-image:url(../images/bg_content.png); background-repeat:no-repeat; width:982px;}
#padding_content{ padding:30px 31px 30px 31px; float:left}

/* main */
#main{width:610px; float:left;}
#maintext{padding:0px 30px 0px 0px;}
#maintext hr{ margin-bottom:20px;}
ul#main_box{
	margin:0px; padding:0px; width:600px;
}

ul#main_box li{
	margin:10px; padding:10px; display:inline;
	
}

ul#main_box li.box_left{
	float:left; width:80%; padding-left:55px;
	border:1px double #C5C5C5;
}

ul#main_box li.box_bottom{
	float:left; width:80%; padding-left:55px;
}

.test{
	display:inline;
	float:left;	
	margin:20px;

	}




/* side */
#side{width:298px; float:left; padding-left:0px;}
.sidebox{padding:0px 0px 20px 0px; width:300px;}
.sidebox.pad p{ margin-bottom:10px;}
ul.latest{margin:0px; padding:0px; list-style-type:none;}
ul.latest li{ float:left; padding:0px 5px 10px 0px;}
ul.latest li img{ border:1px solid #c5c5c5; padding:3px;}

ul.side_list{margin:0px; padding:0px; list-style-type:none;}
ul.side_list li{  border-bottom:1px solid #c5c5c5; padding:6px 0px;}
ul.side_list li a{ background-image:url(../images/icon_arrow.gif); background-repeat:no-repeat; background-position:0 3px; padding-left:15px; color:#474747; text-decoration:none;}
ul.side_list li a:hover{color:#000; text-decoration:none;}

.but{vertical-align:middle;}
.inputbox01{width:190px; border-top:1px solid #b2b2b2; border-left:1px solid #b2b2b2; border-bottom:0px; border-right:0px; vertical-align:top; padding:4px 4px 5px 3px; color:#999; font-family:Arial, Helvetica, sans-serif; }

.sidebox.pad ul{ display:inline; list-style-type:none; }
.sidebox.pad ul li{ 
	float:left;  
	padding:5px;
	width:50px;
	height:50px;
	border:1px solid #ddd;
	margin:0 0 10px 10px;
	background-color:#fff;
}

/*** END CONTENT ***/



/*** FOOTER ***/
#main_footer {    clear: both;    margin: 0 auto;    padding-top: 10px;    width: 982px;}
#left_footer {    background-repeat: no-repeat;    color: #545454;   float: left;    font-family: Arial,Helvetica,sans-serif;    font-size: 11px;    height: 25px;    margin-left: -5px;    margin-top: -8px;    padding: 20px 0 28px 70px;    width: 530px;}
#right_footer {    background-image: url("../images/icon_phone.png");    background-position: 0 0;    background-repeat: no-repeat;    float: left;    font-family: Arial,Helvetica,sans-serif;    line-height: 20px;    margin-top: 10px;    padding: 0 0 10px 55px;    width: 270px;}
.title_phone{ color:#000; font-size:18px;}

#main_copyright {
    color: #545454;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0 auto;
    width: 982px;
}
.copyright {
    background-image: url("../images/bg_copyright.gif");
    background-repeat: no-repeat;
    padding: 14px 0 10px;
    text-align: center;
}


/*** END OF FOOTER ***/

#side .right1 h4{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-bottom:25px;
	text-decoration:underline;
}

#side .right2 h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin-bottom:25px;
	text-decoration:underline;
}

#padding_content .projects{
	display:inline;
	list-style-type:none;	
}

#padding_content .projects li{
	float:left;
	width:280px;
	height:200px;
	margin:15px 10px 10px 10px;
	border:1px solid #555;
	background-color:#fff;	
	padding:2px;
}

#divs{
	float:left;
	width:450px;
}

#paging ul{
	list-style-type:none;
}

#paging{
	width:350px;
	margin:10px 0 10px 275px;
}

#paging ul li{
	background:url(../images/paging.png) 0 0 scroll no-repeat transparent;
	float:left;
	width:40px;
	height:40px;
	margin:-6px;
	padding:10px 10px 10px 12px;
}

#paging ul li a{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-decoration:none;
}