/* CSS Document */

*{ margin:0; padding:0; }
div#wrapper { margin-left:auto; margin-right:auto; }
body { background-image:url(../images/bg-web.jpg); background-repeat:repeat;  }

#wrapper		{ width:1000px;  }

#top			{ width:1000px; padding: 0 0 120px 0; }
#top-left		{ float:left; padding: 10px 5px 5px 0; }
#top-center		{ float:left; padding:25px 0 0 25px; 	}
#top-right		{ float:right;		}
#top-right-top	{ padding:2px 0 0 0;	  }
#top-right-bottom img { border: none; }
#top-right-bottom p	{ padding: 4px 0 1px 0;	color:#000;		} 

#topnav				{ width:1000px; background-color:#081317; clear:both;  -moz-border-radius:8px 8px 0 0; -webkit-border-radius:8px 8px 0 0; border-radius:8px 8px 0 0; }	
#header				{ width:1000px; height:300px;    }
#about				{		}

#content			{ width:960px; float:left; background-image:url(../images/bg-1b.jpg); background-repeat:repeat; float:left;  padding:20px;  }
#content h1 		{ text-align:center; clear:both; }

#content-index-left			{ float:left; width:286px; border: thin solid #000; padding-left: 5px; padding-right: 5px; background-color:#fff;
							-moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; }
#content-index-left h2		{ padding-top:3px; padding-bottom:5px; text-align:center; 	}
#content-index-left p		{ font-size:16px; color:#23225b; text-align:center;	}
#content-index-left img		{ padding-left:20px; padding-top:5px; padding-bottom:15px;  }
#content-index-right		{ float:right; width:645px; padding:0 0 0 15px;		}
#content-index-right img	{  float: right;  clear: right; margin: 8px 8px 0 3px; 	}
#content-about-left			{ width:535px; float:left;	padding: 0	10px 100px 15px; 	}
#content-about-left	h1		{ font-family: 'Courgette', cursive; padding-bottom:10px;	}
#content-about-left p		{ padding-bottom:15px; }
#content-about-left table	{	background-color:#fff; border:1px solid #009; -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;	font-family: 'Roboto', sans-serif; color:#175b75; }
#content-about-right		{ width:400px; float:right; text-align:center;		}
#content-experience-left 	{	 width:575px; padding: 0 25px 0 0; float:left;	}
#content-experience-right	 {	width:360px; float:right;	}
#content-experience-left-bottom	{ width:555px; padding: 10px 10px 10px 10px; background-image:url(../images/resume.jpg); -moz-border-radius:8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px;
								border-radius:8px 8px 8px 8px; border: medium groove #000; }
#content-experience-left-bottom p	{ padding-top:7px;	}
#content-experience-left-bottom ul  { padding-top:5px; padding-bottom:6px; 	}
#content-experience-left-bottom ul li { list-style-type:none; font-family: 'Roboto', sans-serif; color:#175b75; padding-left:5px;		}
#content-experience-right table	{ background-color:#000; border:4px solid #34ccf0; -moz-border-radius:8px 8px 8px 8px;
									-webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;	font-family: 'Roboto', sans-serif; color:#fff; margin-bottom:10px; }
#content-experience-right-bottom { width:335px;  padding: 10px 10px 10px 10px; background-color:#FFFFFF; -moz-border-radius:8px 8px 8px 8px;
									-webkit-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px; border: medium groove #000; }

#content-contact-left {	width:600px; float:left;	}
#content-contact-right	{ width:360px; float:right;		}

#modal-left		{ float:left; width:600px;	}
#modal-right	{ float:right; width:200px;	padding-left: 30px;}
#modal-right h3	{ padding-top:20px; padding-bottom:5px;		}

#footer		{ width:1000px;  text-align:center;  clear:both; 	}
#footer p	{ color:#FFF; padding-top:15px; padding-bottom:10px;   }

#sitemap 	{ width:540px; padding: 0 0 0 420px; }
#sitemap ul	{ padding-left:20px;	}

p	{ font-family: 'Roboto', sans-serif;  color:#175b75; }
p2	{ font-family: 'Roboto', sans-serif; color:#23225b; font-style:italic; font-size:17px;  }
p3	{ font-family: 'Roboto', sans-serif; color:#23225b; font-size:14px;  }
h1	{ font-family: 'Courgette', cursive; padding-bottom:10px;	}
h2, h3 { font-family: 'Courgette', cursive; padding-bottom:8px; padding-top:5px; }
#content hr {  margin-top: 8px;  margin-bottom:8px;  } 

.about-pic	{ padding-top:15px; }

/* Gallery */

#gallery  { padding-left:45px; margin-top:10px;	}
#gallery p	{ padding-bottom:10px; 	}
#gallery ul li { display:inline; }
#gallery ul li img { padding:5px; margin:5px; border:1px #aaa solid; }

/* Forms */

form ol { list-style-type:none; }

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

label 	{ 
		float: left; width: 150px; margin-top:5px;
		text-align:right; display:block; background:none; font-weight:bold;
		}
	
submit	{ background:none; 	}

input 	{ width: 280px; margin:0 0 16px 10px; border:1px #bbb solid; padding:5px; background:none; }
		
input:focus, textarea:focus	{ background-color:#BFEBFF; }

textarea {
		width: 280px; height: 150px; margin:0 0 16px 10px;
		border:1px #bbb solid; padding:5px; background:none; 
		}

select { margin-bottom:20px;	}
	
.month { margin-left:155px;	}

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

br		{ clear: left; 	}

.clear	{ clear:both; }