@charset "utf-8";
/* CSS Document */

body
{
	margin:0;
	padding:0;
	border:0;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

h1
{
	font-size:130%;
	font-family:Futura, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#09F;
}

h2
{
	font-size:80%;
	font-family:Futura, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#09F;
}

h3
{
	font-size:80%;
	font-family:Futura, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#333;
}

p
{
	font-size:80%;
}


img
{
	border:none;
}

/* --------------------------------- Top GREY ----------------------------------- */

#top_bg
{
	background-image:url(../images/bg_grey_top_15x44px.jpg);
	background-color:#333;
	background-repeat:repeat-x;
	width:auto;
	height:44px;
}

.inner_wrapper
{
	width:900px;
	margin:auto;
}

#top_left
{
	margin:0;
	padding:0;
	border:0;
	width:auto;
	height:17px;
	color:#333;
	font-size:65%;
}

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

#top_left a:hover
{
	text-decoration:none;
	color:#CCC;
}

#top_right
{
	width:auto;
	height:27px;
	float:right;
	color:#FFF;
	font-weight:bold;
	font-size:105%;
}

/* -------------------------------- HEADER ------------------------------------ */

#header_bg
{
	background-image:url(../images/bg_blue_header_15x269px.jpg);
	background-color:#06F;
	background-repeat:repeat-x;
	width:auto;
	height:269px;
}

#logo
{
	background-image:url(../images/logo_SWDS_185x120px.jpg);
	background-color:#09F;
	background-repeat:no-repeat;
	width:185px;
	height:120px;
	float:left;
}

#logo_hover
{
	display:block;
	width:185px;
	height:120px;
	float:left;
}

#logo_hover a:link, #logo_hover a:visited
{	
	text-decoration:none;
	display:block;
	width:185px;
	height:120px;
	float:left;
}

#logo_hover a:hover
{	
	background-image:url(../images/logohover_SWDS_185x120px.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	display:block;
	width:185px;
	height:120px;
	float:left;
}

#google_search, #search
{
	padding:0;
	margin-left:8px;
	border:0;
	width:300px;
	height:30px;
	float:left;
	font-size:9px;
}


#call
{
	width:190px;
	height:62px;
	float:right;
	font-size:175%;
	line-height:0.8em;
	padding-top:10px;
	margin-left:55px;
	text-shadow:#FF6 0 -1px 1px;        /* Yellow light shining directly from above, best */
	/*text-shadow:#FF6 1px 1px 1px;*/   /* Yellow light shining from bottom, ok */
	/*text-shadow:#FF6 1px 1px 0;*/     /* Yellow light shining from bottom, ugly */
}

#call span
{
	font-size:60%;
	text-shadow:none;
}

#header_img_n_nav
{
	width:715px;
	height:166px;
	float:right;
	background-image:url(../images/header_img_703x166px.jpg);
	background-repeat:no-repeat;
	background-position:right;
}

/* ------------------------------ NAV --------------------------------- */

#nav
{
	width:715px;
	height:30px;
	margin-top:136px;
}

#nav li
{
	display:inline;
	padding:0 0.2em 0 0.2em;
}

#nav li a:link, #nav li a:visited
{
	color:#FFF;
	text-decoration:none;
}

#nav li a:hover
{
	color:#333; /*#09F;*/
}

#nav li span
{
	color:#0CF;
}

/* --------------------------- CONTENT ----------------------------- */

#content_bg
{
	background-color:#F0F0F0;
	background-image:url(../images/bg_F0F0F0.jpg);
	overflow:auto;
}

#content_inner
{
	width:700px;
	float:right;
	background-color:#F0F0F0;
}

#content_inner p
{
	font-size:100%;	
}

.content_inner
{
	width:700px;
	float:right;
	background-color:#F0F0F0;
}

.content_inner img
{
	border:none;
}

#content_inner_left
{	
	width:700px;
	height:auto;
	float:left;
	margin: 0 200px 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:75%;
	line-height:1.8em;
	background-color:#F0F0F0;
}

#content_inner_right
{	
	width:600px;
	height:auto;
	float:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:75%;
	line-height:1.8em;
	background-color:#F0F0F0;
}

#content_inner_left span, #content_inner_right span
{
	/*color:#000;*/
	font-weight:bold;
	/*font-size:95%;*/
}

/* ---------------------------------------- CONTENT: Cu3er -------------------------------- */


#cu3er-container
{
	width:600px;
	height:300px;
	outline:0;
	margin: 5% auto;
	text-align:center;
}

#shadow
{
	width:600px;
	height:100px;
	background-image:url(../images/shadow.jpg);
}

/* ---------------------------------------- CONTENT: WEB DESIGN -------------------------------- */


#webdesignlinks
{
	width:350px;
	/*float:right;*/
	margin-left:35px;
}

#gallery
{
	/*float:left;*/
}


/* jQuery lightBox plugin - Gallery style */
#gallery 
{
	background-color: #444;
	padding: 10px;
	width: 520px;
}
	
#gallery ul 
{ 
	list-style: none; 
}

#gallery ul li 
{ 
	display: inline; 
}

#gallery ul img 
{
	border: 5px solid #3e3e3e;
	border-width: 5px 5px 20px;
}
	
#gallery ul a:hover img 
{
	border: 5px solid #fff;
	border-width: 5px 5px 20px;
	color: #fff;
}
	
#gallery ul a:hover
{ 
	color: #fff; 
}


/* -------------------------- CONTENT: ORANGE FORM ---------------------- */

#formtest fieldset
{
	width:640px;
	background-color:#FF9966;
}

#formtest legend
{
	font-size:150%;
	font-weight:bold;
	font-style:italic;
	text-shadow:2px 2px 1px #FFF;
}

#formtest label
{
	display:block;
	width:250px;
	float:left;
}
      
#formtest span
{
	font-style:italic; 
	font-weight:bold;
}


/* ---------------------------- CONTENT: CONTACT ------------------------ */

#contact_inner
{
	width:650px;
	float:right;
	background-color:#F0F0F0;
}

#form_contact legend
{
	font-style:italic;
	font-weight:bold;
	font-size:larger;
}

#form_contact fieldset
{
	border:none;
}

#form_contact label
{
	display:block;
	width:150px;
	float:left;
}


/* -------------------------- BLUE Btm --------------------------- */

#middle_blue_bg
{
	background-image:url(../images/bg_blue_btm_15x167px.jpg);
	background-color:#0CF;
	background-repeat:repeat-x;
	width:auto;
	height:167px;
	clear:both;
}

#star
{
	float:left;
	width:228px;
	height:166px;
	margin-left:70px;
}

#text
{
	width:150px;
	height:auto;
	float:left;
	margin:15px 0 0 0;
	font-weight:bold;
}

#text h2
{
	color:#333;
}

#btns
{
	width:250px;
	height:156px;
	float:left;
	margin-left:70px;
}

#btn_w
{
	width:250px;
	height:49px;
}

#btn_f
{
	width:250px;
	height:34px;
}

#btn_l
{
	width:250px;
	height:35px;
}

#btn_p
{
	width:250px;
	height:36px;
}

/* --------------------------------- FOOTER ----------------------------------- */

#footer_bg
{
	background-image:url(../images/bg_grey_footer_15x186px.jpg);
	background-repeat:repeat-x;
	background-color:#666;
	/* height:360px; */
	overflow:auto;
}

/* ------------------------------- FOOTER: TWIT ---------------------------------*/

#footer_extras
{
	width:600px;
	height:auto;
	margin-left:300px;
	padding-top:35px;
}

#footer_twit_left
{
	width:110px;
	height:auto;
	float:left;
}

#footer_twit_left h2
{
	color:#999;
	font-weight:normal;
	font-size:70%;
}

#footer_twit_right
{	
	width:49px;
	height:54px;
	float:left;
	display:block;
	background-image:url(../images/twitericon_49x54px_png8_light.png);
	background-repeat:no-repeat;
	border:none;
}

#footer_twit_right_hover
{	
	width:49px;
	height:54px;
	float:left;
	display:block;
	border:none;
}

#footer_twit_right_hover a:link, #footer_twit_right_hover a:visited
{
	width:49px;
	height:54px;
	float:left;
	display:block;
	border:none;
}

#footer_twit_right_hover a:hover
{
	width:49px;
	height:54px;
	float:left;
	display:block;
	background-image:url(../images/twitericon_49x54px_png8_heat.png);
	background-repeat:no-repeat;
	border:none;
}

#fb_like
{
	width:400px;
	height:auto;
	float:right;
	margin-left:40px;
}

#fb_like iframe
{
	width:300px;
	height:auto;
	float:right;
}

#fb_like p
{
	color:#999;
	font-weight:normal;
	font-size:70%;
}


/* ------------------------------- FOOTER: NAV -------------------------------- */

#footer_nav
{
	width:700px;
	font-size:55%;
	float:right;
	text-align:center;
}

#footer_nav li
{
	display:inline;
	color:#999;
}

#footer_nav li a:link, #footer_nav li a:visited
{	
	text-decoration:none;
	color:#999;
}

#footer_nav li a:hover
{
	text-decoration:none;
	color:#CCC;
}

/* --------------------------------- CLASSES ---------------------------------- */

.clear
{
	clear:both;
}

.p_smaller
{
	font-size:12px;
}

.fr
{
	float:right;
}

.fl
{
	float:left;
}

.int_link
{
	color:#0099FF;
}

.swf_fl
{
	width:60%;
	float:left;
}

.swf_fr
{
	width:40%;
	float:right;
}

.border_grey
{
	width:200px;
	height:160px;
	border-top:#333333 solid 3px;
	border-right:#333333 solid 3px;
	border-bottom:#333333 solid 6px;
	border-left:#333333 solid 3px;
}

.bg_grey
{
	background-color:#333;
}