﻿/*reset*/

html,body{margin:0; padding:0; border:0; background:transparent; font-size:10px;}
div,span,article,aside,footer,header,hgroup,nav,section,h1,h2,h3,h4,h5,h6,p,
blockquote,a,ol,ul,liltable,tr,th,td,tbody,tfoot,thead{
		margin:0;
		padding:0;
		border:0;
		vertical-align:baseline;
		background:transparent;
		}
img {margin:0; padding:0; border:0}

table,tr,th,td,tbody,tfoot,thead {
	margin:0; padding:0; border:0;vertical-align:baseline;background:transparent;}
table {border-collapse:collapse; border-spacing:0;}

input,select,textarea,form,fieldset{ margin:0; padding:0; border:0;}

article,aside,dialog,figure,footer,header,hgroup,nav.section{display:block;}

h1,h2,h3,h4,h5,h6,p,li,blockquote,td,th,a,caption,em,strong,strike{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	line-height:100%;
	text-indent:0;
	text-decoration:none;
	text-align:left;
	color:#000;
	}

ol,ul {list-style:none;}

/*Global*/

html{}
body{background-color:#eeeeee;}

/*Headings*/

h1,h2,h3,h4,h5,h6{font-weight:bold; color:#000;}
h1{font-size:24px;}
h2{font-size:20px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:14px;}
h6{font-size:14px;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

/*Text elements*/

p			{color:#000; font-size:12px; line-height:150%;}

p .left 	{margin:1.5em 1.5em 1.5em 0; padding:0;}
p .right	{margin:1.5em 0 1.5em 1.5em; padding:0;}

a			{ }
a:link		{color:#00f;}
a:visited	{color:#0f0;}
a:active	{color:#000;}
a:focus		{color:#666;}
a:hover		{color:#f00;}

blockquote	{color:#000; font-size:12px;}

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

/*Images*/

/*Lists*/
ul		{}
ol		{list-style-type:decimal;}

ul li	{color:#000; font-size:12px;}
ol li 	{color:#000; font-size:12px;}

dl		{}
dt		{}
dd		{}

/*Tables*/
table	{width:100%;}

tr		{}
.odd	{background-color:#eee;}
.even	{background-color:#fff;}

th		{font-weight:bold;}
thead,th{background-color:#ccc;}

tbody	{}

th,td,caption	{}
caption	{}

tfoot	{}
.tfooter	{background-color:#ccc; text-align:center; font-style:italic;}

caption		{background-color:#efefef;}

/*Containers*/

#wrapper{
	margin:0px auto;
	background-color:#ffffff;
	}
#top {
	width: 100%;
	background-color: black;
	color: #FFFFFF;
	overflow: hidden;
	}

#logo {
	margin:0 0 0 10px;
	float:left;
		}
#social-media{ float:right; margin:0 10px 0 0;}
#social-media p{color:#ffffff; font-size:11px; margin:10px 10px 4px 0px;}
#social-media img{width:24px; height:24px;}
#social-media ul li{display:inline}

#topnav {
	background-color:#333333;
	color:#FFFFFF;
	clear:both; 
		}	
#topnav ul {width:100%; float:left; margin:0px; background-color:#333333; border-bottom:3px #cccccc solid;}

#topnav ul li {display:inline;}

#topnav ul li a {float:left; padding:10px 20px;}

#topnav a:link {color:#FFFFFF;}
#topnav a:visited {color:#FFFFFF;}
#topnav a:active {color:#FFFFFF;}
#topnav a:hover {color:#FFFFFF;background-color:#006600;}
#topnav a:focus {color:#FFFFFF;}

#banner {width:100%;margin-top:50px;}

#subbanner {width:100%; background-color:#555555;padding:15px 0px; overflow:hidden;}
#subbanner h3 {color:#ffffff; font-size:16px; font-weight:bold; text-align:center; line-height:180%;}


#content {width:60%;padding:20px;margin-left:500px;}
#contact-form { float:left;width:650px;padding:20px;margin-left:300px;}

#content h1	{margin:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid; padding:20px 0;text-align:justify;}
#content p {width:100%;margin:30px 0; line-height:160%;font-size:20px;}
#content img {padding:8px;border:1px #888888 solid; margin:8px;}

#contentinfo {float:left;width:95%;padding:20px;margin:20px;}
#contentinfo h1	{margin:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid; padding:20px 0;line-height:160%;text-align:justify;}
#contentinfo p {width:100%;margin:16px 0; line-height:160%; font-size: 16px;text-align:justify;}

#contentinfo2 {float:left;width:250px;padding:50px;margin-left:300px;}

#mission {float:left;width:400px;padding:00px;margin-left:550px;}
#mission h2 {margin:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid; padding:20px 0;text-align:justify;}
#mission p {width:100%;margin:24px 0; line-height:160%;font-size:20px;}

#vision {padding:0px;width:400px; margin-left:1000px;margin-top:0px;}
#vision h2 {margin:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid; padding:20px 0;text-align:justify;}
#vision p {width:100%;margin:24px 0; line-height:160%;font-size:20px;}


#Services {float:left;width:90%;padding:20px;margin:20px;margin-left:5%;margin-right:5%;}
#Services h1 {margin:0 0 20px 0;font-size:32px;border-bottom:1px #777777 solid; padding:20px 0;text-align:justify;}
#Services p {width:100%;margin:24px 0; line-height:160%;font-size:20px;}




#wrapper2{
	width:90%;
	margin:0px auto;
	background-color:#ffffff;
	}
/*About Dr. Ashraf & Dr. Ibrahim */
#column {float:left;width:280px;padding:00px;margin-left:100px}
#column p {width:100%;margin:16px 0; line-height:160%; font-size: 16px;}

#column1 {padding:20px;width:280px; margin-left:475px;margin-top:100px;}
#column1 p {width:100%;margin:16px 0; line-height:160%; font-size: 16px;}

#wrapper3{
	width:900px;
	margin:0px auto;
	background-color:#ffffff;
	}

/*Service 1 */
#column_s10 {float:left;width:350px;padding:00px;margin-left:50px}
#column_s10 h2 {width:100%;margin:16px 0; line-height:100%; font-size: 28px;text-align:center;}
#column_s10 li {width:100%;margin:16px 0; line-height:100%; font-size: 16px;}

/*Service 2 */

#column_s20 {width:350px;padding:20px;margin-left:500px;}
#column_s20 h2 {width:100%;margin:16px 0; line-height:100%; font-size: 28px;text-align:center;}
#column_s20 li {width:100%;margin:16px 0; line-height:100%; font-size: 16px;}



#row { float: inherit; width: 650px; padding: 20px;}

#contact-rightside {padding:20px; margin-left:1000px;}
#contact-rightside li {width:100%;margin:16px 0; line-height:160%; font-size: 14px;}

#rightside2 {padding:60px; margin-left:600px;width:60%;}
#rightside2 li {margin:8px 0; line-height:160%; font-size: 14px;text-align:justify;}
#rightside2 p3 {margin:8px 0; line-height:200%; font-size: 16px;text-align:justify;}
#rightside2 p {margin:8px 0; line-height:140%; font-size: 12px;text-align:justify;}
#rightside2 h2 {margin:8px 0; line-height:140%; font-size: 30px;text-align:justify;}


#rightside {padding:20px; margin-left:675px;}
#rightside h2 {margin:20px 0 10px 0;}
#rightside p {margin:8px 0; line-height:160%;}

#footer {clear:both;background-color:black;padding:10px 0;}
#footer p {text-align:center; color:#FFFFFF;}
	

#box1	{}
#box2	{}
#box3	{}
#box4	{}
#box5	{}
#box6	{}

/* Trials */
/*Forms*/

form	{text-align:left; margin:20px;}

label,submit,input,textarea { border:0; padding:0; margin:0; background:none;}

label	{float:left; width:150px; margin-top:5px; text-align:right; display:block;}

input,textarea	{border:1px #333 solid; margin-left:10px; padding:5px;}

input	{width:280px; margin-bottom:16px;}

textarea	{width:280px; height:150px; margin-bottom:16px;}

select	{}

.submit	{width:90px; height:25px; margin-left:150px; font-size:12px;}


#contact-form {list-style-type:none; padding:50px 100px; font-size:13px; font-style: normal;}

#contact-form ol{list-style-type:none; }
#contact-form h2{margin-botton: 20px; }
