/*
Main Stylesheet
SDK Bridge, LLC
Author: Adrienne Rice Adams
Company: Cloud Islands
URL: http://cloudislands.com 
Created: September 29, 2009
Last Modified: October 26, 2010
Version: 1.0
*/

/*********************Site colors*********************
*
Dark blue 1 (logo): 133F6B
Dark blue 2 (gradient): 00336E
Dark blue 3 (gradient): 114684
Medium blue 1 (logo): 4F7092
Medium blue 2 (gradient): 5D82B4
Bright blue: 0A6DDD
Light blue: BAD3F4
Dark brown: 41291C
Reddish-brown: 7D332A
Gray: EFEFEF
*
*****************************************************/

/*******************Table of Contents******************
1. Global elements
	1.1 Typography
	1.2 Lists
	1.3 Links 
	1.4 Images & captions
2. Layout
3. Header
4. Navigation
	4.1 Main navigation
	4.2 Secondary navigation
5. Main content
6. Footer
7. Other Elements
	7.1 Tables
	7.2 Forms & Search
	7.3 Accessibility
	7.4 Microformats
	
****************************************************/

/********** 1. Global Elements **********/

body, html {
height: 100%;
width: 100%;
}
body {
color: #41291C;
background-color: #EFEFEF;
font-family: Georgia, "Palatino Linotype", Times, "Times New Roman", serif;
font-size: 14px;
border: 0;
}
.clear {
clear: both;
}
.hide {
display: none;
}
hr {}
.left {
float: left;
}
.right {
float: right;
}

/*---------- 1.1 Typography ----------*/

abbr {}
blockquote {}
blockquote p {}

.caption {
font-size: 14px;
font-style: italic;
}

cite {}

code {
font-family: "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace;
}

h1,h2,h3,h4,h5,h6 {}

h1 {
font-size: 22px;
}

h2 {
color: #7D332A;
font-size: 26px;
font-weight: normal;
line-height: 22px;
padding: 0 0 14px 0;
}

/*--- Make it bigger ---*/
body#home h2 {
color: #7D332A;
font-size: 30px;
font-weight: normal;
line-height: 30px;
padding: 0 0 14px 0;
}

h3 {
color: #7D332A;
font-size: 20px;
font-weight: normal;
border-top: 2px solid #5D82B4;
padding: 12px 0;
}

/*--- Make it bigger ---*/
body#home h3 {
color: #7D332A;
font-size: 22px;
font-weight: normal;
border-top: 3px solid #5D82B4;
padding: 12px 0;
}

h4 {
color: #41291C;
font-size: 18px;
font-weight: normal;
border-top: 1px solid #BAD3F4;
padding: 10px 0 5px 0;
}

h5 {}
h6 {}

p {
font-size: 14px;
line-height: 20px;
padding-bottom: 12px;
}

pre {}
small {}

/*---------- 1.2 Lists ----------*/


ul {
list-style: none;
line-height: 20px;
margin-left: 0;
margin-bottom: 5px;
}

ul ul {
margin-left: 0;
}

ul ul li {
margin-left: 0;
}

ol {
list-style: none;
padding: 10px 0;
}

.content ul li {
background: url(../images/ui/sdkb-bullet.png) no-repeat 0 7px;
margin-left: 0;
padding: 2px 0 2px 20px;
}

.content li.nobullet {
background: none;
margin-left: 0;
}

ul.nobullet li {
background: none;
margin-left: 0;
padding-left: 0;
}

ul.nobullet ul li {
background: none;
margin-left: 0;
}

dl {}
dt {}
dd {}


/*---------- 1.3 Links ----------*/

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

a:visited {
color: #4F7092;
}

a:hover, a:active, a:focus  {
border-bottom: 1px dotted #114684;
text-decoration: none;
}

#footer a {
color: #FFF;
}

#footer a:hover, #footer a:active, #footer a:focus  {
border-bottom: 1px dotted #FFF;
text-decoration: none;
}

/*--- Add external icon to external links ---*/
a[rel ="external"] {
padding-right: 20px;
background: transparent url(../images/ui/external.gif) no-repeat center right;
}

/*---------- 1.4 Images --------*/

a img {
border: none;
}

img.alignleft {
float: left;
padding: 3px;
border: 1px solid #BAD3F4;
background: #EFEFEF;
margin: 0 10px 3px 0;
}

img.alignright {
float: right;
padding: 3px;
border: 1px solid #BAD3F4;
background: #EFEFEF;
margin: 0 0 3px 10px;
}

img.aligncenter {
padding: 3px;
border: 1px solid #BAD3F4;
background: #EFEFEF;
margin: 8px auto;
}
/*--- Image containers ---*/
.image220 {
width: 220px;
padding: 5px;
}

.image810 {
width: 810px;
margin: 10px auto 0 auto;
}

/************ 2. Layout ************
*
Styles here are for main content blocks: 
their position, alignment, background, margin, & padding.
Subsidiary elements, typography, and more granular styles go in specific sections:
* Branding styles go in Header section
* Menu styles go in Navigation section
* Content-specific styles go in Main Content section
* Footer styles go in Footer section
Width is needed for IE and Opera.
Overflow clears floats.
*
************************************/

#global-wrap {
position: relative;
background: url(../images/ui/diagram-1.2.png);
width: 100%;
min-width: 985px;
}

#branding-wrap {
width: 100%;
background: url(../images/ui/header-fade.png) repeat-x;
overflow: hidden;
}

#branding {
width: 944px;
margin: 0 auto;
padding: 0 0 12px 36px;
}

#menu {
background: url(../images/ui/menu-bg-4.png) 0 -48px no-repeat;
width: 982px;
height: 48px;
margin: 0 auto 18px auto;
padding: 0;
}

#inner-wrap {
position: relative;
background: url(../images/ui/inner-wrap-bg-bright.png);
width: 910px;
margin: 0 auto 40px auto;
padding: 36px;
overflow: hidden;
}

#content-wrap {
background: #fff;
width: 100%;
overflow: hidden;
padding-bottom: 15px;
}

.content-block {
float: left;
width: 845px;
padding: 18px 30px 15px 30px;
overflow: hidden;
}

.content-block.first {
padding: 30px 30px 0 30px;
}

.column-2-left {
float: left;
width: 400px;
padding-right: 18px;
}

.column-2-right {
float: left;
width: 400px;
padding-left: 18px;
}

.column-3-left {
float: left;
width: 260px;
margin-right: 30px;
}
.column-3-right {
float: left;
width: 260px;
}

.column-4-left {
float: left;
width: 550px;
padding-right: 30px;
}
.column-4-right  {
position: relative;
float: left;
width: 260px;
}

#footer-wrap {
clear: both;
width: 100%;
overflow: hidden;
background: url(../images/ui/footer-bg-2.jpg) repeat-x;
}

#footer {
position: relative;
width: 915px;
margin: 0 auto;
padding: 12px 0;
overflow: hidden;
}

#siteinfo {
float: right;
width: 290px;
padding: 0 2px 5px 0;
}

#subsidiary {
float: left;
width: 610px;
padding-bottom: 15px;
}

/********** 3. Header ************
*
#branding is in the Layout section
*
**********************************/

#branding a img {
border: none;
text-decoration: none;
}

#branding a:hover {
border: none;
text-decoration: none;
}

#site-title {
position: absolute;
top: -9999px;
font-size: 1px;
}

/********** 4. Navigation **********/

/*--------- 4.1 Main navigation ----------
*
#menu is in the Layout section
Adjust menu link spacing with left and right padding on the #menu li a property.
Stick with Arial for the menu text for more predictable cross-platform results.
*
-----------------------------------------*/

#menu ul {
color: #fff;
height: 48px;
overflow: hidden;
}

#menu li {
display: inline;
list-style: none;
}

#menu li a {
float: left;
display: block;
height: 48px;
color: #fff;
border-right: 1px solid #0A6DDD;
padding: 12px 23px 0px 23px;
font-family: Arial, sans-serif;
font-size: 14px;
letter-spacing: 1px;
}

#menu li a:hover, #menu li a:active, #menu a:focus {
text-decoration: none;
background: url(../images/ui/menu-bg-4.png) 0 0 no-repeat;
border-bottom: none;
}

#menu ul li.first a {
padding-left: 36px;
}

#menu ul li.last a {
border: none;
}

/*---- Current menu item, if you want to style it ----*/

#menu li.current a {}
#menu li.current a:hover {}

/*---------- 4.2 Secondary navigation -----
*
#subsidiary is in the Layout section
*
-----------------------------------------*/

#subsidiary ul li strong {
float: left;
color: #BAD3F4;
}

#subsidiary ul li strong a {
display: block;
}

#subsidiary .submenu {
float: left;
width: 180px;
padding: 4px 4px 0px 8px;
}

#subsidiary ul {
clear: left;
}

/********** 5. Main Content *********
*
Content columns are in the Layout section
*
*************************************/
#action {
position: relative;
float: right;
width: 260px;
text-align: center;
}
#request {
float: right;
background: url(../images/ui/button-quote-2.png) 0 -55px no-repeat;
width: 220px;
height: 55px;
margin: 15px 20px 15px 20px;
}
a#request {
text-indent: -9000px;
}

a#request:hover, a#request:active, a#request:focus {
background: url(../images/ui/button-quote-2.png) 0 0 no-repeat;
text-decoration: none;
border: none 0;
}
a#subscribe {
font-weight: bold;
border: 1px solid #BAD3F4;
padding: 3px 6px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
a#subscribe:hover, a#subscribe:active, a#subscribe:focus  {
background: #BAD3F4;
text-decoration: none;
border: none 0;
}
.testimonial {
color: #65402c;
background: #fff;
font-style: italic;
overflow: hidden;
}

.testimonial-top {
background: #fff url(../images/ui/quotebox-3-top.png) 0 0 no-repeat;
padding: 10px 20px 5px 20px;
overflow: hidden;
}

.testimonial-bottom {
background: #fff url(../images/ui/quotebox-3-bottom.png) 0 0 no-repeat;
margin: 0;
padding: 0 15px 0 0;
overflow: hidden;
}

.testimonial-bottom p.cite {
padding: 15px 0 0 0;
text-align: right;
font-style: italic;
}

span.testimonial-url {
display: block;
margin-top: 3px;
}

.video-block {
width: 460px;
margin: 15px auto;
}

/********** 6. Footer ******************
*
#footer is also in the Layout section
#siteinfo is also in the Layout section
#subsidiary is in the Menu section
*
****************************************/

#footer {
color: #BAD3F4;
font-family: Arial, "Helvetica Neue", "Lucida Grande", Geneva, "Trebuchet MS", sans-serif;
font-size: 12px;
}

#siteinfo {
text-align: right;
}

/********** 7. Other Elements **********/

/*---------- 7.1 Tables ----------*/

table {}
thead {}
tbody {}
tfoot {}
caption {}
th {}
tr {}
td {}

/*---------- 7.2 Forms & Search ----------*/

form {}
legend {}
button {}
input {}
optgroup {}
option {}
textarea {}

input:focus {
background: #EFEFEF;
}
textarea:focus {
background: #EFEFEF;
}

#contact-form {}
#contact-form fieldset {
border: none;
}
.form-field {
display: block;
margin: 8px 0;
}
#contact-form label, #contact-form input, #contact-form textarea {
display: block;
margin: 5px 0;
}
#clearform {
float: right;
margin: 10px 10px 0 0;
}
#clearform input {
background:transparent;
color:red;
text-decoration:underline;
cursor:pointer;
border:none;
}
#sendbutton {
float: left;
margin-top: 7px;
}
.notice {
background-color: #EFEFEF;
padding: 10px;
margin-bottom: 4px;
}
.required {
color: #901824;
font-weight: bold;
}
.warning {
font-weight: bold;
color: #f00;
display: block;
}
/*---hidden field for suspected spam---*/
#spamcatcher {
display: none;
}

.search {}
.search input.field {}
.search input.submit {}

/*--------- 7.3 Accessibility ----------*/

#accessibility p {
color: #EFEFEF;
}

#accessibility a, #accessibility a:hover, #accessibility a:visited {
position: absolute;
left: 0px;
top: -500px;
width: 1px;
height: 1px;
}

#accessibility a:active, #accessibility a:focus {
color: #133F6B;
position: static;
}

/*---------- 7.4 Microformats ----------*/

.vcard div {
margin: 5px 0 8px 0;
}

.type {
position: absolute;
top: -9999px;
font-size: 1px;
}