/* --- ------------------------------------
Developer: Marion Newman
Site: Atomic Web Design
--- ------------------------------------ */

/* --- --------- | Global | --------- --- */

body {
	background: url(../images/AtomicBackground.jpg) 50% 0% ;
	font: 83%/160% "Georgia", "Helvetica", Arial;
	color: #000;
	}

/* --- --------- | Container | --------- --- */

div#container {
    width: 100%; height:575px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
div#regContainer {
    width: 100%; 
    margin-top: 50px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
div#contactUsContainer {
    width: 100%; height:450px;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}

/* --- --------- | End Container | --------- --- */

div#content {
    padding: 15px;
    margin: 0px;
    text-align: center;
}
	div#content a {cursor:pointer; border:0; color:#000000; text-decoration:none}
	div#content a:hover {color: #971b1e; text-decoration:none}
img {border:0}	
img, div { behavior: url(iepngfix.htc) }

div#nav {
    width: 25%;
    padding: 10px;
    margin-top: 1px;
    float: left;

}

div#main {
    margin-left: 30%;
    margin-top: 1px;
    padding: 10px;

}

div#footer {
text-align:center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px;
}
div#footer p {padding:0}
div#footer ul {padding:0; margin:0}
div#footer a.neo {color: #000000; text-decoration:none;}
div#footer a.neo:hover {color: #000000; text-decoration:underline;}

*html #navigation li { margin: 0 6px 0 6px;}
*html #navigation li a { font-size: 1em;}
ul 
	{ 			
		text-align:center; line-height:1em;
		list-style: none;  
		margin:0px; padding: .5em 0 .5em 0;			
	}
	ul li { display: inline;   }
	ul li a 
		{
			/*font-family: "Georgia", "Helvetica", Arial;*/
			font-weight:normal; text-transform:uppercase; text-decoration:none;
			font-size: 1.05em; line-height:15px;
			color: #000000;
		}
		ul li a:hover { color: #971b1e; }
		.standard
			{
				font-weight:normal; text-transform:uppercase; text-decoration:none;
				font-size: 1.05em; line-height:15px;
				color: #000000;
			}		


/* --- | Home | --- */
#linknav
	{
		width:313px; margin-left: auto; margin-right:auto; text-align:center;
		margin-top:15px; padding:0;
		border-top:1px solid #000000;
		border-bottom:1px solid #000000
	}
	.link {border-bottom:1px solid #000; border-top:1px solid #000; padding:4px;}

/* --- | Menu | --- */	
div#menu {
    padding: 15px;
    margin: 0px; padding-top:130px;
    text-align: center;
}
#mainMenuNav
	{
		width:431px; margin-left: auto; margin-right:auto; text-align:center;
		margin-top:35px; padding:0;
		border-top:1px solid #000;
		border-bottom:1px solid #000
	}
	
	div#mainMenuNav .top {border-top:1px solid #000}
/* -- | About Us -- */	
#aboutmain
	{
		float:left;
		text-align:center;
		width:600px;
		font-family: "Georgia", "Helvetica", Arial;
		border-right:1px solid #000;
		margin-bottom:0px
	}
	#aboutmain p 
		{  
			font-family: "Georgia", "Helvetica", Arial; font-size:1.4em; 
			text-transform: uppercase; font-weight:bold;
			padding-left:10px; padding-right:10px; padding-top:30px;
			line-height: 1.6em
		} 
		#aboutmain p.sub
			{  
				font-family: "Georgia", "Helvetica", Arial; font-size:1.0em; 
				text-transform: uppercase; font-weight:bold;
				padding-left:10px; padding-right:10px; padding-top:30px;
				line-height: 1.6em
			}
	#aboutLogo { margin: 20px 200px auto 200px; border-top:1px solid #000; border-bottom:1px solid #000; width:200px; }
	#aboutBioImg { padding:0px; width:170px; height:204px; margin-left:55px; }
		#aboutBioImg img { padding:0; margin:0; border:1px solid #000; }
		
	#aboutCeo {
		margin:20px auto auto 38px; 
		padding:3px auto 3px auto; 
		border-top:1px solid #000; border-bottom:1px solid #000;
		text-transform:uppercase
	}
		#aboutCeo ul {padding:0}

	#aboutBioPort {margin-left:38px; padding:2px auto 2px auto; border-bottom:1px solid #000;}
	
#aboutbio { float:left; text-align:center; margin-top:80px; width:250px}	
	.name {font-size:1.4em; font-weight:bold; line-height:1.2em;text-transform:uppercase;}
		.ceo {font-size:1em; font-weight:bold; line-height:1.6em; text-transform:uppercase}	

div#aboutcontent {
		width:867px; margin-left:auto; margin-right:auto;
  		padding: 15px;
   	text-align: center;
	}		
/* -- | OnePager | -- */
div#onepager
	{
		width:800px; 
		margin: 0px auto 0px auto;
		padding: 10px 50px 10px 50px; 
		border:0;
	}
	div#onepagerGraphic {
		background: url(../onepager/AtomicOnePager.png) no-repeat;
		width:800px; height:2421px;
	}
	#onepagerLogo
		{
			margin:0 5px 25px 5px; padding:0; width:100%;text-align:left
		}
		#onepagerLogo a { border:0; text-decoration:none }	
	div#onepager p.mainText {
		margin:0 5px 5px 5px ; padding:0; 
		font-family: "Times New Roman"; font-size:2em; line-height:1.2em; text-align:left
	}
	div#onepager p.services {
		margin:0 5px 5px 5px ; padding:10px 0px 10px 0px; 
		font: 1.16em Times New Roman;
		line-height:1.3em; text-align:left;
		border-top:1px solid #000; border-bottom:1px solid #000;
	}	
	div#onepager img.ad {float:left}	
	div#onepager h1 {
		margin:20px 5px; padding:0;
		text-align:left; font: 1.2em Times New Roman; text-transform:uppercase; color:#000; }		
	div#onepager ul 
		{ 			
			text-align:left; line-height:1em;
			list-style: none;  
			margin:0px 5px 10px 5px; padding: .5em 0 .5em 0;	font-size: 1.5em;
		}
		div#onepager ul li { 
			display: inline;
			font-family: "Times New Roman";
				font-weight:normal; text-transform:lowercase; text-decoration:none;
				line-height:1em;
				color: #000;
		}
		div#onepager ul li a { 
			font-family: "Times New Roman"; font-weight:normal; 
			text-transform:lowercase; text-decoration:none;
			line-height:1em;
			color: #000;
		}
		div#onepager ul li a:hover { color: #971b1e; }
/* -- | Publicity | -- */	
h1 
	{
		font-family: "Georgia", "Helvetica", Arial;
  		font-weight:normal; text-transform:uppercase; text-decoration:none;
		margin-top:50px;
  		font-size: 1.2em; line-height:0em;
  		color: #971b1e;
	}	
	h2
		{
			font-family: "Helvetica", Arial;
	  		font-weight:normal; text-transform:propercase; text-decoration:none;
			margin-top:10px;
	  		font-size: 1.2em; line-height:1.5em;
	  		color: #000;
		}			

/* -- | Biography -- */	
div#biography
	{
		width:600px; margin-left: auto; margin-right:auto; text-align:justify;
		margin-top:25px; padding:0;
	}
div#biography p {margin-top:0px; font-size:1.4em; line-height:1.4em; text-align:justify}				

#bionav
	{
		width:250px; margin-left: auto; margin-right:auto; text-align:center;
		margin-top:15px; padding:3px auto 3px auto;
		border-top:1px solid #000;
		border-bottom:1px solid #000
	}
#bionav ul {padding:0}
	#bionavlink
	{
		width:250px; margin-left: auto; margin-right:auto; text-align:center;
		margin-top:0px; padding:2px auto 2px auto;
		border-bottom:1px solid #000
	}

/* -- | AboutLogo -- */	
div#aboutlogo
	{
		width:800px; 
		margin: 0px auto 0px auto;
		/* margin-left: auto; margin-right:auto; margin-top:0px; */
		padding: 10px 50px 10px 50px;
		/*padding:10px; padding-left:50px; padding-right:50px; */
		text-align:center; 
		border:0; border-left:1px solid #000; border-right:1px solid #000;
	}
div#aboutlogo p {font-size:1.4em; line-height:1.4em; text-align:justify}		
#logonav
	{
		width:313px; margin-left: 0px; margin-right:0px; text-align:center;
		margin-top:15px; padding:0; margin-bottom:50px;
		border-top:1px solid #000;
		border-bottom:1px solid #000
	}
/* -- | Our Work | -- */
#ourWorkLogo
	{
		width:313px; margin-left: 0px; margin-right:0px; text-align:left;
		margin-top:15px; padding:0; margin-bottom:50px;

	}

#ourWork { margin: 20px 0px 10px 0px; width:978px; text-align:left}

/* -- | Contacts Us | --*/
div#contactus {
		width:887px; margin-left:auto; margin-right:auto;
  		padding: 15px;
   	text-align: center;
	}	
	#contactusmain
		{
			/*behavior: url(iepngfix.htc);*/
		  	background: url(../images/AtomicContactPg-drawing.png) no-repeat;
		  	float:left;
		  	margin-top:95px;
			width:210px; height:390px;
			padding:0px
		}	
		#contactusMenu { float:left; text-align:left; margin-top:225px; width:645px}

		#contactusSidebar { float:left; text-align:center; margin-top:110px; margin-left: -120px; width:125px}

div#contactusMenuNav
	{
		width:645px; margin-left: auto; margin-right:auto; text-align:center;
		margin-top:35px; padding:0;
		border-top:1px solid #000;
		border-bottom:1px solid #000
	}		
		 .contact{ font-size:.85em}

/* -- | Portfolio -- */	

div#portfolio
	{
		width:601px; margin-left: auto; margin-right:auto; text-align:center;
		margin-top:35px; padding:0;
		border-top:1px solid #000;
		border-bottom:1px solid #000
	}
	div#portfolio a {color: #000000;}
		div#portfolio a:hover {color: #971b1e;}
	
	div#portfolio .top {border-top:1px solid #000}