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

* Filename: styles.css

* Version: 1.0.0

* Website: http://www.aivah.com

* Author: system32

* Description: Handles the site layout.

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



   

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

  				Global Reset

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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 

	margin: 0; 

	padding: 0; 

	border: 0; 

	outline: 0; 

	font-weight: inherit; 

	font-style: inherit; 

	font-size: 100%; 

	font-family: inherit;  

}   

   

body	{

	margin:0px;

	font:normal 12px Arial, Tahoma, Helvetica, sans-serif;

	color:#484848;

	background:#191919 url(../images/bgs.jpg) top left no-repeat;

}

td	{

	margin:0px;

	font:normal 12px Arial, Tahoma, Helvetica, sans-serif;


}




* html {

	margin:0;padding:0;



}




.clear { clear:both; }



.imgborder

{

border:1px solid #CCCCCC;

padding:8px;

margin-right:10px;

}



#wrapper	{

	width:950px;

	height:auto;

	margin:auto;



}

#topheader	{

	width:950px;

	height:170px;	

}



.carousel	{

	width:600px;

	height:250px;	

	overflow:hidden;

	float:center;
	


}


.transparentdiv {       
filter:alpha(opacity=50);  
                opacity: 0.50;
				}

/* -------- Mainpage Portfolio -------- */



#mportfoliowrap {

	border-top:7px solid #e3e3e3; 

	border-bottom:7px solid #e3e3e3;

	padding:12px 0 12px 0;

	margin: 25px 0 25px 0;

	}

	.mportfolio {}

		.mportfolio img {

	width:190px;

	height:121px;

	float:left;

}

		.mportfoliospace {

	margin-left:10px;

}

		.mportfoliobg {

	width:190px;

	height:121px;

	float:left;

	background: #111 url(images/hover-media.jpg) no-repeat top left;

}



	#mblogwrap {

		padding: 0 0 12px 0;

		margin: 25px 0 15px 0;

		}

	.mblogbox {

		width:286px;

		float:left;

		}

		.mblogtitle { font-size:16px; font-weight:bold; margin-bottom:10px;}

			.mblogtitle a { color:#111; text-decoration:none;}

			.mblogtitle a:hover { color:#0878aa; text-decoration:none;}



		.mblogtext { font-size:13px; line-height:20px; color:#7d7d7d;}

		.mblogspace { margin-left:20px; padding-left:20px; border-left:1px solid #e3e3e3;}









/* -------- Portfolio Page -------- */

		

.portfoliopagerows {

	margin:0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

	}

	.portfoliobox {

	width:190px;

	float:left;

}

		.portfoliotitle { 	font:normal 12px Arial, Tahoma, Helvetica, sans-serif;

	color:#484848;

	padding:10px 0 0 5px;}

			.portfoliotitle a { text-decoration:none;}

			.portfoliotitle a:hover { text-decoration:none;}

		.portfoliocontents { 	font:normal 11px Arial, Tahoma, Helvetica, sans-serif;

	color:#484848;

	padding:5px 0 0 5px;}

		

		

		

		

.logo	{

	font:normal 5em "Trebuchet MS", "Times New Roman", Times, sans-serif;

	color:#fff;

	padding:16px 0 0 5px;

	float:left;

	letter-spacing:-3px;

}

.logo span	{

	color:#fff;

}



.toptext	{

	font:normal 14px Arial, Helvetica, sans-serif;

	color:#FFF;

	float:right;

	text-transform:uppercase;

	padding-top: 10px;

	padding-right: 10px;

	padding-bottom: 0px;

	padding-left: 10px;

	border-bottom-width: 1px;

	border-bottom-style: none;

	border-bottom-color: #383838;

}



.portfolio_text	{

	font:normal 10px Arial, Helvetica, sans-serif;

	padding-right: 150px;

	padding-bottom: 0px;



}





.toptext img {

vertical-align:middle;

padding:0 5px;

}



.validicons

{

padding: 10px 0;

}



#middlepart	{



	width:950px;

	z-index:1;

	margin:20px auto 0 auto;

	padding-bottom:30px;

	margin-bottom:10px;



}

.features {

width:500px;

color:#565656;	

font:italic 11px Georgia, Helvetica, sans-serif;

float:left;

margin:0 0 0 0;

padding:25px 0px 0 20px;

}

.features h2

{

	font:normal 3em Arial, Helvetica, sans-serif;

	color:#ffffff;

	margin:10px 0 0 0;

	padding:0px;

	letter-spacing:-2px;

}

.features span

{

	font:bold 10px Arial, Helvetica, sans-serif;

	text-transform:uppercase;

}



#basic-accordian{

	border:0px solid #EEE;

	padding:5px;

	width:auto;

	position:relative;

	margin-left:0px;

	z-index:2;

	margin-top:0px;

	color:#000;

	margin:auto;





}



.menu	{

	width:300px;

	float:left;

	padding:32px 0 0 0;

}



.menu_forfait	{

	width:190px;

	float:left;

	padding:0px 0 0 0;

}



.menu_body {

	display:none;

}



.menu_body2 {



}





.menu_head{

	font:normal 10px Arial, Tahoma, Verdana, Sans-serif;

	padding:6px 20px 6px 0;

	color:#fff;

	border:0px solid #FFF;

	cursor:pointer;

		background:URL(../images/menu.gif) repeat-x;

	margin-bottom:1px;

	text-align:right;

	text-transform:uppercase;

	}



.accordion_headings{

	font:normal 10px Arial, Tahoma, Verdana, Sans-serif;

	padding:6px 20px 6px 0;

	color:#fff;

	border:0px solid #FFF;

	cursor:pointer;

		background:URL(../images/menu.gif) repeat-x;

	margin-bottom:1px;

	text-align:right;

	text-transform:uppercase;

	}

	

.accordion_headings_forfait{

	font:normal 9px Arial, Tahoma, Verdana, Sans-serif;

	padding:6px 20px 6px 0;

	color:#fff;

	border:0px solid #666;



		background:URL(../images/menu_over2.gif) repeat-x;

	margin-bottom:1px;

	text-align:left;

	text-transform:uppercase;

	}

	

	.accordion_headings_forfait2{

	font:normal 9px Arial, Tahoma, Verdana, Sans-serif;

	padding:6px 20px 6px 0;

	color:#fff;

	border:0px solid #666;



		background:URL(../images/menu.gif) repeat-x;

	margin-bottom:1px;

	text-align:left;

	text-transform:uppercase;

	}



.accordion_headings:hover{

	color:#000000;

	background-color:#fff;

}



.accordion_child{

	padding:20px 20px 40px 20px;

	background-color:#fff;

	background:URL(../images/bg_corner.gif);

	background-position:top right; 

	background-repeat:no-repeat;





}



.header_highlight{

color:#000000;

text-align:right;

background:#fff;

}



.header_highlight_forfait{

color:#000000;

text-align:left;

background:#fff;

}



.header_highlight2{



text-align:right;

background:URL(../images/menu_over2.gif) repeat-x;



}





h1	{

	font:normal 2.5em Arial, "Trebuchet MS", Tahoma, Verdana, Sans-serif;

	color:#000000;

	padding:0;

	letter-spacing:-1px;

	margin:5px 0;



}



h2	{

	font:normal 2.8em Arial, "Trebuchet MS", Arial, Verdana, Sans-serif;

	color:#646464;

	padding-top:5px;

	padding-bottom:5px;

	margin:0;

}

h3	{

	font:normal 1.6em Arial, "Trebuchet MS";

	color:#000;

	padding:5px 0px;

	margin:0;


}



h3 a	{

	font:normal 1em Arial, "Trebuchet MS";

	color:#000;

	padding:5px 0px;

	margin:0;

}

h3 a:hover	{

	font:normal 1em Arial, "Trebuchet MS";

	color:#000;

	padding:5px 0px;

	margin:0;

}





p	{

	font: normal 12px/1.7em Arial, Tahoma, Verdana, Sans-serif;

	color:#646464;

	margin:0;

	padding:10px 0;


}



.newsbox	{



	border-left:1px solid #222;

	padding:20px;

	font: normal 11px/1.7em Geneva, Arial, Verdana, Sans-serif;

	color:#646464;

}





.bg_web	{



	background:URL(../images/bg_glass_web.jpg);

	background-repeat:no-repeat;

		border-bottom:1px solid #111;



}



.bg_web2	{



	background:URL(../images/bg_glass_web.jpg);

	background-repeat:no-repeat;





}



.newsbox p	{

	font: normal 11px/1.7em Geneva, Arial, Verdana, Sans-serif;

	color:#646464;

	margin:5px 0 10px 0;

}



a {



 color:#48bae1;

 text-decoration:none;

}



a:hover {



 color:#48bae1;

  text-decoration:none;

}







.newsdate	{

	font:bold 14px "Trebuchet MS", Georgia, Arial;

	color:#6bcb08;





	padding:5px;



}



.news	{

	font-size:11px;

	color:#0000CC;

}

a.readmore {

margin:0 0 10px 0;

padding:0 0 0 0;

}



a.readmore:link, a.readmore:visited, a.readmore:active 	{

	font: normal 10px Arial, Arial, Verdana;

	color:#646464;float:right;

	text-transform:uppercase;

	text-decoration:none;

}



a.readmore:hover	{

	font: normal 10px Arial, Arial, Verdana;

	color:#37b300;float:right;

	text-transform:uppercase;

	text-decoration:none;

}





.blocktxt	{

	font:normal 10px Arial, "Trebuchet MS", Sans-serif;

	color:#a0a0a0;

	background:#101010;

	padding:5px 10px;

	margin:0;

	text-transform:uppercase;

}

.blocktxtwhite	{

	font:normal 10px Arial, "Trebuchet MS", Sans-serif;

	color:#48bae1;



	padding:5px 10px;

	margin:0;

	text-transform:uppercase;

}

.blocktxtwhitemenu	{

	font:normal 10px Arial, "Trebuchet MS", Sans-serif;

	color:#48bae1;





	margin:0;

	text-transform:uppercase;

}



.blocktxtblue	{

	font:normal 10px Arial, "Trebuchet MS", Sans-serif;

	color:#48bae1;



	padding:5px 10px;

	margin:0;

	text-transform:uppercase;

}



#middlepart ul	{

	padding:0px 0 0 15px;

	margin:0px;



}



#middlepart ul li	{

	list-style:disc;

	margin:0;

	padding-top:5px;

	color:#484848;

}



#middlepart ol	{

	padding:0px 0 0 20px;

	margin:0px;



}



#middlepart ol li	{

	margin:0px;

	padding-top:5px;

	color:#484848;

}





.footer	{

	color:#484848;

	padding:30px 0 0px 0;

	background:URL(http://www.conceptionfocus.com/images/bg_bas.gif);

	background-repeat:no-repeat;
	
	background-position:top right;


}



.footer a	{

	color:#484848;

	text-decoration:none;

}



.footer a:hover	{

	color:#5d5d5d;

	text-decoration:none;

}





.img_news	{



	padding:0 10px 0 0;

}

.img_news2	{



	padding:40px 0 0 0;

}





form label { 

	display: block;  /* block float the labels to left column, set a width */

	float: left; 

	width: 150px; 

	padding: 0 8px 0 0; 

	margin: 4px 0 0; /* set top margin same as form input - textarea etc. elements */

	text-align: right;

	font:normal 10px Arial, Tahoma, Sans-serif;

	text-transform:uppercase;



}

form textarea {

	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

	background:#fff;	font:normal 11px Arial, Tahoma, Sans-serif;

	border:1px solid #555;

	padding:4px;

	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of

			            label aligns textarea better in IE */

						

}


form input{

	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

	background:#fff;	font:normal 11px Arial, Tahoma, Sans-serif;

	padding:4px;

	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of

			            label aligns textarea better in IE */

						

}

.form_text {

	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */

	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */

	background:#fff;	font:normal 11px Arial, Tahoma, Sans-serif;
	


	border:1px solid #555;

	padding:4px;

	margin:4px 0 0 0px; /* set margin on left of form elements rather than right of

			            label aligns textarea better in IE */

						
			

}



/*

form input[type="submit"]

{

background:URL(images/send.gif) no-repeat;

border:none;

	font:normal 10px Arial, Tahoma, Sans-serif;

	text-transform:uppercase;



width:106px;

height:24px;

}

*/



#gallery 			{width: 100%;  text-align:center;}

#gallery ul 		{list-style: none;margin:auto;}

#gallery ul li 		{display: inline; }

#gallery ul img 	{border: 7px solid #e8e8e8;	border-width:5px;	margin:5px;}

#gallery ul a:hover img {border: 7px solid #c8c8c8;border-width:5px;	color: #000000;}

#gallery ul a:hover { color: #fff; }





.pagelink			{width:20px;color:#484848;background:#e8e8e8;border:1px solid #8FA9B6;font:normal 10px Arial, Tahoma, Verdana, Sans-serif;clear:both;line-height:20px;text-decoration: none;text-transform:uppercase;}

a.pagelink:active,

a.pagelink:visited,

a.pagelink:link		{width:20px;background:#e8e8e8;border:1px solid #b6b6b6;color:#484848;padding:5px;margin-bottom:10px;text-decoration: none;}

a.pagelink:hover	{width:20px;background:#191919;border:1px solid #b6b6b6;color:#ffffff;padding:5px;text-decoration: none;}

.pagecurrent		{width:20px;background:#0789bb;border:1px solid #02739e;color:#ffffff;padding:5px;text-decoration: none;}


/** Slider **/
/*
#slider{
	width:600px;
}
*/
#slider {height:150px; width:960px; position:absolute; left:0;}

#slider #strap-line {position:absolute; top:92px; left:55px; text-align:center; width:430px; color:#fff;}
#slider #strap-line h2 {color:#fff;}
#slider #latest-project {position:absolute; width:390px; height:163px; top:34px; right:10px;}

.slidshow-wrap {position:absolute; width:274px; height:150px; top:6px; margin-left:60px;}
.slidshow-wrap ul {width:274px;}

#buttons {position:absolute; width:387px; height:23px; margin-top:70px; right:11px; top:34px;}
#buttons a {display:block; text-indent:-9999px;}

#buttons a.prev {float:left; background:url(../images/buttons.png) no-repeat top left; width:22px; height:23px;}
#buttons a.prev:hover {background:url(../images/buttons.png) no-repeat bottom left;}

#buttons a.next {float:right; background:url(../images/buttons.png) no-repeat top right; width:22px; height:23px;}
#buttons a.next:hover {background:url(../images/buttons.png) no-repeat bottom right;}

#slider #page-name {position:relative; top:0; left:0; margin-top:60px;}
#slider #page-name h2 {color:#fff; margin-bottom:10px;}
#slider #page-name .tagline {font-size:15px; color:#202020; float:left; text-transform:capitalize;}