/* OTO Technologies
Design by Rouviere Media: http://www.rouiere.com
Version 20090414 */

/* @group General layout and styling */

* { 
	margin: 0; 
	padding: 0; 
	}

body { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height: 16px; 
	font-weight: normal; 
	color: #666; 
	background: #ccc url(http://www.ototechnologies.com/photos/bg_gradient.jpg) repeat-x; 
	}

h1, h2, h3, h4, h5 { 
	font-family: "Gill Sans", sans-serif; 
	text-transform: uppercase; 
	}

h2 { 
	font-size: 20px; 
	font-weight: lighter; 
	margin-bottom: 2px; 
	}

h3 { 
	font-size: 18px; 
	font-weight: lighter; 
	}

#container { 
	width: 984px; 
	margin: 0 auto; 
	}

#banner { 
	position: relative; 
	width: 954px; 
	margin-left: 15px; 
	height: 61px; 
	}

.main_content { 
	min-height: 500px; 
	background: white; 
	margin: 0 0 -16px 0; 
	padding: 1px 0; 
	}

.outerpair1 { 
	background: url(../photos/dropshadow-bottom.png) left bottom no-repeat; 
	padding-bottom: 30px; 
	}

.outerpair2 { 
	background: url(../photos/dropshadow-main.png) left top no-repeat; 
	padding: 0 15px 1px 15px;  
	}

.main_content h1 { 
	margin: 10px 0 5px 30px; 
	font-weight: lighter; 
	color: #ff9900; 
	}

.main_content h2, #bottom h2 { 
	font-weight: lighter; 
	margin-left: 30px; 
	color: #555454; 
	}

.main_content h3 { 
	font-weight: normal; 
	color: #fb6710; 
	margin: 5px 0 5px 30px; 
	}

#contact h3 { 
	margin-bottom: 2px; 
	}

#domains h2 { 
	margin-bottom: 5px; 
	}

.main_content p { 
	margin: 0 30px 10px 30px; 
	}

.main_content ul { 
	margin-left: 15px; 
	margin-bottom: 15px; 
	}

.main_content li { 
	list-style-position: outside; 
	margin-left: 50px; 
	list-style-type: disc; 
	list-style-image: url(../photos/bullet.jpg); 
	}

#contact p { 
	font-size: 14px; 
	line-height: 18px; 
	margin-bottom: 20px; 
	}

img.thin_banner { 
	margin-bottom: 15px; 
	}

#about img.thin_banner { 
	margin-bottom: 0; 
	}

img.divider { 
	margin-top: -5px; 
	margin-bottom: -5px; 
	}

img.left_image { 
	float: left; 
	margin: 5px 20px 10px 0; 
	}

.right_image { 
	float: right; 
	margin: 3px 20px 0 10px; 
	}

#investments img.right_image { 
	margin: 10px 10px 20px 10px; 
	}

/* @end */

/* @group Home Page */

p#blurb { 
	text-align: center; 
	margin: 5px; 
	}

img.full_width { 
	border-top: 6px solid #e6e6e6; 
	}

#left { 
	float: left; 
	width: 320px; 
	height: 210px; 
	border-right: 6px solid #e6e6e6; 
	}

#about #left { 
	width: 300px; 
	min-height: 440px; 
	}

#about #center { 
	width: 325px; 
	min-height: 440px; 
	}

#about #right { 
	width: 300px; 
	min-height: 440px; 
	}

#left h2 { 
	font-weight: lighter; 
	margin: 20px 0 10px 30px; 
	}

#left p { 
	margin: 0 30px 10px 30px; 
	}

#center { 
	float: left; 
	width: 380px; 
	height: 210px; 
	padding-left: 30px; 
	border-right: 6px solid #e6e6e6; 
	}

#center h2 { 
	font-size: 20px; 
	font-weight: bold; 
	color: #dfc754; 
	margin: 20px 0 5px 10px; 
	}

#center p { 
	margin: 10px; 
	}

#about #center { 
	padding-left: 10px; 
	}

#right { 
	float: right; 
	height: 210px; 
	}

#right img { 
	margin: 35px 30px 0 20px 
	}

#right h2 { 
	margin: 20px 0 10px 20px; 
	}

.main_content #right p { 
	margin: 5px 30px 10px 20px; 
	}

#center.right_image { 
	float: right; 
	margin: 0; 
	padding: 0; 
	}

#bottom { 
	clear: both; 
	border-top: 6px solid #e6e6e6; 
	}

#bottom h2 { 
	margin: 15px 30px; 
	}

#bottom h3 { 
	font-weight: normal; 
	color: #fb9912; 
	margin: 5px 0 5px 30px; 
	}

#bottom p { 
	margin: 10px 30px; 
	}

/* @end */

/* @group Links */

a:link, a:visited { 
	color: #dc7926; 
	text-decoration: none; 
	}

a:hover, a:active { 
	color: #666; 
	text-decoration: none; 
	background-color: orange; 
	}

/* @end */

/* @group Main Navigation */

#banner ul { 
	position: absolute; 
	right: 20px; 
	bottom: 0; 
	padding: 0; 
	list-style: none; 
	}

#banner li { 
	list-style-type: none; 
	float: left; 
	}

#banner ul a { 
	display: block; 
	font-size: 10px; 
	padding: 0 1.3em; 
	line-height: 22px; 
	}

#banner a:link, #banner a:visited { 
	color: #ccc; 
	text-decoration: none; 
	text-transform: uppercase; 
	}

#banner a:hover, #banner a:active { 
	text-decoration: none; 
	text-transform: uppercase; 
	background: #b3b3b3; 
	color: #333; 
	}

#banner li.selected { 
	background: #fff; 
	font-weight: bold; 
	}

#banner li.selected a { 
	color: #666; 
	}

/* @end */

/* @group footer */

#footer { 
	clear: both; 
	width: 954px; 
	font-size: 10px; 
	height: 30px; 
	padding-bottom: 20px; 
	}

#copyright { 
	float: left; 
	margin: 5px 0 0 50px; 
	}

#info { 
	float: right; 
	margin: 5px 20px 0 0; 
	}

#info a:link, #info a:visited { 
	color: #6a6b6b; 
	text-decoration: none; 
	}

#info a:hover, #info a:active { 
	text-decoration: underline; 
	}

/* @end */